字体方面主要包括：字体渲染方式，浏览器默认字体及重置，@font-face自定义字体，字体性能等

@font-face是CSS3中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体。怎么用 @font-face 呢？你可能见过类似下面的代码片段，它可以让 @font-face 兼容所有浏览器。...

这里主要分析下圆环的实现，蓝色的进度条圆环由左右两边构成，这里以右半边的为例，html结构为.circle-right > .right-inner(为了视觉效果，把蓝色放在里面了，而非覆盖在灰色上)，如下图：...

官方的这张图，对fis的构建流程讲述的很清楚了，主要包括单文件编译和打包，业务中的插件也主要是这两种，至于是pre还是post，差别不是特别大。主要记住一点区别：单文件编译阶段，无法获取文件之间的关联信息；打包阶段，能够拿到项目...

性能优化是前端开发不得不面对，必须重视的一个经久话题。教育平台项目除了常规的web性能优化外，图片资源站到了流量的70%+，因此图片的性能优化是个重中之重。除了常规的图片优化外，课程封面和机构上传的图片采用了webp格...

在所有包含ui的程序架构中，以上不同的ui元素在各种环境中都会遭遇到不同的问题，同时也都有与之对应的解决方案 iconfont 就是一个解决【图标】问题的解决方案之一...

诚然，吉他有上千个和弦。世界上最厉害的吉他大师，也无法一眼辨识出所有的和弦。 更多时候，我们熟记几个基本的和弦，然后通过一定的计算法则，去推导其他的和弦。因而推导的逻辑就非常重要。...

简单来说，phantomjs就是一个运行在node上的webkit内核，支持DOM渲染，css选择器，Canvas，SVG等，在浏览器上能做的事情，理论上，phantomjs 都能模拟做到。

lottie为全局变量，主要有一个loadAnimation的方法，来加载和解析json，播放动画。

SVG 作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了 Web 中矢量图的代名词。 在网页中采用 SVG 代替位图有如下好处：