- 博客(20)
- 收藏
- 关注
原创 2023年前端必会技能
同时,具有较强的学习能力和theadth 不断学习新技术的习惯,也会成为区分一名优秀前端工程师的重要因素。- TypeScript:TypeScript 会成为前端类型的事实标准,掌握 TypeScript 的使用会成为硬性要求。- Vue / React:Vue 和 React 会成为主流的前端框架之一,需要熟练掌握其中一种或多种框架。- HTTP / Web APIs:理解 HTTP 协议和常见 Web APIs 的使用会是基础能力的一部分。- 具有较强的自我学习能力,能跟上前端技术的发展步伐。
2023-06-06 10:32:53 725
原创 vue中如何自定义插件
方法内部,我们可以通过传入的选项对象来设置这些选项。如果插件不需要提供选项,可以直接忽略。如果插件需要提供多个选项,可以将这些选项作为一个对象传入。插件通过向 Vue 的原型添加方法或属性来扩展它的功能。需要注意的是,插件一般都会提供一些选项,以便用户可以自定义插件的行为。该方法接收 Vue 构造函数和一个可选的选项对象作为参数。在上面的示例中,我们向插件传入了一个选项对象。这样,插件就具有了更大的灵活性和可配置性。或组件实例来调用添加的方法或属性。,并在插件内部使用了它的两个属性。
2023-05-05 15:02:08 606
原创 如果没有 DOM 更新,$nextTick() 回调函数会不会立即执行?
如果在调用 nextTick 之后,没有数据更新或 DOM 更新的操作,则 nextTick 的回调函数会立即执行
2023-05-04 10:50:49 148
转载 超全面的前端工程化配置指南(eslint+prettier+git提交自动校验和发布)
超全面的前端工程化配置指南(eslint+prettier+git提交自动校验和发布)
2023-04-19 10:52:48 2284
原创 解决win10(家庭版、专业版)安装Jenkins权限报错(This account either does not hava the privilege to logon as a service)
win 10 安装 jenkins 校验账号权限错误
2022-04-27 18:42:14 3019 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 159
原创 el-table 修改表头样式
可以使用 header-row-class-name 或 header-cell-class-name两种方式
2022-04-19 09:50:21 18163 1
原创 vue-滑块验证
效果图:下载依赖:"vue-monoplasty-slide-verify": "^1.1.3",引入滑块组件使用到的有如下属性:宽度、高度、误差、提示文字、img背景。查看源码可以看到还支持更多的属性,但个人认为,在日常开发中,这几个属性够用了,有需要的可自行了解更多属性。使用到的方法:again(重试)、fulfilled(刷新)、suceess(校验成功)、fail(校验失败)、refresh(手动触发刷新小图标)其中该组件还提供了重置操作:个人组件源...
2022-04-14 11:58:45 3130
转载 完美解决 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 2631
原创 安装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 490
原创 一劳永逸的组件注册
通常在组件使用前,需要引入后再注册,但如果高频组件多了,每次都这样做,不仅新增很多代码,效率还低!我们应该如何优化呢?其实,我们可以借助一下webpack的require.context() 方法来创建自己的(模块)上下文,从而实现自动动态require组件。我们先在components文件夹(这里面都是些高频组件)添加一个叫global.js的文件,在这个文件里使用require.context 动态将需要的高频组件统统打包进来,然后在main.js文件中引入global.js的文件。// gl
2021-08-17 11:02:24 85
原创 权限控制 —— 自定义指令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 456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人