浏览器
lhl891111
这个作者很懒,什么都没留下…
展开
-
浏览器渲染原理
(1)渲染包括的流程1.解析HTML,生成DOM树(DOM)2.解析CSS,生成CSSOM树(CSSOM) 说明:对于style和内联样式,浏览器会直接根据样式声明生成CSSOM;对于外联样式link 浏览器会发送请求,待请求成功,获取到外联样式后,浏览器再解析该外联样式,并生成 相应的CSSOM。由于CSSOM负责存储渲染信息,浏览器就必须保证在合成渲染树之前, CSSOM是完备的,这种完备是指...转载 2019-05-20 17:19:03 · 130 阅读 · 0 评论 -
浏览器的安全性:跨域和攻击
关于跨域,有 两个误区 : 1. ✕ 动态请求就会有跨域的问题 ✔ 跨域只存在于浏览器端,不存在于安卓/ios/Node.js/python/ java等其它环境 2. ✕ 跨域就是请求发不出去了 ✔ 跨域请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了 之所以会跨域,是因为受到了同源策略的限制,同源策略要求源相同才能正常进行通信,即协议、域名、端口号都完全一致。 ...转载 2019-05-20 18:15:36 · 746 阅读 · 0 评论 -
浏览器背后的运行机制、浏览器内核
浏览器内核 Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。 浏览器的功能模块 (1)HTML 解释器:将 HTML 文档经过词法分析输出 DOM 树。 (2)CSS 解释器:解析 CSS 文档, 生成样式规则,生成CSSOM树。 (3)图层布局计算模块:布局计算...转载 2019-05-17 15:10:13 · 472 阅读 · 0 评论 -
浏览器交互:BOM和DOM相关webApi、监听事件
(1)BOM 浏览器对象模型(Browser Object Model) 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成, 其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 1.BOM的顶级对象window window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window 注意:window下...转载 2019-05-17 16:08:27 · 617 阅读 · 0 评论 -
前端面试--浏览器相关
1.浏览器渲染原理: 根据 HTML 解析出 DOM 树 根据 CSS 解析生成 CSS 规则树 结合 DOM 树和 CSS 规则树,生成渲染树 根据渲染树计算每一个节点的信息 根据计算好的信息绘制页面 提升渲染效率 减少重绘和回流(使用transform代替top,使用visibility替换display:none) 不要把节点属性放在循环里当成循环里的变量 不要使用table...转载 2019-08-30 15:08:19 · 147 阅读 · 0 评论