自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(122)
  • 资源 (2)
  • 收藏
  • 关注

原创 js语句简写大全

【代码】js语句简写大全。

2022-11-25 16:48:01 957

原创 最全面、最详细web前端面试题及答案总结

2021最全面、最详细web前端面试题及答案总结总结不易,希望可以帮助到即将面试或还在学习中的web前端小伙伴,祝面试顺利,拿高薪!本章是HTML考点的⾮重难点,因此我们采⽤简略回答的⽅式进⾏撰写,所以不会有太多详细的解释。我们约定,每个问题后我们标记『✨ 』的为⾼频⾯试题doctype的作⽤是什么?✨DOCTYPE是html5标准⽹⻚声明,且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档,不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

2021-02-01 09:34:00 31037 9

原创 最新Web前端面试题精选大全及答案

HTML、CSS相关1.网络中使用最多的图片格式有哪些JPEG,GIF,PNG,最流行的是jpeg格式,可以把文件压缩到最小 在ps以jpeg格式存储时,提供11级压缩级别2.请简述css盒子模型一个css盒子从外到内可以分成四个部分:margin(外边距),border(边框),padding(内边距),content(内容)。默认情况下,盒子的width和height属性只是设置content(内容)的宽和高,盒子真正的宽应该是:内容宽度+左右填充+左右边距+左右边框盒子真正

2021-01-07 11:53:44 187762 65

原创 VUE3 + Elementui-Plus 之 树形组件el-tree 一键展开(收起);一键全选(不全选)

注意:以上方法会展开或折叠所有节点;

2024-04-10 13:24:06 696

原创 VUE3 之 HOOKS公共方法封装(TS)

【代码】VUE3 之 HOOKS公共方法封装(TS)

2024-03-29 10:21:25 160

原创 VUE3 之 状态管理工具pina的使用步骤

创建一个 Store 来管理应用程序的状态。

2024-03-19 14:54:03 449

原创 VUE2 与 VUE3 中监听器watch的区别

1.定义方式:Vue 2中的监听器是通过watch方法直接在组件内部创建的,而Vue 3中的监听器是在setup函数内使用watch函数创建的。2.侦听多个数据源:Vue 2中可以传递多个数据源进行监听,而Vue 3中则需要将多个数据源作为参数传递给watch函数。3.深度监听:在Vue 3中,深度监听可以通过在watch函数中设置deep: true来实现。

2024-03-13 08:27:40 484

原创 VUE 之 Vuex 和 Pina 介绍

Vuex 是官方状态管理库,提供了一整套的概念和规则,适用于大型应用或需要严格管理状态的场景。Pina 则更专注于简单、灵活的状态管理,利用 Composition API 实现状态管理,适用于小型项目或对状态管理有特定需求的开发者。选择使用 Vuex 还是 Pina 取决于你的项目需求和个人偏好。对于大型应用或团队开发,可能更倾向于使用 Vuex,而对于小型项目或更灵活的状态管理,Pina 可能是一个不错的选择。

2024-03-08 09:26:41 561

原创 基于VUE3搭建项目步骤

【代码】基于VUE3搭建项目步骤。

2024-03-06 08:22:54 348

原创 VUE2与VUE3之间的主要区别

需要注意的是,由于 Vue 3 引入了一些新的语法和特性,迁移到 Vue 3 可能需要一些学习和代码重构的工作。如果你已经熟悉 Vue 2,学习 Vue 3 可以从官方文档开始,文档中包含了详细的指南和示例,可以帮助你快速上手。个人感受最深的是组合式api,真的太棒了。

2024-03-04 11:57:00 590

原创 VUE3子组件实例方法暴露(导出)方法

只需以上步骤即可访问子组件实例方法。

2024-02-26 13:54:51 1011

原创 VUE3+elementPlus 之 Form表单校验器 之 数字类型、小数位数校验

封装自定义验证器:组件内使用:页面效果:非数字:小数点后无内容:超过限制小数位数:超过最大值:

2024-02-01 14:15:00 661

原创 VUE3+elementPlus 之 Form表单校验器 之 字符长度校验

【代码】VUE3+elementPlus之Form表单校验器封装。

2024-01-31 14:03:31 615

原创 VUE3+elementPlus之 子组件直接修改父组件的值(父子组件props双向绑定)

需要注意的是,Vue 推荐使用组件之间的 props 和事件来进行父子组件之间的通信,而不是直接修改父组件的值。

2024-01-20 10:06:57 801

原创 20个JavaScript常用语句缩写、简化写法 | 提高开发效率

绝对用得上的20个JavaScript常用语句缩写、简化写法 | 提高开发效率

2023-10-31 09:57:13 148

原创 VUE 之编程式跳转页面传递数组对象

【代码】VUE 之编程式跳转页面传递数组对象。

2023-09-28 14:48:06 348 3

原创 js之加减乘除精度问题

decimal.js是使用的二进制来计算的,所以可以更好地实现格化式数学运算,对数字进行高精度处理;使用decimal类型处理数据可以保证数据计算更为精确,还可以节省储存空间。

2023-09-25 14:45:48 525

原创 Javascript 之 对象与数组对象之间相互转换

【代码】Javascript 之 对象与数组对象之间相互转换。

2023-09-21 16:16:18 90

原创 VUE之jspreadsheet电子excel表格实时动态高度设置

2.组件中直接引入即可。

2023-08-25 10:57:54 545

转载 Flex弹性布局教程详解

如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。下面假设主轴为从左到右。

2023-02-23 11:42:14 336 1

原创 2023前端面试题——JS篇

Promise.all()方法将多个Promise实例包装成一个Promise对象(p),接受一个数组(p1,p2,p3)作为参数,数组中不一定需要都是Promise对象,但是一定具有Iterator接口,如果不是的话,就会调用Promise.resolve将其转化为Promise对象之后再进行处理。使用Promise.all()生成的Promise对象(p)的状态是由数组中的Promise对象(p1,p2,p3)决定的。

2023-02-13 10:08:34 1179

原创 VUE 之普通表格过滤器封装(前端实现表格实时搜索),无分页情况下

**需求:无分页表格不请求接口进行过滤筛选**封装过滤方法:

2023-02-07 12:04:43 464

原创 2023前端面试题——CSS篇

一般情况下 text-align:center,marin:0 auto;足矣④ flex⑤ 盒模型⑦ ⑧ 两种不同的绝对定位方法。

2023-02-06 10:42:00 3268 1

原创 常用JavaScript 数组方法,建议收藏备用

数组方法可以帮助我们的 JavaScript 代码更简洁、更高效。 在本文中,我们将探索一些最常用的数组方法以及它们如何帮助简化我们的代码。

2023-02-02 09:23:40 400

原创 前端利用jsencrypt.min.js进行RSA加密(常用在登录密码加密)全局方法封装

前端利用jsencrypt.min.js进行RSA加密(常用在登录密码加密)全局方法封装

2023-02-01 14:34:51 2555

原创 2023前端面试题——HTML篇

主要分成两部分:渲染引擎(layout engineer或Rendering Engine)和JS引擎渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核JS引擎则:解析和执行javascript来实现网页的动态效果。

2023-02-01 09:02:57 927 1

原创 2023年你应该使用的10个有用的JavaScript单行代码

正如您在上面看到的,这些 JavaScript 单行代码简单但功能强大,可以在您从事 Web 开发项目时节省大量时间和精力。因此,只需一行代码,您就可以实现很多很酷的事情。因此,在本文中,我将与您分享一些有用的 JavaScript 单行代码列表,您可以作为 Web 开发人员在代码中使用它们。正如您所看到的,这是一种非常有用的技术,可以让您了解何时需要在不更改原始对象的情况下制作对象的副本。此外,如果你想添加一些平滑的滚动,你可以添加下面的对象作为方法 scrollTo() 的参数。

2023-02-01 08:22:04 358

原创 VUE之Vxe-table动态生成多级表头及后端返回数据的处理

需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。

2022-11-16 14:01:28 3791

原创 VUE之Vxe-table动态生成多级表头

需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。

2022-11-11 16:44:35 2513 1

原创 VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入

可以看到我们自定义name长度为120,当用户输入超过120会出现error提示,并实时显示用户输入的字符长度,可以无限输入但是无法通过校验。新建js文件写入下面的函数。

2022-09-21 16:53:06 3295

原创 如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)

如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)

2022-09-14 10:02:50 7717 3

原创 VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)

VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项);勾选列表之外的节点,列表节点自动勾选(如果取消列表勾选,其他同级节点全部自动取消勾选),单独操作列表节点可正常勾选反选,亲测有效。

2022-08-25 08:46:48 2270 4

原创 VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)

VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)

2022-08-22 08:40:33 4789 3

原创 VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线

VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线

2022-08-11 15:19:12 5846 2

原创 前端面试题之——小程序篇

前端面试题之——小程序篇

2022-08-04 15:43:46 4104

原创 前端面试题之——兼容篇

前端面试题之——兼容篇

2022-08-04 15:13:10 848

原创 VUE element-ui之el-form表单非必填内容格式校验

需求:手机号码非必填,校验其格式。可以看到非必填且校验了格式。

2022-08-03 09:43:13 1875

原创 VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除

VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除

2022-07-01 16:25:51 9727 4

原创 正则校验匹配[0-100]、[0-1000]之间的正整数或小数点位数限制

[0-100]不含0和100[0-100]含0和100[0-1000]不含0和1000[0-1000]含0和1000匹配正数+小数点限制[0-1000]不含0和1000,保留小数点后一位[0-1000]含0和1000,保留小数点后1位[0-10000]不含0和10000,保留小数点后3位[0-10000]含0和10000,保留小数点后3位注:亲测有效,但含0的情况下01、02、03…会通过校验,有快捷方法的可提出来。...

2022-06-07 17:24:38 8898 5

原创 VUE element-ui之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法

步骤:模板中定义:<el-table :data="showDetailrowtableDatas" border height="300px" :show-summary="true" :summary-method="getSummaries" > <el-table-column v-for="(list, listindex) in detailrowtabledataslist" :key="listindex" :pr

2022-05-25 15:11:11 4807

Vue面试题总结.pdf

总结一份vue面试经,内容由浅至深来总结vue相关的重点知识,以及面试官提问概率较高的专业问题,结合面试题去文档进行了解与学习可以大幅度提高面试经验。 下面简单介绍一下vue: vue是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架;Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。 Vue.js(/vjuː/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。 2016年一项针对JavaScript的调查表明,Vue有着89%的开发者满意度。在GitHub上,该项目平均每天能收获95颗星,为Github有史以来星标数第3多的项目。 Vue.js是一款流行的JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。

2022-04-29

前端面试题精编.pdf

资源内容为时下前端面试题总结,适用于初入职场的面试小白。

2021-09-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除