前端小记

闭包篇

词法作用域

深入理解闭包之前置知识→作用域与词法作用域

闭包

闭包详解一
闭包详解二:JavaScript中的高阶函数

原型及原型链

图解原型和原型链 PS:个人认为非常适合初入了解的一篇文章
2020面试收获 - js原型及原型链

设计模式篇

Vue双向绑定(发布订阅 + 数据劫持)

该部分较难理解,但该部分是Vue响应式原理的重要体现,请仔细阅读,并动手实现!

0 到 1 掌握:Vue 核心之数据双向绑定 很详细的代码解释
面试官: 实现双向绑定Proxy比defineproperty优劣如何? PS:Vue3的双向绑定趋势 – Proxy

设计模式(发布订阅 & 观察者模式)

JavaScript设计模式 前半部分为发布订阅代码实现,后半部分为Vue双向绑定
面试官:既然React/Vue可以用Event Bus进行组件通信,你可以实现下吗? 发布订阅实现Event Bus

自己实现了一个EventBus, 主要就用到了发布订阅模式, 通过 emit 发布信息(参数), on 接收信息并执行回调. 参考 简单实现EventBus

从vue源码看观察者模式
不好意思,观察者模式跟发布订阅模式就是不一样 发布订阅与观察者模式的区别? 评论各执己见,酌情参考

组件通信篇

Vue

vue中8种组件通信方式


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!