摘要：
vue2和vue3要点记录 ``` 1. vue2数据更新视图不更新——原因就是底层的原理，后添加的属性监听不倒 $set或$forceUpdate 2. vue3使用的proxy原理，直接监听对象，相当于给对象包了一层，访问或修改都要访问proxy对象，所以对象后添加的属性和数组下标改值都是可以监 阅读全文
posted @ 2023-09-05 23:08
jialiangzai
阅读(19)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/chenzhizhuo/article/details/101291652 这个大佬写的很细，强烈推荐 阅读全文
posted @ 2023-09-05 21:57
jialiangzai
阅读(79)
评论(0)
推荐(0)
摘要：
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。 其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）。 语法 Object.entries(obj) 参数 obj：可以返回其可枚举属性的键值对的对象。 阅读全文
posted @ 2023-09-05 21:46
jialiangzai
阅读(104)
评论(0)
推荐(0)
摘要：
渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。 下面是渲染引擎在取得内容之后的基本流程： 1.解析html为dom树，解析css为cssom。渲染引擎开始解析html，并将标签转化为内容树中的dom节点。 2. 把dom和cssom结合起来生成渲染树(render)。接着，它解 阅读全文
posted @ 2023-09-05 21:31
jialiangzai
阅读(91)
评论(0)
推荐(0)
摘要：
 阅读全文
posted @ 2023-09-05 21:26
jialiangzai
阅读(56)
评论(0)
推荐(0)
摘要：
在Vue 3中，与Vue 2相比，有一些改进和优化的diff算法。 1.静态模板提升（Static Template Hoisting）：Vue 3使用了基于模板的静态分析技术，可以在编译阶段将静态的模板部分提升为常量，从而减少运行时的diff和渲染开销。 2.静态标记（Static Marking 阅读全文
posted @ 2023-09-05 21:13
jialiangzai
阅读(603)
评论(0)
推荐(0)
摘要：
``` 虚拟DOM 虚拟DOM 本质上是一个js对象 ，通过对象来表示真实的DOM结构。 key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据 新数据 生成 新的虚拟DOM key的原理及作用 Key是对节点进行的一个标识，在Vue中，Key作为Vue中对比算法的标识， 在数据修改后 阅读全文
posted @ 2023-09-05 20:59
jialiangzai
阅读(81)
评论(0)
推荐(0)
摘要：
1、v-bind是单向绑定，用来绑定数据和属性以及表达式，只能将vue中的数据同步到页面。 2、v-model是双向绑定，不只能将vue中的数据同步到页面，而且可以将用户数据的数据赋值给vue中的属性。 3、v-bind可以给任何属性赋值，v-model只能给具备value属性的元素进行数据双向绑定 阅读全文
posted @ 2023-09-05 20:51
jialiangzai
阅读(105)
评论(0)
推荐(0)
摘要：
身份证号码 字符串.replace(/^(.{6}).+(.{4})$/, '\$1********\$2') 优化：字符串的repeat '*'.repeat(7) 阅读全文
posted @ 2023-09-05 16:48
jialiangzai
阅读(17)
评论(0)
推荐(0)
摘要：
瀑布流 前端流行网页布局方式 使用js动态的设置等宽的图片进行视觉参差不齐的效果，一般用于图片展示，商品展示 定位子绝父相，动态设置偏移量 计算一行几列考虑每列之间的距离并初始化值为0个数为列数的数组，之后就是循环找最小的值并追加到对应的列，最后把数组的最大值赋值给容器的高，考虑到页面初始化和窗口变 阅读全文
posted @ 2023-09-05 16:44
jialiangzai
阅读(61)
评论(0)
推荐(0)
摘要：
点击查看代码 ``` 瀑布流布局 ``` 阅读全文
posted @ 2023-09-05 16:38
jialiangzai
阅读(26)
评论(0)
推荐(0)
浙公网安备 33010602011771号