笔记
吃不动了
前端摸鱼师
展开
-
husky6.x + commitlint规范提交格式
安装install这三个包,贴上版本 "@commitlint/cli": "^12.1.4", "@commitlint/config-conventional": "^12.1.4", "husky": "^6.0.0",请按顺序配置package.json加上scripts"prepare": "husky install"如果你已经安装过依赖了直接执行这行命令 npm run prepare如果你没有安装过依赖命令会在install后自动执行根目录创建文件commitlint原创 2021-05-14 11:14:26 · 749 阅读 · 2 评论 -
js设计模式笔记
/* 设计模式*/// 观察者模式// class Task{// taskList:Function[] = []// addTaskList(fn:Function){// this.taskList.push(fn)// }// defTask(row:Number){// this.taskList.forEach(cb=>{// cb(row)// })/原创 2020-07-29 15:49:34 · 116 阅读 · 0 评论 -
深入理解vue核心设计模式
从今天听了大圣老师的课,感觉vue2到vue3的整体设计思路上还是没有变化的,依旧是通过建立一个被观察的对象,通过get方法收集依赖,set方法派发的方式去建立核心的“响应式”。这个设计模式我也看过不少文章,被称为订阅-发布设计模式确实更合理,在vue2的架构中,我们把核心的设计模式分为Observer,Dep,Watcher,Observer被称为观察者,观察着我们的数据,Dep为数据分配中心,收集数据和通知数据更新,Watcher作为订阅者,收集每个被订阅的对象,就比如我们vue中常见的{{value原创 2020-07-15 01:08:34 · 2211 阅读 · 1 评论 -
css中的transform原理
为了弄清楚这个transform花了几个早上和周末重新学习了一下线性代数, 三角函数。。废话不多说直接开始。计算机图形的展示的话我们都可以用一个矩阵来表示也就是[1 0 0,0 1 0,0 0 1][x y 1] = [x y 1],当图形没有发生任何变动的时候由原始的[1 0 0,0 1 0,0 0 1]矩阵去计算图形的位置,而当我们需要对图形进行变动的话,就要修改这个计算矩阵。先从平移开始,平移还是比较简单的,假设图形点位的坐标为(x,y),目标点位的坐标就可以用(x+rx,y+ry)表示,rx和原创 2020-07-05 00:52:50 · 641 阅读 · 0 评论