javascript优化

javascript优化

 javaScript是一门解释性的语言、它不像java、C#等程序设计语言、由编译器先进行编译再运行、而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率。         1、减缓代码下载时间：       &
·2015-10-31 08:25

[JavaScript]项目优化总结

目录 JavaScript优化总结分为以下几点... 1 模块化（类编程）... 2 静态类... 3 实例类... 5 JavaScript压缩/合并... 8 Uglifyjs安装..
·2015-10-30 15:44

网站开发WEB前端高性能优化之JavaScript优化细节

为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！ 一、避免出现脚本失控 不论什么脚本，在任何时间、任何浏览器上执行，都不应该超过100毫秒。如果实际执行的时间长
·2015-10-23 09:11

javascript优化--12模式(设计模式)03

观察者模式 通过创建一个可观察的对象，当发生一个感兴趣的事件时将该事件通告给所有观察者，从而形成松散的耦合 订阅杂志 //发布者对象 var publisher = { subscribers: { any: [] //事件类型 }, //将订阅者添加到subscribers数组； subscribe: function(fn, type) { type = t
·2015-10-23 08:05

javascript优化--14模式2(DOM和浏览器模式)

远程脚本 XMLHttpRequest JSONP 和XHR不同，它不受同域的限制； JSONP请求的可以是任意的文档； 请求的URL通常格式为http://example.js?calback=CallFunction <button id="server">Server play</button> <scrip
·2015-10-23 08:04

javascript优化--11模式(设计模式)02

策略模式 在选择最佳策略以处理特定任务（上下文）的时候仍然保持相同的接口； //表单验证的例子 var data = { firs_name: "Super", last_name: "Man", age: "unknown", username: "o_0" } validator =
·2015-10-23 08:04

javascript优化--10模式(设计模式)01

单体模式：保证一个特定类仅有一个实例;即第二次使用同一个类创建新对象时，应该得到与第一个所创建对象完全相同对象； 在JS中，可以认为每次在使用对象字面量创建对象的时候，实际上就在创建一个单体； 当使用new创建新对象时 使用静态属性中的实例： function Universe() { if(typeof Universe.instance === 'object
·2015-10-23 08:49

javascript优化--13模式1(DOM和浏览器模式)

注意分离： 通过将CSS关闭来测试页面是否仍然可用，内容是否依然可读； 将JavaScript关闭来测试页面仍然可以执行正常功能；所有连接是否正常工作；所有的表单是否可以正常工作； 不使用内联处理器（onclick之类）和内联样式属性，因为这些不属于内容层； 使用语义上有意义的HTML元素； DOM脚本： DOM访问： //DOM访问的代价是昂贵的 ;
·2015-10-23 08:49

javascript优化--06模式(对象)01

命名空间： 优点：可以解决命名混乱和第三方冲突； 缺点：长嵌套导致更长的查询时间；更多的字符； 通用命名空间函数： var MYAPP = MYAPP || {}; MYAPP.namespace = function (ns_string) { var parts = ns_string.split('.'); parent = MYAPP;
·2015-10-23 08:48

javascript优化--08模式(代码复用)01

优先使用对象组合，而不是类继承； 类式继承：通过构造函数Child()来获取来自于另一个构造函数Parent()的属性； 默认模式：子类的原型指向父类的一个实例 function inherit(C, P) { C.prototype = new P(); } function Parent(name) { this.name = name || 'Adam';
·2015-10-23 08:48

javascript优化--07模式(对象)02

沙箱模式： 解决空间命名模式的几个缺点： 命名空间模式中无法同时使用一个应用程序或库的两个版本运行在同一个页面中，因为两者需要相同的全局符号； 以点分割，需要输入更长的字符，解析时间也更长； 全局构造函数 //在命名空间模式中，可以使用全局对象；在沙箱模式中主要使用全局构造函数 添加特征： 强制new模式
·2015-10-23 08:48

javascript优化--09模式(代码复用)02

原型继承 ://现代无类继承模式 基本代码： var parent = { name : "Papa" } var child = object(parent); function object(o) { function F() {}; F.prototype = o; return new F(); } 选择继承的时候可以考虑,传
·2015-10-23 08:48

javascript优化--03高质量编码

使用Object的直接量实例构造轻量级的字典： 使用for/in循环，使用对象字面量来构建，并确保不增加Object.prototype属性来导致for/in循环；（考虑到兼容性，如Array.prototype是允许增加属性的）； 如果确实需要在Object.prototype中增加属性那么使用Object.defineProperty Object.defineProperty(
·2015-10-23 08:47

javascript优化--05模式(函数)

  回调函数模式： 基本例子： var findNodes = function (callback) { ...................... if (typeof callback !== 'function') { callback = false; } ................ whil
·2015-10-23 08:47

javascript优化--04高质量编码

库和API的设计： 在参数设计中保持好的习惯：如顺序，width,height;top,right,bottom,left;如命名； 将undefined看作没有值而不要表示非特定的值； 在允许0，空字符串等为有效参数的地方，不要通过真值测试（||）来实现参数默认值； 使用//var x === undefined ? 0 : x;　　 接受多参数对象的时候可以选用选项对
·2015-10-23 08:47

javascript优化--01高质量编码

javascript的浮点数： Javascript的数字都是双精度浮点数； 64位编码数字； 能表达53位精度的整数； 进行位运算时会隐式地转化为32位整数（0，1序列）后计算； 浮点数运算可能会有精度问题，最好是都用整数计算； 严格模式：考虑到兼容性问题，可以用将自身包裹在立即调用的函数表达式里再连接其他文件； 判断NaN：判断自身是否全等； 对象隐式转换：
·2015-10-23 08:46

javascript优化--02高质量编码

方法调用： 通常某个对象调用方法查找该方法并将该对象作为该方法的接受者（this）； 使用call自定义接受者 可以调用在给定对象中不存在的方法； 定义高阶函数，允许使用者给回调函数指定接受者； 使用bind方法： 当高阶函数传递对象方法时，可以使用匿名函数在适当的接受者上调用方法，或使用bind绑定接受者； 使用bind方法实现函数
·2015-10-23 08:46

SEO笔记--代码优化（三）

页面的代码优化主要包括：清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化和表格优化。 A.&
·2015-10-23 08:09

网站开发WEB前端高性能优化之JavaScript优化细节

作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自 Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！ 一、避免出现脚本失控 不论什么脚本，在任何时间、任何浏览器上执行，都不应该超过100毫秒
·2015-10-21 12:26

对JavaScript优化及规范的一些感想

变量...... 1.一个变量只存一种类型的数据，2.尽量减少对隐式转换的依赖，这样可增强程序的可读性，日后修改程序时不至于混乱，3.使用匈牙利命名法，4.使用局部变量时记得加 var 进行声明，不然会与全局变量冲突， 网站性能优化方面 1.在对当前DOM进行操作之前，尽可能多的做一些准备工作，保证N次创建，1次写入。 2.在对DOM操作之前，把要操作的元素，先从当前DOM结构中删除：
·2015-10-21 12:37

网站开发WEB前端高性能优化之JavaScript优化细节

作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自 Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！ 一、避免出现脚本失控 不论什么脚本，在任何时间、任何浏览器上执行，都不应该超过100毫秒。如果实际执行的时间
·2015-10-21 11:28

javascript优化十大技巧

JavaScrip优化一定要谨慎，因为使用不当会毁了整张页面t（1）删除Javascript注释对于条件注释不能删除。（2）小心删除空白字符javascript对空白字符并不敏感，所以你大可以减少操作符之间的空白字符。但是当代码省略分号作为结束符时，删除空白符就会出错，建议加上分号结束符。进行优化时才不会出错。（3）使用缩写形式eg:i=i+1=>i++;y=y*10=>y*=10;使用三元操作符
web_syliu·2015-08-30 16:01

Javascript优化后的加减乘除（解决js浮点数计算bug）

说明众所周知，js在计算浮点数时候，结果可能会不准确。比如：（在chrome中的运算结果）2.2+2.1=4.3000000000000012.2-1.9=0.300000000000000272.2*2.2=4.8400000000000012.1/0.3=7.000000000000001网上流传的代码（有bug）网上流传的优化后的代码如下（有问题的代码，请勿使用）functionadd(a,
qinshenxue·2015-02-09 16:00

Javascript优化细节：短路表达式

　　什么是短路表达式？ 　　短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。 　　一个最简单的例子： foo = foo||bar; 　　这行代码是什么意思？答案： //如果foo存在，值
·2014-09-02 11:00

前端面试题

第二部分：用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。当鼠标略过某个区块的时候，该区块会放大25%，并且其他的区块仍然固定不动。
dazhi_100·2014-07-14 15:00

"爱说说"技术原理:前端Javascript优化技巧（四）

上一节：爱说说技术原理:前后台参数约定及逻辑代码 中，讲解了“爱说说”的后台简单的逻辑处理代码。 本节，看一下前端的逻辑及优化事项[爱说说：http://speak.cyqdata.com/ ] 前言说明：1：前端没有使用JQ，采用原生的XmlHttp做为异步请求。2：前端代码就不多贴了，直接查看页面源文件就能看到所有的代码了。 以下讲一下“爱说说”在这个过程中优化过的注意事项：[PS：事隔这么久
secyaher·2014-06-25 15:00

JavaScript优化细节（一）

1、置空Closure（闭包）引起的Memoryleak滞留的Object和domain2、用fragment实现append大量元素varf=document.createDocumentFragment();//创建文档碎片for(vari=0;i<1000;i++){vars=document.createElement("span");vart=document.createTextNod
寒月十八·2014-02-07 16:00

阿里巴巴Web前端开发面试题赋答案

第二部分：用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。当鼠标略过某个区块的时候，该区块会放大25%，并且其
Qianduaner·2013-09-06 20:00

[JavaScript]项目优化总结

目录JavaScript优化总结分为以下几点模块化（类编程）静态类实例类JavaScript压缩/合并Uglifyjs安装UglifyJS使用JavaScript文件合并文档生成YUIDoc安装与使用YUIDoc
agileclipse·2013-06-04 10:00

Google+的构建使用了哪些技术？

从项目主页的介绍可以看到，ClosureTools包含3个组件：ClosureCompiler：这是个JavaScript优化器，可以将JavaScrip
gaotong2055·2013-02-23 18:00

JavaScript 优化

Javascript优化问题，包括代码下载时间、代码执行时间、优化的一些原则等。 1.
wkf41068·2013-02-22 15:00

javascript优化

  javaScript是一门解释性的语言、它不像java、C#等程序设计语言、由编译器先进行编译再运行、而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率。         1、减缓代码下载时间：       
highfly-s·2013-02-06 15:00

[JavaScript]项目优化总结

目录 JavaScript优化总结分为以下几点 模块化（类编程） 静态类 实例类 JavaScript压缩/合并
·2013-01-29 10:00

JavaScript 项目优化总结

JavaScript优化总结分为以下几点优化前后对比优化前优化后代码混乱，同样功能的函数重复出现在多个地方。如果需要修改实现，需要找到所有的地方。
xiaomage234·2013-01-24 14:00

JavaScript 项目优化总结

JavaScript优化总结分为以下几点优化前后对比优化前优化后代码混乱，同样功能的函数重复出现在多个地方。如果需要修改实现，需要找到所有
dannywj1371·2013-01-23 12:00

[JavaScript]项目优化总结

JavaScript优化总结分为以下几点优化前后对比优化前代码混乱，同样功能的函数重复出现在多个地方。如果需要修改实现，需要找到所有的地方。
豆仔·2012-12-19 16:00

[JavaScript]项目优化总结

目录JavaScript优化总结分为以下几点模块化（类编程）静态类实例类JavaScript压缩/合并Uglifyjs安装UglifyJS使用JavaScript文件合并文档生成YUIDoc安装与使用YUIDoc
lxy2330·2012-08-15 09:00

[JavaScript]项目优化总结

目录JavaScript优化总结分为以下几点模块化（类编程）静态类实例类JavaScript压缩/合并Uglifyjs安装UglifyJS使用JavaScript文件合并文档生成YUIDoc安装与使用YUIDoc
七七八八·2012-08-15 08:00

JavaScript代码进行优化

目录JavaScript优化总结分为以下几点模块化（类编程）静态类实例类JavaScript压缩/合并Uglifyjs安装UglifyJS使用JavaScript文件合并文档生成YUIDoc安装与使用YUIDoc
·2012-08-14 23:00

网站开发WEB前端高性能优化之JavaScript优化细节

作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3CGroup为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！一、避免出现脚本失控不论什么脚本，在任何时间、任何浏览器上执行，都不应该超过100毫秒。如果实际执行的时间长于这个
mgf614·2012-07-04 19:00

【JS每日练习】阿里巴巴web前端开发面试题

第二部分：用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。当鼠标略过某个区块的时候，该区块会放大25%，并且其他的区块仍然固定不动。提示：也许，我
boia·2012-04-25 23:46

SEO笔记--代码优化

页面的代码优化主要包括：清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化和表格优化。 A.
long_yu2·2012-04-22 15:00

SEO笔记--代码优化（三）

页面的代码优化主要包括：清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化和表格优化。A. 清理垃圾代码   垃圾代码是指去掉之后不会影响页面正常显示的非必
qingtingchen1987·2012-04-22 12:00

前端优化方案-JavaScript 优化方案

Author:李丽媛Date:2010/6/2Email:lly219#gmail.com2     JavaScript优化方案2.1         测试驱动开发为了编写可维护的JavaScript
晨曦之光·2012-03-09 13:00

"爱说说"技术原理:前端Javascript优化技巧（四）

上一节：爱说说技术原理:前后台参数约定及逻辑代码 中，讲解了“爱说说”的后台简单的逻辑处理代码。 本节，看一下前端的逻辑及优化事项[爱说说：http://speak.cyqdata.com/ ] 前言说明：1：前端没有使用JQ，采用原生的XmlHttp做为异步请求。2：前端代码就不多贴了，直接查看页面源文件就能看到所有的代码了。 以下讲一下“爱说说”在这个过程中优化过的注意事项：[PS：事隔这么久
晨曦之光·2012-03-09 12:00

阿里巴巴web前端开发面试题

第二部分：用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。当鼠标略过某个区块的时候，该区块会放大25
bailu66·2011-11-13 12:00

JavaScript优化

javaScript是一门解释性的语言，它不像java、C#等程序设计语言，由编译器先进行编译再运行，而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了 代码下载的速度以及执行的效率。        1、减缓代码下载时间：        
xudongcsharp·2011-11-04 14:00

WEB前端题集解答（1）

请使用CSS控制3个div，实现如下图的布局：2.用javascript优化布局由于我们的用户群喜欢放大看页面，于是我们给上一题的布局做一次优化。
txf2004·2011-09-16 20:00

javascript优化

javaScript是一门解释性的语言、它不像java、C#等程序设计语言、由编译器先进行编译再运行、而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率。         1、减缓代码下载时间：       &nbs
huanglz19871030·2011-07-15 08:00

"爱说说"技术原理:前端Javascript优化技巧（四）

上一节：爱说说技术原理:前后台参数约定及逻辑代码 中，讲解了“爱说说”的后台简单的逻辑处理代码。 本节，看一下前端的逻辑及优化事项[爱说说：http://speak.cyqdata.com/ ] 前言说明：1：前端没有使用JQ，采用原生的XmlHttp做为异步请求。2：前端代码就不多贴了，直接查看页面源文件就能看到所有的代码了。 以下讲一下“爱说说”在这个过程中优化过的注意事项：[PS：事隔这么久
cyq1162·2011-06-24 14:01
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他