移动端图标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的基本知识。 这些教程...
什么是Sass？ Sass只是CSS的拓展，它并没有改变CSS，它让你写CSS变得更加快速而已。 Saas包括各种功能，如变量，嵌套规则，mixins，内联导入，操作颜色和其他值的内置函数，所有这些都具有完全CSS兼容的语法。 官方链接：S...
上篇文章 我们了解了Sass和Sass转换器，这篇文章俺跟大家将一起学习Sass环境安装 Sass转换器使用了Ruby，默认情况下windows并不会安装，所以接下来我们需要先一起安装Ruby。 安装Ruby 要安装Ruby，请从ruby...
接下来我们将一起学习一些基础的Sass语法 Sass文件类型 Sass转换器支持两种不通的文件类型：.sass和.scss。（每种都有自己的拓展和语法） 在Sass3之前，Sass使用.sass文件拓展名，并使用类似haml的缩进语法。...
如果你之前没有使用过Sass，光是Sass中的变量就足以吸引你喜欢上Sass了。 之前的文章中我们已经学习过为什么变量如此重要了，现在让我们一起来学习一下如何使用它。 定义变量的基本语法很简单：只需在变量名之前使用$并将其定义视为CSS样式...
code前端网
