YYsuni

编译 平时写vue代码使用了SPA：vue-cli => webpack => vue-loader，项目中引入vue，node_modules中 vue 也指向"main...

initState _wathers存放实例的new Watch实例 1. initProps $options 的数据包装响应至 _prop，并代理(proxy)至vm ...

响应性 defineReactive const dep = new Dep() Object.defineProperty get Dep.target 判断 dep.d...

（文章做了脱敏，重发一次） 我是 2020 年 10 月 22 入职的某大型电商，到明天就满一年了。但也在这几天，我提了离职。其实做出这个决定我也很纠结，放弃了很多东西，但...

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法...

JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set。这样就需要一种统一的接口机制，来处理所有...

不知不觉已经在鹅厂做了两年外包。对于外包工作很多人都是不看好的，不看好的原因包括但不仅限于以下几点： 缺乏归属感，心里总有一种落差，觉得自己不属于这里，正式员工有时候也会有...

初始化 1. 配置实例（vm）属性 vm._uid = uid++ vm._isVue = true vm.$options mergeOptions 区分组件关系 （if...

1. 入口 一般入口：platforms/web/ => runtime/index => core/index => core/instance/index 1. 实例文...

日常逛掘金，# 国庆流行的国旗配头像效果，css来实现用到css mask属性，但在支持上，svg<mask>（2011年8月16日）远早于css实现（2021年9月20日...

国庆刚过，期间看到很多朋友都把头像加上国旗。好奇心起，强大的CSS能不能做出来呢？ 答案是可以的。其实只需要一句简单的CSS属性便可以达到此效果。...

继承 HTMLElement HTMLElement.offsetHeight 元素自身可视高度加上上下border的宽度 HTMLElement.offsetWidth ...

深入理解渲染函数的生成过程，理解编译器是如何将 AST 变成运行时的代码，也就是我们写的类 html 模版最终变成了什么？...

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象 .......

详细讲述了 Vue 的 Hook Event 是什么，以及它的使用场景和实现原理 ............

详细介绍了 Vue 各个实例方法的实现原理，以及在面试中如果被面试官问到相关方法的实现原理时应该如何回答...

目标 深入理解以下全局 API 的实现原理。 Vue.use Vue.mixin Vue.component Vue.filter Vue.directive VUe.ex...

回顾整个 2020 年，用一个词来总结自己的话就是 蜕变。今年也是自己工作的第五个年头，所以这边文章算是对自己毕业工作五年来的回顾和总结吧。 我是一个非计算机科班出身的前端...