腾讯网页重构笔试总结

1、响应式

2、移动端性能优化的方法

3、css sprite、icon font、svgfont实现小图标的优缺点

4、编写用CSS、HTML、JS实现手机端滑动效果的代码

 

3、

    icon font

   优点：

• 字体文件小，一般20-50kb；
• 容易编辑和维护，尺寸和颜色可以用css来控制；
• 透明完全兼容IE6；

     缺点：

    只支持纯色icon

1. 浏览器将其视为文字进行抗锯齿优化，有时得到的效果并没有想象中那么锐利。尤其是在不同系统下对文字进行抗锯齿的算法不同，可能会导致显示效果不同。
2. Icon Font 作为一种字体，Icon 显示的大小和位置可能要受到font-size、line-height、word-spacing等等 CSS 属性的影响。Icon 所在容器的 CSS 样式可能对 Icon 的位置产生影响，调整起来很不方便。
3. 使用上存在不便。首先，加载一个包含数百图标的 Icon Font，却只使用其中几个图标，非常浪费加载时间。自己制作 Icon Font 以及把多个 Icon Font 中用到的图标整合成一个 Font 也非常不方便。
4. 为了实现最大程度的浏览器支持，可能要提供至少四种不同类型的字体文件。包括TTF、WOFF、EOT以及一个使用 SVG 格式定义的字体。