- 博客(17)
- 收藏
- 关注
原创 vscode添加自定义代码片段
1、点击 设置 -- 用户代码片段2、点击 新建全局代码片段文件3、输入 代码片段名字,回车4、出现页面如下所示scope : 代码片段使用的语言prefix : 快捷键名字body : 代码片段实际内容description : 代码描述{ "Print to console": { "scope": ",javascript,typescript", "prefix": "log", "body": [ "console.lo
2023-12-26 11:53:36
734
1
原创 Vue3中使用ref自动补全value
下载 TypeScript Vue Plugin (Volar) 扩展,打开设置,展开扩展,点击Volar 勾选 Auto Insert:Dot Value
2023-12-22 10:06:54
2079
1
原创 vue-devtools插件下载、安装
进入极简插件网站,搜索 Vue Devtools,点击推荐下载,解压下载的文件,拖进chrome,完成安装
2023-12-13 10:35:33
8127
2
原创 实现行内编辑效果
1、对每一行数据添加是否编辑的标记(isEdit),通过forEach遍历数组,给每一项都添加isEdit,如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖,后面的源对象的属性将覆盖前面的目标对象的属性。可以使用 this.$set(目标对象,属性名称,初始值) ,使目标对象具备响应式。6、点击确定后,先判断输入框是否有值,有值后,更新显示的数据,退出编辑状态。5、点击编辑的时候,改变行的编辑状态,把行的值赋值给缓存数据。4、编辑状态绑定的是之前定义的缓存数据。
2023-11-28 14:24:07
511
原创 VScode中按Tab无法自动补全
如果在VScode中按Tab无法自动补全标签,需要在设置中搜索 trigger on tab ,勾选后就可以了。
2023-07-30 18:15:07
1588
1
原创 vue封装组件步骤
1、在项目中的components中创建文件夹,来放要封装成组件的代码;(components文件夹下面放的都是封装的各个组件)
2023-07-17 09:48:22
673
1
原创 Bootstrap插件使用步骤
Bootstrap是一个简洁、直观、强悍的前端开发框架,它让web开发更迅速、简单。它能开发PC端,也能开发移动端。
2023-02-03 13:57:02
945
原创 click延时解决方案
①浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。② 利用touch事件封装这个事件解决300ms延迟。③ fastclick插件。
2023-01-31 11:42:12
270
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人