【菜就多练】前端回炉重造刷题笔记240320

88 阅读2分钟

HTML+CSS:

1.链接在新窗口打开: <a href="url" target="_blank">

2.HTML中没有<list>标签,ol是有序列表(即列表开头使用序号,默认使用数字序号),ul是无序列表(即开头不使用序号,只用圆点代表列表项),dl是自定义列表(使用<dt>定义列表项)

3.表格相关的标签如下:
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚

4.HTML5在页面第一行使用<!DOCTYPE html>来定义HTML5

5.list-style-type 属性指定列表项标记的类型

问答:

1.vue2和vue3的diff算法区别
Vue 2.x使用的是双向指针遍历的算法,也就是通过逐层比对新旧虚拟DOM树节点的方式来计算出更新需要做的最小操作集合。但这种算法的缺点是,由于遍历是从左到右、从上到下进行的,当发生节点删除或移动时,会导致其它节点位置的计算出现错误,因此会造成大量无效的重新渲染。

Vue 3.x使用了经过优化的单向遍历算法,也就是只扫描新虚拟DOM树上的节点,判断是否需要更新,跳过不需要更新的节点,进一步减少了不必要的操作。此外,在虚拟DOM创建后,Vue 3会缓存虚拟DOM节点的描述信息,以便于复用,这也会带来性能上的优势。同时,Vue 3还引入了静态提升技术,在编译时将一些静态的节点及其子节点预先处理成HTML字符串,大大提升了渲染性能。

因此,总体来说,Vue 3相对于Vue 2拥有更高效、更智能的diff算法,能够更好地避免不必要的操作,并提高了渲染性能。

vue2的diff算法讲解: juejin.cn/post/699495…