之前写过一篇“漫谈前端优化”的文章,里面提到过DataUrl,粗鲁的描述了下,感觉不甚详焉,所以这几天也总结了这方面的知识,参考一些资料,补充一篇文章在这里,对这方面的资料来说,也是一种强化记忆应用; Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器 ...
分类:
Web程序 时间:
2016-10-09 00:04:02
阅读次数:
266
近几年,移动端站点和app、手游井喷式的发展,大大出乎了当初从业者的预料,2010年前后中国还处于3G网时代,各种3G宣传铺天盖地,如果你稍稍回忆一下,那个时候中国几乎没有像样的移动站点;大约在12年左右,也就是iphone4s诞生的时代,在中国高级智能设备开始被普遍使用,4G的覆盖范围也越来越大, ...
分类:
其他好文 时间:
2016-10-03 08:53:38
阅读次数:
156
1、bower: 专门为前端表现设计的程序包管理器,类似npm,主要用于前端优化。bower可以管理包含HTML,CSS,JavaScript,字体甚至是图像文件的组成部分。bower并没有做别的事 - 它仅仅安装你需要的包及其依赖的正确版本。 2、**依赖node环境,window用户必须安装gi ...
分类:
其他好文 时间:
2016-09-23 18:28:37
阅读次数:
154
转自 影响用户访问的最大部分是前端的页面。网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接 ...
分类:
其他好文 时间:
2016-09-21 22:50:01
阅读次数:
162
使用前端优化的技术可以帮助我们减少页面加载时间,节约资源。一般而言,前端的优化主要分为两个大方向,一个是页面级别的优化,另一个则是代码级别的优化。 一 页面级别优化方法 1 减少http请求次数 当我们在浏览器中输入一个地址,客户端会与服务器端建立TCP连接,然后进行数据的传输。但我们知道,一个we ...
分类:
其他好文 时间:
2016-09-05 17:08:55
阅读次数:
125
1.Minimize HTTP Requests减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites ...
分类:
其他好文 时间:
2016-08-17 21:00:56
阅读次数:
188
如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那么 ...
分类:
编程语言 时间:
2016-08-09 21:58:55
阅读次数:
250
html 语义化,符合标准,减少嵌套层数,加快浏览器DOM解析速度 css 合并,压缩 少写冗余css代码,使用精灵图 ... js 减少DOM操作,使用变量缓存数据,少用全局变量,做动画的元素都绝对定位... ...
分类:
其他好文 时间:
2016-08-08 21:08:16
阅读次数:
156
Fis3和Visual Studio/MSBuild的集成,既可以优化web站点的性能,又可以提高开发人员效率,很不错。Fis3是百度开发的功能强大的前端优化工具,开源的,在国内比较流行。把Fis3结合进VS/MSBuild的开发流程中去的想法,大概很多人有过,但存在一定的困难,目前还未见人做过。本... ...
分类:
其他好文 时间:
2016-07-23 12:01:42
阅读次数:
250