摘要: 浏览器的渲染过程主要包括以下几步: 解析HTML生成DOM树。解析CSS生成CSSOM规则树。将DOM树与CSSOM规则树合并在一起生成渲染树。遍历渲染树开始布局,计算每个节点的位置大小信息。将渲染树每个节点绘制到屏幕。 详细参考文章:http://www.imooc.com/article/234 阅读全文
posted @ 2018-03-06 22:26 goodman8 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1、捕获阶段 2、目标阶段 3、冒泡阶段 documnet >target目标 >document目标i 由些,addEventLIstener的第3个参数为true或者false的区别: true: 表示该元素在事件的“捕获阶段” (由外向内传递时)响应事件 false: 表示该元素在事件的“冒泡 阅读全文
posted @ 2018-03-06 22:12 goodman8 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 回流(reflow):当渲染树(render tree)中的元素由于位置 大小变化、显示和隐藏时,浏览器对页面会重新布局,这就是回流; 重绘(repaint):当渲染树中的元素只是改变了风格样式,例如背景颜色等,浏览器只是重新绘制,这就是重绘 。 回流一定会引起重绘,但重绘不一定引起回流。 阅读全文
posted @ 2018-03-06 22:00 goodman8 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 参考文章:https://www.cnblogs.com/crazylqy/p/6891929.html 阅读全文
posted @ 2018-03-06 21:54 goodman8 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 1、通过jsonp 该方法中能实现 GET 请求 url = "http://www.baidu.com?a=1&callback=fun" function fun(result){ console.log(result); } 2、ajax请求,服务器端设置通过cors 接口允许允许跨域请求:h 阅读全文
posted @ 2018-03-06 21:43 goodman8 阅读(394) 评论(0) 推荐(0) 编辑
摘要: SYN(SYNchronization) : 在连接建立时用来同步序号。当SYN=1而ACK=0时,表明这是一个连接请求报文。对方若同意建立连接,则应在响应报文中使SYN=1和ACK=1. 因此, SYN置1就表示这是一个连接请求或连接接受报文。 ACK : TCP协议规定,只有ACK=1时有效,也 阅读全文
posted @ 2018-03-06 21:29 goodman8 阅读(386) 评论(0) 推荐(0) 编辑
摘要: 1、浏览器对地址进行解析 (获取协议、主机、端口号、 路径) 2、将解析出的域名进行DNS解析 (找到域名对应的IP地址) 3、根据IP寻址找到目标服务器 (根据IP找到目标服务器) 4、浏览器和服务器进行三次TCP握手,建立连接 5、浏览器发送数据,等待服务器响应 6、服务器处理请求,向浏览器做出 阅读全文
posted @ 2018-03-06 21:24 goodman8 阅读(480) 评论(0) 推荐(0) 编辑
摘要: (1)已知高度和宽度的元素解决方案 (2)未知高度和宽度元素解决方案 (3)使用flex布局实现 (4)使用table布局实现 阅读全文
posted @ 2018-03-06 21:07 goodman8 阅读(277) 评论(0) 推荐(0) 编辑