随行的背包

2022年4月4日

摘要： 1.根据html文件构建DOM和cssom树,如果遇到js,阻塞DOMhecssom,优先加载js 加载完js,再去构建DOM和cssom 2.构建渲染树,DOM和cssom合并而成,计算每个页面元素,最终渲染到页面 3.页面重绘和回流(重排),页面渲染完毕后,浏览器会根据js操作DOM元素,对页面阅读全文

posted @ 2022-04-04 18:58 随行的背包阅读(96) 评论(0) 推荐(0)

v-if与v-show的区别

摘要： 1.方式:v-if操作DOM,v-show操作display(样式)2.编译:v-if 存在DOM的编译和卸载过程惰性的(条件为真实开始局部编译) v-show 基于css,不存在DOM的编译与卸载过程3.性能:v-if 消耗高 v-show消耗低,适合频繁切换4.使用场景: v-if 执行业务相阅读全文

posted @ 2022-04-04 18:54 随行的背包阅读(35) 评论(0) 推荐(0)

2022年3月28日

CSS3中有哪些新特性

摘要：新增各种CSS选择器（: not(.input)：所有 class 不是“input”的节点）圆角（border-radius:8px）多列布局（multi-column layout）阴影和反射（Shadoweflect）文字特效（text-shadow）文字渲染（Text- 阅读全文

posted @ 2022-03-28 09:56 随行的背包阅读(63) 评论(0) 推荐(0)

2022年3月26日

link和@import的区别

摘要：两者都是外部引用CSS的方式，它们的区别如下： link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。 link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 link是XHTML标签，无兼容问题；@i 阅读全文

posted @ 2022-03-26 22:12 随行的背包阅读(31) 评论(0) 推荐(0)

隐藏元素的方法有哪些

摘要： display: none：渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置，也不会响应绑定的监听事件。 visibility: hidden：元素在页面中仍占据空间，但是不会响应绑定的监听事件。 opacity: 0：将元素的透明度设置为 0，以此来实现元素的隐藏。元素在页面中仍然占据空间阅读全文

posted @ 2022-03-26 19:07 随行的背包阅读(104) 评论(0) 推荐(0)

浏览器乱码的原因是什么？如何解决？

摘要：产生乱码的原因：网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码，反之也会出现乱码； html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码；浏览器不能自动检测网页编码，造成网页乱码。解决办法：使用软件编辑HT 阅读全文

posted @ 2022-03-26 17:33 随行的背包阅读(1156) 评论(0) 推荐(0)

文档声明（Doctype）和<!Doctype html>有何作用? 严格模式与混杂模式如何区分？它们有何意义?

摘要：文档声明的作用：文档声明是为了告诉浏览器，当前HTML文档使用什么版本的HTML来写的，这样浏览器才能按照声明的版本来正确的解析。 <!doctype html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5 标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，我们需要避免此类情况发生阅读全文

posted @ 2022-03-26 17:19 随行的背包阅读(319) 评论(0) 推荐(0)

Canvas和SVG的区别

摘要：（1）SVG： SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言XML描述的2D图形的语言，SVG基于XML就意味着SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果阅读全文

posted @ 2022-03-26 17:00 随行的背包阅读(43) 评论(0) 推荐(0)

2022年3月25日

title与h1的区别、b与strong的区别、i与em的区别

摘要： strong标签有语义，是起到加重语气的效果，而b标签是没有的，b标签只是一个简单加粗标签。b标签之间的字符都设为粗体，strong标签加强字符的语气都是通过粗体来实现的，而搜索引擎更侧重strong标签。 title属性没有明确意义只表示是个标题，H1则表示层次明确的标题，对页面信息的抓取有很大的阅读全文

posted @ 2022-03-25 21:43 随行的背包阅读(159) 评论(0) 推荐(0)

web worker

摘要：在 HTML 页面中，如果在执行脚本时，页面的状态是不可相应的，直到脚本执行完成后，页面才变成可相应。web worker 是运行在后台的 js，独立于其他脚本，不会影响页面的性能。并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候，就不会阻塞主线程了。如何创建 we 阅读全文

posted @ 2022-03-25 21:15 随行的背包阅读(94) 评论(0) 推荐(0)

公告