前端优化
文章平均质量分 76
HeliumLau
这个作者很懒,什么都没留下…
展开
-
icon-font图标介绍
http://www.cnblogs.com/tblog/p/4738816.html前言像素完美(Pixel Perfection)、分辨率无关(Resolution Independent)和多平台体验一致性是设计师们的追求。 可访问性(Accessability)、加载性能和重构灵活性是前端工程师们关心的主题。当下互联网设备「风起云涌」,显示分辨率「层出不穷」,为 Web 创转载 2017-03-15 09:23:18 · 1516 阅读 · 0 评论 -
vue-lazyload
Vue-Lazyload一款适于在应用中懒加载图片的vue插件,下面是一些值得注意的地方:轻量、功能强大且易于使用可作用于任意一种图片在图片加载过程中添加加载样式同时支持Vue 1.0和Vue 2.0DemoDemo要求Vue.js 1.x 或者 2.x安装npm$ npm install vue-lazyloadCDNCDN: https://unpkg.com/vue-lazylo翻译 2017-05-02 16:08:16 · 1978 阅读 · 1 评论 -
雅虎网站性能优化的34条黄金规则
雅虎团队经验:网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的转载 2017-05-12 20:24:50 · 1007 阅读 · 0 评论 -
gulp/grunt和browserify/webpack的区别
Gulp应该和Grunt比较,他们的区别我就不说了,说说用处吧。 Gulp / Grunt 是一种工具,能够优化前端工作流程。 比如自动刷新页面、combo、压缩css、js、编译less等等。 简单来说,就是使用Gulp/Grunt,然后配置你需要的插件, 就可以把以前需要手工做的事情让它帮你做了 。说到 browserify / webpack ,那还要说到 seajs / requi转载 2017-04-23 18:31:11 · 530 阅读 · 0 评论 -
IcoMoon的用法(SVG转化为ICONFONT)
ICONMOON前言 最近在做移动端的一个项目,在对图片处理上非常纠结。偶然得知了可以将SVG图片转换为ICONFONT,这里面的好处就不多说了,但这篇笔记的主要目的还是记录整个过程。PNG到SVG 一般而言我们从UI得到的图或者自己切的图都是PNG,JPG格式的位图。而IconMoon上只接受SVG格式的图片或者JSON。 所以我们第一步就是把PNG图片转换为SVG图片。 需要有的原创 2017-03-15 11:36:16 · 9810 阅读 · 1 评论