2017年10月_Anabel Chen

12月 11月 10月 09月 07月 05月 04月 03月

翻译【web前端性能优化】12.css sprite(图片精灵)-雪碧图实现原理

CSS雪碧即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。举个应用的实例：这是淘宝网的分类导航实例，每个目录的前面都会有一个图标，实现这个图标的方法有两种，一种是直接使用image标签，对每个需要图标的地方都设置一个image标签，这种方法的缺点是需要很多的请求来获取图片，因...

2017-10-31 10:12:20 3938

原创【web前端自动化工作环境配置】11. 生产环境的适配

最近项目上线了，对上线前的准备做一下总结，开发环境上所写的代码只能是在开发环境上做预览，离上线到生产环境还是有一些工作要做的，首先是生产环境的适配，在做生产环境适配的时候，要从如下几点：（1）添加favicon 这是网站的一个标志，favicon和下面要说的dns-prefetch都是要放到head标签里面，所以可以在如下的代码里面写：但是我们webpack里面用了一个HtmlWe

2017-10-26 16:58:08 1079

翻译【web前端自动化工作环境配置】10. RequireJS总结

RequireJS已经流行很久了，我们在项目中也曾经使用过它，现在有空就做一下总结： 1、声明不同js之间的依赖 2、可以按需，并行，延时载入js库 3、可以让我们的代码以模块化的方式组织初看起来并不复杂一、在html中引入require.js 在html中，添加这样的标签通常使用requirejs的话，我们只需要导入requirejs即可，不需要显式导入其他的js库，

2017-10-26 14:12:08 547