全栈然叔

一天造一个轮子，干就完了。 时间旅行就是让程序可以在自己历史状态里面任意穿梭，想想Office和PS软件中的Undo和Redo就知道。再想想王者荣耀的录像功能。 时间旅行实际上就是设计模式中的备忘录模式。这个到我们可以练习设计模式的时候再升华，先不在这里强行渡劫。 首先Redu…

一天造一个轮子，干就完了。 如果编写一个复杂的前端程序，不太可能让组件各自为政。状态和行为逻辑都分散在各自组件内部，很难统一管理，那也就很难做大.比如: 大家想想做一个在线版的Excel或者PS 又或者后面我们要写的VSCode应该怎么做？里面的各种组件互动，Undo、Redo…

一天造一个轮子，干就完了。 首先我们说说什么是响应式。数据模型发生变化可以发出相应(比如： 调用一个函数)就叫响应式。 具体到我们MVVM中 ViewModel的需要就是数据变了需要视图作出响应。 假定我们需要的是数据data变化时可以触发fn函数也就是作出相应，当然相应一般是…

一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

一天造一个轮子，干就完了。 为了实现视图与业务逻辑的分离，无论MVP、MVVM、MVC那个V都会使用模板引擎。线面我们说说模板引擎的要求。 其实就是 将{{ }}中的值根据替换为表达式的结果。

观看Vue3全球发布会的总结笔记，翻译水平有限大家海涵。 最后有学习资料汇总。 抽象渲染器与渲染目标无关 - （Dom、Canvas、终端显示）支持自定义渲染器。 可扩展是编译器 可以通过实现编译器插件来扩展编译器。 通过编译推断型虚拟Dom实现静态提升是Vue3.0的非常显著…

调整后的结构 这个地方就不仔细说了。 接下来我们来重新编写测试Case，换用Vue3后需要使用vue-test-utils-next进行单元测试。 其实从写法上讲比原有的测试方案要简便很多。 实验中发下一个小bug 就是逆序属性修改后插槽中的元素没有响应重新排序。 经过调查发现…

今天使用Koa遇到了一个诡异的问题，然后仔细研究了Koa-Session的实现原理，刷新了我的认知。好我们从头讲起。 session机制采用的是一种在服务器端保持状态的解决方案。由于采用服务器端能保持状态。也需要客户端保存一个标识。所以session机制可能需要借助于cooki…

vue3已经RC版了，但是目前国内最流行的UI库还没有动静。 以下我把大体的步骤总结一下。 1. Fork代码 2. clone到本地 3. 安装依赖 4. 运行单元测试 5. 开发前同步官方最新代码 fork代码后，如果kkb主库有更新，需要手动拉去同步。 这个需要随时做 保…