茵小青

一. react组件的设计思想 组件初始化： render方法 → 生成虚拟DOM → ReactDOM.render方法 → 真实DOM 组件更新： render方法 → 生成新的虚拟DOM → d

一. JSX的本质 JSX的本质是JavaScript的扩展，但是浏览器不支持JSX。 为了使它生效，JSX需要被编译为React.createElement()，React.createElemen

computed计算属性类似于过滤器，对绑定到视图的数据进行处理，并监听变化进而执行对应的方法。 计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。注意“reversedMessage”不能在组件的props和data中定义，否则会报错。 comput…

浏览器中真正的 DOM 元素是非常庞大的，频繁去做 DOM 更新，会产生一定的性能问题。 虚拟 DOM（Virtual DOM）是对 DOM 的抽象，本质上是 JavaScript 对象. 减少 JavaScript 操作真实 DOM 带来的性能消耗。 抽象了原本的渲染过程，实…

造轮子系列之二：JS工具集项目地址：https://github.com/YinXiaoj/MyJs更多类型还在完善中MyJs.js代码

1. props/$emit 父组件通过props向子组件传递数据，只读不可修改。 子组件通过$emit向父组件通信，$emit绑定一个自定义事件，当被执行时，把参数arg传递给父组件，父组件以v-on的方式监听并接收参数。 2. $parent/$children $pare…

Vue3.0 中，响应式数据部分弃用了 Object.defineProperty，使用Proxy来代替它。 Object.defineProperty 有一个缺陷是无法监听数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应。 所以 Vue 才设置了 7 个变异数…

最开始学习框架的时候，很多人都不理解框架的意义，只是因为大家都在用，不用就out了。 除了以上几点，前端框架的根本意义是解决了UI 与状态同步问题，省略了频繁操作DOM的步骤。 通过监听修改，再重新渲染的方式，三大框架React, Angluar, Vue已经完全做到了，而we…

在vue中，数据的变化到 DOM 的重新渲染是一个异步过程，发生在下一个任务tick中。 从服务端接口去获取数据的时候，数据做了修改，如果我们的某些方法去依赖了数据修改后的 DOM 变化，我们就必须在 nextTick 后执行。 Vue.js 提供了 2 种调用 nextTic…