一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN缓存 通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉. 之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输. 也就是说即使客户端同时发送了两个请求,而且CSS资源先准备就绪,服务器也会先发…

注:本文是纯技术探讨文,无图无笑点,希望您喜欢 一.前言 软件行业极其缺乏前端人才这是圈内的共识了,某种程度上讲,同等水平前端的工资都要比后端高上不少,而圈内的另一项共识则是--网页是公司的脸面! 几年前,谷歌的一项统计表明,如果亚马逊页面加载每慢 100ms,将影响他们 1% 的收入:如果谷歌页面加载慢 500ms,流量将锐减 20%,这个数据现在必将更加恐怖! 在前端高性能优化(一).(二)中,笔者介绍了一些关于前端优化的技术,这些技术都依赖于前人的辛苦努力,但我们仍要明白的是,前端的情况十…

Javascript 优化 作者:@gzdaijie本文为作者原创,转载请注明出处:http://www.cnblogs.com/gzdaijie/p/5324489.html 目录 1.全局变量污染与变量提升2.数据类型3.特殊值(NaN.undefined.null)4. === 与 ==5.没有真正的数组6.避免使用with与eval7.消除switch歧义8.不要省略块标志 { } Javascript的弱类型以及函数作用域等规则使用编写Javascript代码极为容易,但是编写可维护.…

JavaScript优化及导航菜单背后的秘密 伍星 学习目标1.进一步了解前端优化 学习如何编写良好的 JavaScirpt2.通过导航的学习,了解JavaScirpt的应用 JavaScript在用户体验优化的实现中起着至关重要的作用3.前端开发相关的工具和手段了解 了解JavaScript开发相关的工具和手段 目录 CONTENTS1 回顾:HTML语义.CSS高级2 编写高效的 JavaScript3 认识导航菜单及其开发4 导航菜单的性能加速5 破解牛X导航菜单的秘密5 JS的调试.压缩…

什么是短路表达式? 短路表达式:作为"&&"和"||"操作符的操作数表达式,这些表达式在进行求值时,只要最终的结果已经可以确定是真或假,求值过程便告终止,这称之为短路求值.这是这两个操作符的一个重要属性. 一个最简单的例子: foo = foo||bar; 这行代码是什么意思?答案: //如果foo存在,值不变,否则把bar的值赋给foo if(!foo) foo = bar; 在javascript的逻辑运算中,0."".nul…

    上一篇随笔介绍了如何正确判断对象类型.避免变量污染,特殊值(null.undefined.NaN)的使用,以及其他Javascript中常用关键字与方法的优化,这篇随笔将着重介绍Javascript语言中的条件与循环优化.     如有问题,请不吝指出,非常感谢:如果喜欢,右下角点个推荐吧~ 1.if.switch.查表 1.1 if-else分治策略 // 方法一,假设value的值平均分布 // 方法一的平均查询次数是 (n+1)/2,即复杂度是O(N) // 方法二采用了二分查找,…

    Javascript的弱类型以及函数作用域等规则使用编写Javascript代码极为容易,但是编写可维护.高质量的代码却变得十分困难,这个系列的文章将总结在项目开发过程中,能够改善代码可读性.可维护性及优化运行性能的一系列技巧.     如有问题,请不吝指出,非常感谢:如果喜欢,右下角点个推荐吧~ 1.全局变量污染与变量提升 定义全局变量的3种方式 var key = 'value'; // 所有函数外执行 window.key = 'value'; // window为全局对象 key…

变量...... 1.一个变量只存一种类型的数据,2.尽量减少对隐式转换的依赖,这样可增强程序的可读性,日后修改程序时不至于混乱,3.使用匈牙利命名法,4.使用局部变量时记得加 var 进行声明,不然会与全局变量冲突, 网站性能优化方面 1.在对当前DOM进行操作之前,尽可能多的做一些准备工作,保证N次创建,1次写入. 2.在对DOM操作之前,把要操作的元素,先从当前DOM结构中删除: 通过removeChild()或者replaceChild()实现真正意义上的删除. 设置该元素的displa…

注意分离: 通过将CSS关闭来测试页面是否仍然可用,内容是否依然可读: 将JavaScript关闭来测试页面仍然可以执行正常功能:所有连接是否正常工作:所有的表单是否可以正常工作: 不使用内联处理器(onclick之类)和内联样式属性,因为这些不属于内容层: 使用语义上有意义的HTML元素: DOM脚本: DOM访问: //DOM访问的代价是昂贵的 ; 避免在循环中使用DOM访问: 在可能的情况下使用selector API;  /尽可能使用id,getElementById是最便捷的查找方法:…

javaScript是一门解释性的语言.它不像java.C#等程序设计语言.由编译器先进行编译再运行.而是直接下载到用户的客户端进行执行.因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率. 1.减缓代码下载时间: Web浏览器下载的是javaScript的源码.其中包含的长变量名.注释.空格和换行等多余字符大大减缓了代码下载的时间.这些字符对于团队编写时十分有效.但在最后工程完成上传到服务器时.应当将它们全部删除.例如: function showMeTheMoney(){ if(!m…