2013年11月_zeroxiaozou

12月 11月 10月 09月 08月 07月 06月

原创 javascript 性能分析：部署和工具

1.合并javascript文件：减少http请求数量 Apache Ant 通过concat 任务提供合并几个文件的能力（注意文件的依赖关系） files="a.js, b.js"/> includes="*.js" excludes="a.js, b.js"/> 2.预部署javascript文件由于没有专门的javascript设计的预处

2013-11-28 10:29:04 751

转载用消息队列和消息应用状态表来消除分布式事务

由于数据量的巨大，大部分Web应用都需要部署很多个数据库实例。这样，有些用户操作就可能需要去修改多个数据库实例中的数据。传统的解决方法是使用分布式事务保证数据的全局一致性，经典的方法是使用两阶段提交协议。长期以来，分布式事务提供的优雅的全局ACID保证麻醉了应用开发者的心灵，很多人都不敢越雷池一步，想像没有分布式事务的世界会是怎样。如今就如MySQL和PostgreSQL这类面向低端用户的

2013-11-27 16:24:28 557

原创 javascript 性能分析：编程

避免二次评估：就是在javascript代码中执行另外一段javascript代码就会有二次评估的代价多了一次评估是否为正常代码使用对象和数组直接量： //create an object var myObject = new Object(); myObject.name = "Nicholas"; myObject.count = 50; myObject.flag =

2013-11-27 15:11:53 778

原创 javascript 性能分析：Ajax 异步javascript和xml

ajax 是高性能javascript的基石可以通过延迟下载大量资源是页面加载更快通过客户端和服务端异步传送数据避免页面集体加载局部刷新页面通过选择正确的传输技术和最有效的数据格式可以改善和用户的体验。一数据传输五种常用技术向服务器请求数据： XMLHttpRequest Dynamic script tag insertion 动态脚本标签插入 iframes Co

2013-11-26 11:52:20 836

原创 javascript 性能分析：响应接口

浏览器UI线程：大多浏览器有一个单独的处理进程有2个任务所共享：javascript任务和用户界面更新任务但每个时刻只有其中一个操作得以执行。这UI线程围绕一个简单的队列系统工作任务被保存打牌队列中直到进程空闲，一旦空闲队列中的下一个任务将被检索和运行 Browser UI Thread Example Click Me function handleClic

2013-11-26 10:20:41 765

原创 javascript 性能分析:字符串和正则表达式

几乎所有的js都与字符串操作紧密相连。典型的就是ajax从服务器获取字符串将这些字符串转换成更容易的js对象，然后从数据中生成html字符串。包含合并，分解，重新排列，搜索，遍历，以及其他方法处理字符串。

2013-11-11 10:38:29 1124

原创 javascript 性能分析:算法和流程控制

算法和流程控制代码整体结构是执行速度的决定元素之一。代码少不一定运行快，代码多不一定运行慢。一,循环 for (var i=0; i //loop body } --------------------- var i = 0; while(i //loop body i++; } -------------------- var i = 0; do {

2013-11-08 16:58:48 415

原创 javascript 性能分析:dom 编程

对dom操作在富网页应用中通常是一个性能的瓶颈，主要的3类问题：一.访问和修改dom元素浏览器通常把dom和javascript实现保持相互独立，这样2个独立的部分功能链接就会带来性能损耗。最坏的情况是循环执行该操作。 function innerHTMLLoop() { for (var count = 0; count document.getElementById('

2013-11-05 17:57:48 778

原创 javascript 性能分析:数据访问

一.javascript 四种数据类型 1 literal values 直接量:字符串，数字，布尔值，数组，函数，对象，正则表达式，具有特殊意义的空值，以及未定义 2 variables 变量使用var创建的存储数据值 3 Array items 数组项具有数字索引存储一个js数组对象 4 object members 对象成员具有字符串索引

2013-11-05 16:07:54 726

原创 javascript 性能分析:加载和运行

管理浏览器的javascript代码是个麻烦的问题（从性能上讲），因为代码执行阻塞了其他浏览器处理过程，像用户界面绘制。每次遇到标签，页面必须停下来等待代码下载（如果是外部的）并执行，然后在继续处理页面其他部分。下面有几种方法可以减少javascript对性能的影响： 1.将所有的标签放置在页面的底部，在body关闭标签的上方。这样可以保证页面在脚步运行之前完成解析。 2

2013-11-05 10:27:04 581

转载 setTimeout延时0毫秒的作用

经常看到setTimeout延时0ms的javascript代码，感到很迷惑，难道延时0ms和不延时不是一个道理吗？后来通过查资料以及实验得出以下两个作用，可能还有作用我还不知道，希望得知的朋友在后面评论上不吝指出。 1、实现javascript的异步；正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身，这时就可以用到setTimeout延时0m

2013-11-26 10:55:00 958

转载 accumulate everyday：style、currentStyle、getComputedStyle样式

样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.cs

2013-11-14 22:58:44 485

原创 accumulate everyday：grep()函数

grep()方法用于数组元素过滤筛选 grep(array,callback,invert) array：待过滤数组; callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即元素索引值。此函数应返回一个布尔值。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a

2013-11-14 22:49:15 449