摘要：
什么是webp webp是谷歌开发的一种新图片格式，它是支持有损和无损两种压缩方式的使用直接色的点阵图。使用webp格式的最大优点是在相同质量的文件下，它拥有更小的文件体积，因此它非常适合于网络图片的传输，因为图片体积的减少，意味着请求时间的减少，这样会提高用户的体验。这是谷歌开发的一种新的图片格式 阅读全文
摘要：
页面内容方面： 通过文件合并、css雪碧图、使用base64等方式减少http请求数，避免过多的请求造成等待的情况； 通过dns缓存等机制来减少dns的查询次数； 通过设置缓存策略，对常用不变的资源进行缓存； 通过延迟加载的方式，来减少页面首屏加载时需要请求的资源，延迟加载的资源当用户需要访问时，再 阅读全文
摘要：
实现多个标签页之间的通信，本质上都是通过中介者模式来实现的。因为标签页内没有办法直接通信，因此我们可以找一个中介者让标签页和中介者进行通信，然后让这个中介者来进行消息的转发。 使用Websocket，通信页的标签连接同一个服务器，发送消息到服务器后，服务器推送消息给所有连接的客户端； 可以调用loc 阅读全文
摘要：
首先解析收到的文档，根据文档定义构建一棵DOM树，DOM树是由DOM元素及属性节点组成的； 然后对css进行解析，生成CSSOM规则树； 根据DOM树和CSSOM规则树构建Render Tree。渲染树的节点被称为渲染对象，渲染对象是一个包含有颜色和大小属性的矩形，渲染对象和DOM对象相对应，但这种 阅读全文
摘要：
从属关系区别：@import只能导入样式表css，link除了引入css还可以定义rss、rel连接属性、引入网站图标等； 加载顺序区别：加载页面时，link标签引入的css被同时加载，@import引入的css将在页面加载完毕后被加载； 兼容性区别：link无兼容问题，@import兼容IE5以上 阅读全文