博客首页 → 前端性能优化

最新文章列表

前端性能优化：使用媒体查询加载指定大小的背景图片

日期：2013-7-8  来源：GBin1.com 直到CSS @supports被广泛支持，CSS媒体查询的使用接近于CSS中写逻辑控制。我们经常用CSS媒体查询来根据设备调整CSS属性（通常根据屏幕宽度调 整CSS属性），例如根据不同的屏幕宽度来设置不同的元素宽度或者是悬浮位置。那么我们为什么不用这种方式来改变背景图片呢？ /* 默认是为桌面应用加载图片 */ .someElemen ...
前端性能优化背景大小javascriptweb前端最佳实践 
tyygming 评论(0) 有1320人浏览 2013-07-08 19:42

前端性能优化：使用Data URI代替图片SRC

日期：2013-7-6  来源：GBin1.com 提升页面大小的效率，不仅仅是取决于使用精灵或是压缩代码，给定页面的请求数量在前端性能中也占有了很不小的重量。减少请求可以让你的网站加载更快，而其中一种减少页面请求的方法就是用Data URI代替图片的src属性： <!-- 以前的写法 --> <img src="/images/logo.png" ...
前端性能优化htmlcssweb前端最佳实践 
tyygming 评论(0) 有1192人浏览 2013-07-07 18:59

前端性能优化：使用事件委托

日期：2013-7-5  来源：GBin1.com 想 象一下，如果你有一个无序列表，里面有一堆<li>元素，每一个<li>元素都会在点击的时候触发一个行为。这 ...
前端性能优化htmljavascriptweb前端最佳实践 
tyygming 评论(0) 有838人浏览 2013-07-05 12:47

前端性能优化：尽可能使用CSS动画

日期：2013-7-4  来源：GBin1.com 网站设计对美观特性和可配置元素动画的大量需求，使得一些JavaScript类库，如jQuery，MooTools大量的被使用。尽管现在浏览器支持CSS的transformation和keyframe所 做的动画，现在仍有很多人使用JavaScript制作动画效果，但是实际上使用CSS动画比起JavaScript驱动的动画效率更高。CSS动画 ...
前端性能优化htmlcss3javascriptweb前端最佳实践 
tyygming 评论(0) 有932人浏览 2013-07-04 17:16

前端性能优化：使用Array.prototype.join代替字符串连接

日期：2013-7-3  来源：GBin1.com 有一种非常简单的客户端优化方式，就是用Array.prototype.join代替原有的基本的字符连接的写法。在这个系列的第一篇中，我在代码中使用了基本字符连接： htmlStr += '<li>' + item.text + '</li>'; 但是下面这段代码中，我用了优化： var items = [] ...
前端性能优化html字符串javascriptweb前端最佳实践 
tyygming 评论(0) 有875人浏览 2013-07-03 09:47

前端性能优化：使用异步加载，延迟加载依赖

日期：2013-7-1  来源：GBin1.com RequireJS已经迎来了异步加载和AMD格式的巨大浪潮。XMLHttpRequest(该对象可以调用AJAX)使得资源的异步加载变得流行起来，它允许无阻塞资源加载，并且使 onload 启动更快，允许页面内容加载，而不需要刷新页面。 我所用的异步加载器是John Hann的curl。curl加载器是基本的异步加载器，可以被配置，拥有很 ...
前端性能优化html延迟加载api优化 
tyygming 评论(0) 有832人浏览 2013-07-01 10:01

前端性能优化：高频执行事件/方法的防抖

日期：2013-6-25  来源：GBin1.com 上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数，这次我们说一说如何处理高频事件触发时的优化。 高频执行事件/方法的防抖 通常，开发人员会在有用户交互参与的地方添加事件，而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouseover事件 - 他们触发时，执行的 ...
前端性能优化htmljavascriptapi优化 
tyygming 评论(0) 有966人浏览 2013-06-25 10:11

前端性能优化：DocumentFragments或innerHTML取代复杂的元素注入

日期：2013-6-19  来源：GBin1.com 我 们的浏览器执行越来越多的特性，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。前端给力的地方是可以有 许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧，只需要一分钟，就可以优化你现有的代码。 使用DocumentFragments或者inn ...
前端性能优化htmljavascriptapi优化 
tyygming 评论(0) 有1177人浏览 2013-06-19 12:14

铁道部售票网前端分析

在微薄上看到这样一篇文章竟然被转发近上千次了，并且还是好评如潮............ http://blog.csdn.net/m13666368773/article/details/7177128 上面那篇文章写的根本不在点上呀，实在看不下去了： 引用第一，你这个查询列车信息的querySingleAction.do，能不能不要把这些HTML也传过来呀。你用JS写能死么。 理论上传JSON ...
前端性能优化HTTP安全 
Hooopo 评论(2) 有2032人浏览 2012-01-06 00:02

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics