kiny-mathtype-katex渲染

富文本编辑器集成数学公式的解决方案,并且在小程序中显示。

解决的问题: 1.直接用 latex 写公式,在小程序中直接显示。 2.富文本编辑数学公式,在小程序中显示。

阅读更多

vue-Router

任何框架的学习,要想学习好,首先必须全部了解最基本的 api,然后才是框架的封装,框架的优化,框架的底层原理,框架的源码。

工作项目的开发没有问题,不代表你就已经完全了解了vue-Router,认真的研究文档的每一个细节,会保证你的开发思路更加清晰,开发效率更高。

阅读更多

简单实现模拟 vue 的数据响应

主要实现的是修改对象里面的属性,从而使得页面中的显示改变。

采用的是:

  1. Object.defineProperty 这个属性来监听对象属性的改变
  2. window 设置一个变量,来记录当有属性改变的时候,将需要调用的函数记录一下
  3. set 中,当数据属性修改的时候,for 循环来调用相关改变页面的的函数

阅读更多

vue3和vue2的区别整理

api及语法

双向绑定原理

  • Vue2使用Object.defineProperty 为每个属性创建getter和setter,通过getter和setter来捕获操作以实现响应式更新; 很多情况下,属性的新增和删除拦截不到(比如数组的长度变化)
  • Vue3使用Proxy,Proxy可以拦截对象和数组的变化,包括新增和删除属性,数组的长度变化等,从而实现更精确的响应式更新

v2 使用object.defineProperty来劫持数据的setter和getter方法,对象改变需要借助api去深度监听;
v3 使用proxy来劫持整个对象,不需要深度监听,性能更好,删除了一些api($on,$once,$off) fiter等,优化了Block tree,solt,diff 算法等

Vue2在data中定义的数据就会自动遍历绑定Object.defineProperty以实现响应式;Vue3中要用ref包装,通过返回值的 .value属性获取响应式的值 ,修改也需要对 .value进行修改.

阅读更多