随笔分类 - 浏览器
摘要：浏览器 - 重绘(repaint)重排(reflow) 网页生成过程： HTML被HTML解析器解析成DOM 树 css则被css解析器解析成CSSOM 树 结合DOM树和CSSOM树，生成一棵渲染树(Render Tree) 生成布局（flow），即将所有渲染树的所有节点进行平面合成 将布局绘制（
阅读全文
摘要：浏览器查看渲染时间 步骤 打开开发者工具（F12） 找到Performance => 点击录制按钮 F5 刷新页面 =》 点击关闭录制（同录制按钮） 找到Summary（console 只上偏中部左侧位置） 蓝色：网路通信时间 黄色：js时间 紫色：重排的时间 绿色：重绘的时间 那个占比越大，那个花
阅读全文
摘要：js-util - 获取浏览器、设备信息 utils function getExplore(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like g
阅读全文
摘要：从输入url到页面展示到底发生了什么 |-- 域名解析（获得IP地址） |-- 向WEB服务器发送HTTP请求 |-- 服务器处理请求 |-- 服务器返回HTTP响应 |-- 浏览器显示页面信息 输入地址 当输入url地址后，浏览器已经在智能匹配地址了，会从历史记录、书签或缓存中查找，如果找到了，会
阅读全文
摘要：dns查询 三次握手 http请求 DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束
阅读全文
摘要：https://www.cnblogs.com/soyxiaobi/p/9963019.html https://www.imooc.com/article/45936 优化思路（减少dom操作、替换高性能api、暂存引用、减少重排、开启硬件加速等）。 重绘不一定需要重排（比如颜色的改变），重排必然
阅读全文
摘要：（一）html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边
阅读全文
摘要：http协议面试题 游览器输入一个地址。到页面展示中间经历了哪些东西？ 这个问题前端面试基本上百分百问的。测试的话，基础的功能面试可能不会问。自动化的话基本上也会问的。 1、游览器输入url。先解析url地址是否合法 2、游览器检查是否有缓存（游览器缓存-系统缓存-路由器缓存）。如果有，直接显示。如
阅读全文
摘要：浏览器兼容 金三银四，那浏览器兼容你知多少？ 常见浏览器的兼容性问题（面试重点） 常见的浏览器兼容问题以及解决方法 图片有边框bug 当图片加在ie上会出现边框 hack:给图片加border：0；或者border：0 none； 图片间隙 div中的图片间隙bug 在div中插入图片时图片将div
阅读全文
