主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打...
HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加新增选择器 document.querySelector、document.querySelectorAll拖拽释放(Drag and drop)...
在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件 原理 HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会...
在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏...
cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。 sessionStorage和loc...
iframe会阻塞主页面的Onload事件 搜索引擎的检索程序无法解读这种页面，不利于SEO iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载 使用iframe之前需要考虑这两个缺点。如果需要使用i...
行内元素有：a b span img input select strong块级元素有：div ul ol li dl dt dd h1 h2 h3 h4… p空元素：br、hr、img、input、link、meta行内元素不可以设置宽高...
从输入URL到页面加载显示完成都发生了什么 Browser Process UI Thread：搜索 or URL => 搜索引擎or请求的站点 Network Thread DNS查找IP => （https...
资源的压缩与合并 为什么要压缩与合并 减少http请求数量减少请求资源大小 HTML压缩 使用在线工具进行压缩使用html-minifier等npm工具 CSS压缩 使用在线工具进行压缩使用clean-css等npm工具 JS压缩与...
移动端图标SVG 从PNG到IconFont 多个图标一套字体，减少获取时的请求数量和体积矢量图形，可伸缩直接通过CSS修改样式（颜色、大小等） 从IconFont到SVG 保持图片能力，支持多色彩独立的矢量图形XML语法，搜索引擎SEO和...
code前端网
