- 1、本文档共32页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
浏览器及html解析
代码 不规范的HTML结构会降低页面解析效率(HTML) HTML的节点、层级越少页面解析效率越高(HTML) 通配选择符对性能的影响几乎可以忽略(CSS) 包含选择符的层级过多会导致降低样式解析效率(CSS) 不显示的对象不会被渲染(CSS) 动态变化 浏览器总是试着以最小的动作响应一个变化 一个元素颜色的变化将只导致该元素的重绘 元素位置的变化将导致元素的布局和重绘 添加一个Dom节点,也会大致这个元素的布局和重绘 一些主要的变化,比如增加html元素的字号,将会导致缓存失效,从而引起整数的布局和重绘。 总结 使用GET请求 利用JS预加载资源 Script inject改善阻塞 注意inline JS的位置,防止css阻塞其他资源 将css文件放在顶部 避免使用通配符 避免在后代选择符的最后使用tag名 去掉冗余的选择符 用class代替后代选择符 离线操作DOM 集中修改样式 缓存Layout属性值 权衡动画帧宽 Thank you! * 讲解要点: 我们上网时,一般是在IE浏览器中,键入某个网址:如,然后打开google网页, 引出浏览器对象。为了让学员容易理解,不要1求过去完整而枯燥的概念定义。 1)整个浏览器窗口,称为window窗口对象。 2)窗口对象又包括上方的地址栏和下方的页面内容。地址栏称为location地址对象,表示网页的地址信息。 3)下方的页面内容代表整个网页文档,称为document文档对象,存放网页的文档信息。 4)文档对象又包含段落、图片、表单等。例如表单对象FORM 5) 总结:从这张图可以看出,浏览器对象是分层次的. 所以表单中的文本框完整的名称应该是: window.document.myform.text1 ,其中window可以省略,所以我们前面写为: document.myform.text1 就是这样来的。 用户界面- 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分 浏览器引擎- 用来查询及操作渲染引擎的接口 渲染引擎- 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来 网络- 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作 UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口 JS解释器- 用来解释执行JS代码 数据存储- 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术 * * * * 07/16/96 * ## * 07/16/96 * ## 浏览器及HTML解析 FORM 表单对象 document 文档对象 location 地址对象 浏览器 Window 窗口对象 浏览器对象的分层结构 window.document.myform.text1 控制 浏览器主要组件 用户界面 浏览器引擎 渲染引擎 网络 UI 后端 JS解释器 数据存储 浏览器内核工作流程图 XML/HTML 解析(分词) 构建DOM树 Javascript 解析 窗口管理 网络 侧 数据 渲染 网页 基本处理流程 Layout engine Release version Used by Gecko 4 所有的 Mozilla 系列, 包括Firefox,Thunderbird等 KHTML Konqueror Presto 2.7.62 Opera; Opera Mobile, Sony PlayStation Trident 4.0 (IE 8) Internet Explorer, Internet Explorer for windows mobile WebKit 533 Google Chrome, Maxthon 3, Safari (Mac版和IPhone版), Shiira, Android browser,Palm webOS browser, Symbian S60 browser。。。 浏览器渲染引擎 浏览器引擎 浏览器 引擎 Trident Internet Explorer Maxthon 搜狗浏览器 360 浏览器 Green Browser Opera Presto Gecko Mozilla firefox Thunderbird Camino Webkit Mac Safari Chrome Midori 嵌入式浏览器引擎 嵌入式 浏览器 Trident MobileIE Opera Mobile Presto Gecko Mozilla fi
您可能关注的文档
- 水的利用和保护第一课时 (恢复).ppt
- 永川车展.pptx
- 汇仁制药媒介策划.ppt
- 汇华百会CRM使用分享.ppt
- 江南景色诗词.ppt
- 江南汉乐府.ppt
- 江南 PPT.ppt
- 江南美食.ppt
- 江南-钟昌艳.pptx
- 汽车传动与优化CH1绪论.ppt
- 专题05反比例函数【六大题型】2024~2025学年九年级数学上学期期中真题分类汇编(北京专用,北京版)(1).pdf
- 专题03直线与圆的位置关系(16大类型提分练+30道压轴题)2024~2025学年九年级数学上学期期中真题分类汇编.pdf
- 专题05圆(5大基础题+3大提升题)2024~2025学年九年级数学上学期期中真题分类汇编(重庆专用).pdf
- 基于代谢网络解析细菌生长规律:理论、模型与应用.docx
- 信息加工视角下社会网络与创业者特质对创业风险识别的影响机制探究.docx
- 数字时代下绍兴电子政务公开的实践与探索.docx
- 银行理财顾客感知风险与利益对顾客忠诚的影响机制及策略研究.docx
- 通衢致远:咸阳市公路交通运输对区域经济发展的贡献剖析.docx
- 城乡养老保险制度衔接的困境与出路.docx
- 基于多元视角的黄石“平安城市”视频监控项目投资效益剖析.docx
最近下载
- 2024年全国眼视光行业眼镜验光员技能大赛理论参考试题库(含答案).pdf VIP
- 2025年11课《种树郭橐驼传》理解性默写练习(附参考答案) .pdf VIP
- 21个行业审核作业指导书.doc VIP
- 医院加强信息化建设 提高信息化水平工作情况四篇.docx VIP
- 《从局部抗战到全面抗战》部优教学设计.doc VIP
- 施耐德 ATV320 安全功能手册.pdf VIP
- 汉钟压缩机调试技术-hanbell.ppt VIP
- powmax国迈变频器POWSD-E3 交流伺服驱动器随机手册V17.pdf VIP
- 疫源地消毒总则gb19193-2015.docx VIP
- ASTM F1224-89(2004)E1 美国材料与试验协会标准.pdf VIP
文档评论(0)