写前端的相信都遇到过要提高网页的性能,其中javascript文件越小,浏览器的下载速度面对文件的读取和解析就更快.而一般我们在开发又需要一定的代码规范来使我们的代码更加的容易维护和读懂,但是大量空格和换行又会加大文件的大小,所以在发布时进行缩编或者混淆可以减小javascript的大小,提高效率. 一.缩编 缩编就是去掉javascript代码中的空格和换行符,从而减小文件大小的目的.我们可以使用JSMin来进行代码缩编. JSMIN的安装 安装node 安装npm 安装JSMIN 命令行:n…

同Java..NET实现的应用程序类似,Javascript编写的应用程序也面临一个同样的问题:源代码的保护.尽管对大多数Javascript应用公开源代码不算是很严重的问题,但是对于某些开发者来说,特别是HTML5.WebGL和其它纯Javascript实现的项目,知识产权保护是不能忽视的,保护好源代码至少可以增加竞争对手山寨你的应用的成本.通过混淆Javascript代码的方法,可以降低代码的可读性,在一定程度上保护源代码:同时,混淆算法多数都会用非常短的变量名,因此混淆后的代码往往体积更小…

任务 掌握JavaScript基础知识,能够使用JavaScript编写一些复杂度不大的交互功能. 任务: JavaScript基础 做完任务一的时候深深地感觉到自己的基础非常的薄弱,在这里再次感谢一下百度前端技术学院,做任务的时候深刻理解了自己平时掌握不牢固的内容,比如浮动.BFC.等高布局等.继续加油吧! 像上一篇文章一样,写些东西记录一下. 第一个页面交互 按照任务中的代码,在IE8下提示:对象不支持“addEventListener”属性或方法 我猜是IE8浏览器没有这个方法吧. 参考资…

在 IBM Bluemix 云平台上开发并部署您的下一个应用. 开始您的试用 概览 无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成.JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长.浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或 JavaScript 的命名空间,它们对后面页面内容造成影响.一个典型的例子就是在页面中使用document.write().例如清单 1 清单 1 JavaScrip…

几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下来,我会分享一些前端开发的最著名和最有影响力的框架和库.下面,就让我们一起来看看,顶级的 JavaScript web 前端框架.库和工具及其使用. 请注意: 如果没有包括你最喜欢的 JavaScript 的框架和库,请多包涵. 请实时更新你的框架和库,最新版本往往有更好的跨浏览器和跨设备支持.可以…

要理解JavaScript,你得首先放下对象和类的概念,回到数据和代码的本原.前面说过,编程世界只有数据和代码两种基本元素,而这两种元素又有着纠缠不清的关系.JavaScript就是把数据和代码都简化到最原始的程度.    JavaScript中的数据很简洁的.简单数据只有 undefined, null, boolean, number和string这五种,而复杂数据只有一种,即object.这就好比中国古典的朴素唯物思想,把世界最基本的元素归为金木水火土,其他复杂的物质都是由这五种基本元素组…

引子 编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个世界.    你看,数据代码间的关系与物质能量间的关系有着惊人的相似.数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态.而代码就象能量,他存在 的唯一目的,就是要努力改变数据原来的状态.在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势.甚至在某些情况下,数据可…

随着 Web2.0 技术的不断推广,越来越多的应用使用 javascript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题.而这个问题又因 JavaScript 的阻塞特性变的复杂,也就是说当浏览器在执行 JavaScript 代码时,不能同时做其他任何事情.本文详细介绍了如何正确的加载和执行 JavaScript 代码,从而提高其在浏览器中的性能. 概览 无 论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都…

JavaScript的作用域和提升机制 你知道下面的JavaScript代码执行时会输出什么吗? 1 2 3 4 5 6 7 8 var foo = 1; function bar() {     if (!foo) {         var foo = 10;     }     alert(foo); } bar(); ----相当于: var foo = 1; function(){ var foo; if(!foo){ foo=10; } alert(foo); } bar(); 答案…

@by Ruth92(转载请注明出处) 第2章 基本技巧 一.编写可维护的代码 阅读性好 具有一致性 预见性好 看起来如同一个人编写 有文档 编写注释 编写 API 文档 @namespace:用于命名包含以上对象的全局引用的名称. @class:有些命名不当,实际上是指对象或者构造函数. @method:定义对象中的方法和方法名. @param:列举函数使用的参数.其中将参数类型用大括号括起来,并在其后注释参数名及描述. @return:类似于 @param,用于描述返回值的,并且该方法没有名…