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和...
启用压缩Gzip # 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # 优化压缩过程 gzip_buffers 4 16k; # 使用http版本 gzi...
性能指标 加载 理解加载瀑布图基于HAR存储与重建性能信息速度指数（Speed Index）重要测量指标Speed Index页面渲染速度TTFB网络请求耗时页面加载时间首次渲染 响应 交互动作的反馈时间帧率FPS异步请求的完成时间 RAI...
JS开销和如何缩短解析时间 代码解决方案 Code splitting代码拆分，按需加载Tree shaking代码减重 减少主线程工作量 避免长任务避免超过1KB的行间脚本使用rAF（requestAnimationFrame）和rIC（...
web前端面试题 收集了很多常见的面试题，基础的重要知识是面试官特别喜欢问的，希望大家好好学习，形成自己的面试经。 切记不可临时抱佛脚，要结合平时的项目辅助记忆。 前端基础 JavaScriptCSSShtml&浏览器性能工程化...
Sass（代表Syntactically Awesome Style Sheets）是CSS的扩展。 它并没有真正改变CSS什么，Sass只是让你写CSS更加迅速而已。 这些教程将帮助您从基础知识到中级水平学习Sass的基本知识。 这些教程...
code前端网
