摘要: 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)
摘要: 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)
摘要: 新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点) 圆角 (border-radius:8px) 多列布局 (multi-column layout) 阴影和反射 (Shadoweflect) 文字特效 (text-shadow) 文字渲染 (Text- 阅读全文
posted @ 2022-03-28 09:56 随行的背包 阅读(63) 评论(0) 推荐(0)
摘要: 两者都是外部引用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)
摘要: 文档声明的作用: 文档声明是为了告诉浏览器,当前HTML文档使用什么版本的HTML来写的,这样浏览器才能按照声明的版本来正确的解析。 <!doctype html> 的作用就是让浏览器进入标准模式,使用最新的 HTML5 标准来解析渲染页面;如果不写,浏览器就会进入混杂模式,我们需要避免此类情况发生 阅读全文
posted @ 2022-03-26 17:19 随行的背包 阅读(319) 评论(0) 推荐(0)
摘要: (1)SVG: SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言XML描述的2D图形的语言,SVG基于XML就意味着SVG DOM中的每个元素都是可用的,可以为某个元素附加Javascript事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 阅读全文
posted @ 2022-03-26 17:00 随行的背包 阅读(43) 评论(0) 推荐(0)
摘要: strong标签有语义,是起到加重语气的效果,而b标签是没有的,b标签只是一个简单加粗标签。b标签之间的字符都设为粗体,strong标签加强字符的语气都是通过粗体来实现的,而搜索引擎更侧重strong标签。 title属性没有明确意义只表示是个标题,H1则表示层次明确的标题,对页面信息的抓取有很大的 阅读全文
posted @ 2022-03-25 21:43 随行的背包 阅读(159) 评论(0) 推荐(0)
摘要: 在 HTML 页面中,如果在执行脚本时,页面的状态是不可相应的,直到脚本执行完成后,页面才变成可相应。web worker 是运行在后台的 js,独立于其他脚本,不会影响页面的性能。 并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候,就不会阻塞主线程了。 如何创建 we 阅读全文
posted @ 2022-03-25 21:15 随行的背包 阅读(94) 评论(0) 推荐(0)