- 博客(20)
- 收藏
- 关注
RSS订阅原创 2023年前端必会技能
同时,具有较强的学习能力和theadth 不断学习新技术的习惯,也会成为区分一名优秀前端工程师的重要因素。- TypeScript:TypeScript 会成为前端类型的事实标准,掌握 TypeScript 的使用会成为硬性要求。- Vue / React:Vue 和 React 会成为主流的前端框架之一,需要熟练掌握其中一种或多种框架。- HTTP / Web APIs:理解 HTTP 协议和常见 Web APIs 的使用会是基础能力的一部分。- 具有较强的自我学习能力,能跟上前端技术的发展步伐。
2023-06-06 10:32:53
812
原创 vue中如何自定义插件
方法内部，我们可以通过传入的选项对象来设置这些选项。如果插件不需要提供选项，可以直接忽略。如果插件需要提供多个选项，可以将这些选项作为一个对象传入。插件通过向 Vue 的原型添加方法或属性来扩展它的功能。需要注意的是，插件一般都会提供一些选项，以便用户可以自定义插件的行为。该方法接收 Vue 构造函数和一个可选的选项对象作为参数。在上面的示例中，我们向插件传入了一个选项对象。这样，插件就具有了更大的灵活性和可配置性。或组件实例来调用添加的方法或属性。，并在插件内部使用了它的两个属性。
2023-05-05 15:02:08
728
原创 如果没有 DOM 更新，$nextTick() 回调函数会不会立即执行？
如果在调用 nextTick 之后，没有数据更新或 DOM 更新的操作，则 nextTick 的回调函数会立即执行
2023-05-04 10:50:49
183
转载 超全面的前端工程化配置指南（eslint+prettier+git提交自动校验和发布）
超全面的前端工程化配置指南（eslint+prettier+git提交自动校验和发布）
2023-04-19 10:52:48
2484
原创 解决win10(家庭版、专业版)安装Jenkins权限报错（This account either does not hava the privilege to logon as a service）
win 10 安装 jenkins 校验账号权限错误
2022-04-27 18:42:14
3278
2
原创 正则校验规则小试
匹配：数字+一个任意符号如 1. 2. 3.类型 （1-5位数以内）[0-9]{1,5}\.1. 校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$
2022-04-27 10:27:11
204
原创 el-table 修改表头样式
可以使用 header-row-class-name 或 header-cell-class-name两种方式
2022-04-19 09:50:21
20096
1
原创 vue-滑块验证
效果图：下载依赖："vue-monoplasty-slide-verify": "^1.1.3",引入滑块组件使用到的有如下属性：宽度、高度、误差、提示文字、img背景。查看源码可以看到还支持更多的属性，但个人认为，在日常开发中，这几个属性够用了，有需要的可自行了解更多属性。使用到的方法：again（重试）、fulfilled（刷新）、suceess（校验成功）、fail（校验失败）、refresh（手动触发刷新小图标）其中该组件还提供了重置操作：个人组件源...
2022-04-14 11:58:45
3261
转载 完美解决 element-ui input=password 在浏览器会自动填充已保存的账号密码的问题（自验证通过）
转载：https://www.jianshu.com/p/5055fda5bfbb<el-form-item label="用户名" prop="user_name"> <el-input v-model="info.user_name" :disabled="updateFlag" auto-complete="off" name="person.user.user_name"></el-input> </el-form-item&g
2022-03-23 18:32:21
2883
原创 安装Vue开发调试插件devtools
第一步：首先下载项目，https://github.com/vuejs/vue-devtools.git（官方网址）。注意：默认分支为最新的develop分支。develop是测试分支，不是正式分支，最新的develop分支在build时有一些构建问题。所以，稳定版本使用v5.1.1分支和master分支（亲测有效）提供两种方式：（1）官网直接下载zip包，然后本地解压（2）git clone 方式git clone https://github.com/vuejs/vue-devtools.gi
2021-08-17 18:00:08
528
原创 一劳永逸的组件注册
通常在组件使用前，需要引入后再注册，但如果高频组件多了，每次都这样做，不仅新增很多代码，效率还低！我们应该如何优化呢？其实，我们可以借助一下webpack的require.context() 方法来创建自己的（模块）上下文，从而实现自动动态require组件。我们先在components文件夹（这里面都是些高频组件）添加一个叫global.js的文件，在这个文件里使用require.context 动态将需要的高频组件统统打包进来，然后在main.js文件中引入global.js的文件。// gl
2021-08-17 11:02:24
179
原创 权限控制 —— 自定义指令directive
我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。针对这种情况，我们可以通过全局自定义指令来处理：我们先在新建个 array.js 文件，用于存放与权限相关的全局函数：// array.jsexport function checkArray (key) { let arr = ['1', '2', '3', '4', 'demo'] let index = arr.indexOf(key) if (
2021-08-17 09:58:18
488
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人