自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 VSCode常用插件

使用方法:鼠标放在函数名上,连续按两下。高亮ToDo,并搜寻所有ToDo。自动生成JSDoc注释。

2024-02-22 10:15:51 199 1

原创 Vue3 Diff算法

当新旧vnode的子节点都是一组节点时,为了以最小的性能开销完成更新操作,需要比较两组子节点。用于比较的算法就是Diff算法。

2024-02-02 15:31:08 383

原创 Vue3渲染器

渲染器的作用是把虚拟DOM渲染为特定平台上的真实元素

2024-01-05 12:27:08 470 1

原创 常用开发工具

网站NPM:查找NPM包MDN:前端开发文档UnoCSS Interactive:查找CSS样式对应的UnoCss类名npm包通用Lodash:JavaScript 实用工具库Dayjs:时间处理Momentjs:时间处理Eslint:代码质量规范Prettier:代码风格约束Commitlint :规范提交信息SocketIO:消息推送前端框架Vue2VueRouter:为 Vue.js 提供富有表现力、可配置的、方便的路由VueX:状态管理模式Vue3

2023-12-14 09:56:37 53 1

原创 Vue3编译器

编译:将源代码翻译成目标代码的过程完整编译过程:整个编译过程可以分为编译前端和编译后端。编译前端包含词法分析、语法分析和语义分析,通常与目标平台无关,仅负责分析源代码。编译后端通常与目标平台有关,涉及中间代码的生成、优化及目标代码生成。

2023-12-13 11:29:45 849 1

原创 Vue3响应式

Vue3响应式实现原理

2023-06-21 16:41:18 84 1

原创 模块化机制

前端模块化机制

2023-03-22 11:10:06 62

原创 Vue2-输入框内容部分选择

部分选中

2023-03-14 16:56:19 613

原创 ElementUI-表单清空问题

表单清空的一系列问题

2023-03-14 16:40:19 1157 1

原创 ElementUI-多层数据的表单验证

ElementUi表单

2023-03-14 16:11:01 848

原创 清除test分支合到开发分支的代码

git撤销操作

2022-12-06 16:12:33 122

原创 JS-防抖函数和节流函数

防抖函数只要持续触发就不执行,n秒内未触发才执行。将执行次数降低到1次(不设置立即执行)function debounce(func,wait,immediate){ let timeout; return function(){ let context = this; let args = arguments; if(timeout) clearTimeout(timeout) if(immediate){ //立即执行 let callNow = !timeou

2021-07-05 16:01:03 47

原创 JavaScript--对象

对象对象的创建字面量工厂函数构造函数原型模式组合模式`(常用)`继承原型链借用构造函数组合继承对象的创建字面量语法var person = { name:"Cookie", age:20}适用场景对象内部数据是已知的优点简单清楚缺点创建多个对象时代码重复度高工厂函数语法优点解决了创建多个相似对象的问题缺点存在对象识别的问题构造函数语法优点自定义的构造函数可以将它的实例标识为一种特定的类型缺点构造

2021-06-21 12:44:38 47

原创 iview----更改主题色

适用于Vue-Cli3创建的项目1、下载less要使用3.0.0以下的版本npm install less@2.7.3npm install less-loader@5.0.02、配置vue.config.jsmodule.exports = { css: { loaderOptions: { // 向 CSS 相关的 loader 传递选项 less: { javascriptEnabled: true } }

2021-02-08 15:23:06 1331 1

原创 WebStorm自定义模板

1、Settings->Live Templates2、添加一个模板3、输入缩写、描述、模板内容$符中间内容起占位作用,使用时光标会停在该位置4、选择需要使用的场景使用时输入缩写按Tab键就可以自动生成模板了...

2020-12-17 20:30:10 521

原创 在Webstorm中配置less自动生成css文件

添加File Watchers根据自己的需要修改参数值npm i less --save下载less之后,lessc的默认路径:修改less文件后一段时间就会自动生成css文件到指定路径成功

2020-12-12 21:01:20 998

空空如也

空空如也

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

TA关注的人

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