Chang23

2022是动荡的一年，裁员潮和疫情对无数打工人混合双打，在这样的环境下，我度过了怎样的半年时光。新的尝试与挑战始终都在，世间唯一不变的就是变化，诸君加油。...

用户登录认证是 Web 应用中非常常见的一个业务，一般的流程是这样的： 客户端向服务器端发送用户名和密码 服务器端验证通过后，在当前会话（session）中保存相关数据，比...

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能...

使用 Vue.js 开发项目，在某些场景下，我们还是避免不了要操作 DOM，于是 Vue.js 设计并提供了自定义指令，允许用户进行一些底层的 DOM 操作。...

最近刚看完电影「无敌破坏王2:大闹互联网」，觉得里面有些动画蛮有意思的，于是想起前不久看的《图解HTTP》和TCP/IP相关的文章。嗯，是时候展示真正的技术了。 如果你还对...

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也...

。。。 我个人拙见，前端本身就是一个很杂，且边界比较模糊的职业。若是在大公司，当然前端可能只需要专注页面上的业务开发，部署项目这块会交给一些专业的运维同事，轮不到你来操心这...

数据依赖 需要用到数据库的地方，称为依赖 vue 1 用到dom 是依赖 vue 2 用到数据是依赖 在getter中收集依赖，在setter中触发依赖...

由于数组无法处理，所以要单独处理数组 改写Array.prototype里的push,pop,shift,unshift,splice,sort,reverse方法， 重写...

Observer类 将一个正常的object转换为每个层级 的属性都是响应式（可以被侦测的）的object...

数据响应原理（一） MVVM mode<=view-model=>view 非侵入式 直接修改输入 调用方法才能更新数据（侵入式）...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前言 大家好，我是林三心，在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JS...

四种命中方式 新前与旧前 新后与旧后 新后与旧前（命中后-移动节点，移动[新前]指向的[旧节点]，移动的[旧后之后]） 新前与旧后（命中后-移动节点，移动[新前]指向的[旧...

新旧节点对比 1.新节点和旧节点在内存中就算一个节点（什么都不做） 2.判断新节点有text属性，并且没有children. 3.新节点没有text属性...

``` javascript /* * 实现节点对比，旧节点如果是dom 则调用vnode 包装成-虚拟dom节点 * 判断新旧节点是否一致，key和node名一致 则认为...

虚拟DOM 用Javascript对象描述DOM的层次结构。DOM中的一切都在虚拟DOM中对应的属性。 新虚拟DOM和老虚拟DOM进行diff(精细化比较)，算出应该如何最...

snabbdom snabbdom的h函数如何工作 diff算法原理 手写diff算法 实现最小变更率， 精确比对， 最小量更新 著名的虚拟DOM库，diff算法鼻祖 we...