浏览器相关
then啥
这个作者很懒,什么都没留下…
展开
-
重排与重绘
当dom的变化影响了元素的几何属性(宽高),浏览器需要计算页面元素的布局变化,对所有元素进行重新排序的的过程被称为重排,将重排后的元素渲染至页面被称为重绘。何时发生:添加或删除可见的dom元素 元素位置改变 元素尺寸改变(边距、边框宽度、内容宽高) 内容改变(如:文字变为图片、图片大小更改) 页面渲染器初始化 浏览器窗口尺寸改变并不是所有的dom操作都会影响几何属性,如改变背景...原创 2018-11-26 17:08:36 · 162 阅读 · 0 评论 -
requestAnimationFrame和定时器的区别
旧式定时器的问题:执行时机不可控(js异步执行队列机制、软硬件实现方式区别)rAf:页面重绘时立刻执行回调函数,不需要人为设置执行间隔,避免了过度绘制的问题 参考:https://www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%E5%8A%A8%E7%94%BB%E7%...原创 2018-11-26 17:23:18 · 698 阅读 · 0 评论 -
浏览器阵营
https://juejin.im/post/5ada727c518825670b33a584转载 2018-11-26 17:31:31 · 238 阅读 · 0 评论 -
https是什么
本质:在http和tcp之间加了一层ssl用于加密信息过程:服务器生成公钥和私钥,将公钥发送给第三方认证机构生成数字证书 然后将数字证书发给客户端,客户端解析数字证书并再次加密发送给服务器 服务器解析正确后维持通信https://segmentfault.com/a/1190000015969377 ...转载 2018-11-28 11:24:02 · 166 阅读 · 0 评论 -
浏览器发送请求时的缓存判断顺序
浏览器发起请求:是否有缓存?——无:发送请求;有:判断缓存 验证Cache-Control中的max-age时间限定、验证Expires到期日?——未过期:使用缓存(200 form-cache);过期:发送缓存信息至服务器验证 验证E-tag和Last-Modified信息?——无更新:304,使用缓存;有更新:200,返回新文件并更新缓存 https://juejin.im/e...转载 2018-11-28 12:10:18 · 1038 阅读 · 0 评论 -
输入网址后发生了什么
网站文件都是放在服务器上的,服务器地址是一串数字,为方便记忆会为其绑定一个域名。输入网址—DNS域名解析—建立TCP连接—发送HTTP请求—服务器处理并返回结果—浏览器生成页面 域名解析:先查找本地host文件,如果有则跳过查询直接访问对应网站的ip地址,如果无则由本地dns服务器向根dns服务器发送查询请求,并逐级向下最后查询到具体的网址ip 建立tcp连接:三次握手(客户端向服务器发...原创 2018-11-28 12:58:57 · 1669 阅读 · 1 评论