- 博客(7)
- 收藏
- 关注
原创 v-for中的key是什么作用?
在没有key的情况下,渲染真实DOM的开销是很大的,当我们修改了某个数据,如果直接渲染到真实dom上会引起整个dom树的重绘和重排,而diff算法只更新我们修改的那一小块dom而不会更新整个dom,这个key就是进行diff算法的依据。:上述只是一个dom节点所创建出来的一个VNode,如果不只是一个简单的div元素,而是由一层层的嵌套关系所构建出来的VNodes,就会形成一个VNode Tree,这样的树结构就是。在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个Key属性。
2024-04-26 16:18:25
328
1
原创 CSS——link元素
会提前解析域名转为ip地址,这样在网页使用href引入的资源时就会省去DNS解析为ip地址的时间,该属性值通常用于前端的性能优化。:被链接资源的 绝对/相对 URL。2. rel:指定链接类型,详见。
2024-04-22 15:18:02
221
原创 前端笔记——URL和URI
eg:浏览器可以通过一个URL去定位到服务器上的唯一的一个资源,并且同时也符合URI的定义,作为一个唯一的标识符定义某个资源。而比如在服务器中给某个资源生成了一个ID,可以通过这个ID去找到某个资源,这个ID可以叫做是URI,但是不能叫做URL。URL作为一个网络Web资源的地址,可以唯一将一个资源识别出来,所以URL是一个URI。协议类型:// 服务器地址:端口号 / 文件路径/文件名?URI在某一个规则下能把一个资源独一无二的识别出来。(标识Web技术使用的逻辑或物理资源)URL是URI的一个子集。
2024-04-18 10:38:23
128
原创 前端笔记——img元素
2)屏幕阅读器会将这些描述读给需要使用阅读器的读者听,让他们知道图像的含义。2)绝对路径(absolute):根盘符开始查找,一直找到这个资源。3)相对路径(relative): 相对于当前文件的一个路径。,当设置了src时,图片资源会替换掉原来img占据的位置。3. 当img在没有设置src的情况下是什么都不显示的。—— 1)当图片加载不成功时,会显示该属性的文本。1. img 是一个。
2024-04-16 15:17:05
170
1
原创 前端笔记——不同的浏览器内核
(Webkit的一个分支,进行优化,目前最快的一个分支):Google Chrome、Edge。: Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器(Android、ios)):IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器;Presto(急板乐曲)-> Blink。Trident(三叉戟。
2024-04-15 11:03:16
149
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人