颜酱

使用vue，都知道{{msg}}，能变成data.msg相对应的值hello。 此文目标，实现这种大括号的文本编译。简单粗暴易理解~ 这里先不关注dom之类的事情，只专注于其中的逻辑。 其实这里的逻辑并不难，无外乎先找到{{msg}}，然后将整那个字符串替换成data.msg的…

之前介绍defineProperty的时候说到，其只能监测对象的变化，并不能监测数组的变化。 本文致力于说清楚怎么实现监测数组的变化。 核心思路：找到改变原数组的方法，然后对这些方法进行劫持处理。 上面这句话，是重中之重，务必读三遍，记住了，再往下走。 改变原数组，常用到的方法…

defineProperty是vue实现数据劫持的核心，本文一点点的说明defineProperty怎么实现属性劫持的。 其实我们一般的操作对象属性的方式，增加或者修改属性，均可以使用Object.defineProperty。 当然寻常的例子，我们是不会这么玩的，太啰嗦了。 …

这样，能解决大部分的问题了，而且新手也有了线索，容易写reduce。 以下既是应用场景，也是很好练习的例子。 可读性更高的话，可以传入 initValue，这样每次的操作都是一致的不容易出错。本文也是如此操作

map最大的作用：从一个数组得到一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 上句是核心。 大部分情况下，map里的函数传入一个参数就够用。 就是数组的每项都是对象，然后进行操作。或者对对象的某个值进行改变。 map遍历的时候，如果当前值是undefi…

大圣 --- vue3的特性和源码分析。 大圣 --- vue3和vue2细致比较---代码。 compile-core，其实就是将template变成js，返回vdom。 而vue3重写了compile-core。 vue3动态标记节点，也就是纯静态和动态会被分别标记（一旦_…

首先，建议仔细看看es6 入门的 module 语法。 使用 export default 时，对应的 import 语句不需要使用大括号。 使用 export 时，对应的 import 语句需要使用大括号。 项目里请求的接口很多，放在一个文件里太长，也难以维护，一般会以功能模…

假设我们正在编写一个注册的页面，在点击注册按钮之前，有如下几条校验逻辑。 用户名不能为空。 密码长度不能少于 6 位。 手机号码必须符合格式。 的校验规则。 放—封闭原则的。 校验，那我们很可能将这些校验逻辑复制得漫天遍野。 写完之后，我屮艸芔茻！！！这好像和第一版也没什么大的…

首先，先想下怎么实现这样一个功能。 很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。 例如，绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。 假设财务部要求我们提供一段代码，来方便他们计算员工的年终…