01
2013
02

Javascript多变量声明的艺术

在我们写Javascript脚本的时候总避免不了多个变量同时声明的情况,看过一些相关Javascript性能优化书籍的同学也明白变量声明的对性能的一些影响。复习一下,Javascript如何声明变量能使执行的性能提到最高呢?

  1. 尽量将所有变量声明放到函数的开始位置。

  2. 用一个var同时声明多个变量,而少用多个var声明变量。

这两句话的意思是:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function a(){
   //推荐放这里
   var foo = 1, bar = 2;
   ...
   ...
   //不推荐放这里
   var foo = 1;
   foo++;
   var bar = 2;
   bar--
}
                                                                                               
//提高性能,推荐这么写
var foo = 1,
   bar = 2;
//不推荐
var foo = 1;
var bar = 2;

而这里我想分享的是,我对第二点写法的一种看法。因为这种写法在一些情况下会有一些不确定性。


29
2013
01

再次开博,是否能重拾往日激情?

博客已经关闭两年多了,看看之前写的最后一片日志已经是2010年9月的事情了。在cnblog上已红草帽的昵称发过一些文章,总得来说已经没有刚毕业出来时的激情和锐气。


看了几篇之前写的一些文章,感受了几分曾经的稚气和锐气,还有那种喜欢为自己写DEMO的感觉。现在为公司写demo,为产品写Demo,代码写多了,那份感觉却不再了。

29
2013
01

HTML5新特性应用:利用localStorage来处理你的Javascript脚本错误

localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。


对于Javascript脚本的一些不确定性的错误,做前端的人都知道有时候很难捕获。某些错误错误甚至跟一连串的操作有关,那么如何捕捉错误就成了一门可以研究学问,这不是本文的重点,重点是用localStorage在客户端记录下错误,然后用户碰到错误(当然用户不知道脚本错误,只要用户操作出现问题就可以发送错误,这得看我们的代码如何处理用户使用过程中的异常了)可以选择性的发送到服务器。

29
2013
01

实现无阻塞加载js广告(重写document.write)

无阻塞加载javascript,对于页面性能优化有很大的作用,这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件,由于广告内容有可能是富媒体,更是很可能成为你页面加载提速的瓶颈,高性能javascript告诉我们,同学,提升你的网页速度,就无阻塞地加载JS吧。


于是便有一下代码出现。

(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://yourdomain.com/script.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();


29
2013
01

多ajax请求的各类解决方案(同步, 队列, cancel请求)

疯狂的ajax,ajax带来很好的用户体验,于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时,层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下,如何利用jquery来处理几种case。


多个ajax请求同时发送,相互无依赖。

多个ajax请求相互依赖,必须有先后顺序。

多个请求被同时发送,只需要最后一个请求。


第1种case

08
2010
09

jQuery发布移动设备版开发项目jQuery Mobile

随着移动平台的迅速发展,智能手机的不断更新,在加上我国山寨行业的不断壮大和强壮。新的智能的手机界面无比强大,导致我们这些开发人员又要进一步加深我们的学习,提升我们的审美观。让我们形成一种被学习的境界........  废话将到这里,看看博客园的照片文章,看看我们无比强大的jQuery进军移动设备吧。

本文转载自博客园:http://news.cnblogs.com/n/70813/

...

26
2010
08

手机开发中你需要注意的问题

继续转载挨踢民工的文章,手机网站开发应注意的事项。肯定的说:文章很不错,很仔细。带上原文链接:http://www.fool2fish.cn/?p=324#more-324

  1. 手机网页编码需要遵循什么规范?
       遵循XHTML Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf),简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML 1.0子集。

...

26
2010
08

手机浏览器兼容性测试结果概要

最近公司项目有意要加入手机网站的想法,于是说,看了一些关于手机网站的资料。看了资料后才发现还是在06年接触过手机编程的我,还停留在WAP1.1,够火星吧! 看了XHTML MP后才发现3G时代终于到了,手机浏览器居然比PC机还多,那就意味着可怜的我们做手机网站的测试工作进一步加重......

17
2010
08

推荐一套很好的Jquery插件 - jquery easyui

jQuery EasyUI是一个非常主流的的Jquery套装插件了,十四一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。jQuery EasyUI为我们提供了大多数UI控件的使用,如:...

10
2010
08

百度和谷歌相关关键词搜索工具

SEO的人,也可以说做网站的同学们都知道百度和谷歌的相关关键词是一个非常好的寻找长尾词的地方。闲来之余做了一个小小的百度和谷歌的相关关键词搜索软件。主要方便大家更好的寻找长尾词。

功能:通过输入关键词查找相关关键词 --> 再进一步通过查出的关键词来寻找该词的关键词 (由于利用C#查询字符串的方式写出来的东西速度太慢,这里只深入一步搜索)

界面: