- 博客(10)
- 收藏
- 关注
RSS订阅原创 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
746
2
原创 2020-今年真是美好的一年
2020年，今年可以说是从我出生到现在最最最特殊的一年了，我毕业之后的第一个年头，新冠病毒的出现，导致过年在家呆了好长一段时间才回到宁波工作。 记得今年的开头就是公司的一个大项目，算是花了很长的时间去学习跟了解，也算是能做出一点东西出来，我是从18年年底开始实习到去年的年中转正，在实习前对前端算是一知半解，心还特别大的以为前端多么多么简单，当时甚至想把php也撸一遍，然后出门好吹牛说自己是全栈工程师，进入实习期的时候被虐的体无完肤，而且我这个人其实挺犟的，有什么东西不太爱问别人，比较想去自己钻自己写
2020-12-28 14:48:52
399
原创 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
114
原创 深入理解vue核心设计模式
从今天听了大圣老师的课，感觉vue2到vue3的整体设计思路上还是没有变化的，依旧是通过建立一个被观察的对象，通过get方法收集依赖，set方法派发的方式去建立核心的“响应式”。这个设计模式我也看过不少文章，被称为订阅-发布设计模式确实更合理，在vue2的架构中，我们把核心的设计模式分为Observer，Dep，Watcher，Observer被称为观察者，观察着我们的数据，Dep为数据分配中心，收集数据和通知数据更新，Watcher作为订阅者，收集每个被订阅的对象，就比如我们vue中常见的{{value
2020-07-15 01:08:34
2206
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
639
原创 记一个自定义消息弹窗踩坑
实现目标，通过$message的方式调用一个消息框，可自定义内容及设置时长。首先自定义一个消息组件<template> <transition name="fade"> <div class="dialog" v-if="show"> <span>{{message}}</span> </div> </transition></templa
2020-06-20 15:18:34
131
原创 vue 2.6升3.0
官方给出了一个工具包叫vue-cli-plugin-vue-next准备工作1.升级@vue/cli版本至4.4以上开始1.创建一个2.6.11版本的vue项目vue create XXX 选择创建路由，vuex2.cd到目录下 执行 vue add vue-next,成功后显示success，这一步会覆盖原本的vue-router和vuex的写法以支持3.03.运行项目，尝试着写...
2020-06-09 17:29:04
1818
1
原创 位运算做权限判断
这也是我在看3.0源码时发现的东西，在packages/shared/src/shape.ts下发现了之前没遇到过的新东西。export const enum ShapeFlags { ELEMENT = 1, FUNCTIONAL_COMPONENT = 1 << 1, STATEFUL_COMPONENT = 1 << 2, TEXT_CHILDREN = 1 << 3, ARRAY_CHILDREN = 1 << 4, SLOT
2020-05-18 23:08:41
730
原创 vue3.0源码学习(reactivity)
3.0源码：https://github.com/vuejs/vue-next/根据作者尤大在直播中讲过大致可以把整个vue分为三个部分来看，reactivity（vue响应式核心），compiler（将template转换成render方法），runtime（运行时的与reactivity进行响应式处理，包含自定义标签的生命周期）。git下来之后build一下，会在package/vue/dist下创建一个vue.global.js的文件，写个单页试试。<!DOCTYPE html>&
2020-05-17 23:02:19
1049
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人