Web journey...
写任何编程代码,不同的开发者都会有不同的见解。但参考一下总是好的,下面是来自 Javascript Toolbox 发布的 14条最佳JS代码编写技巧 ,Sofish翻译(1,2)。
1. 总是使用 ‘var’
在JavaScript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级(function-level)的变量,需总是前置”var”关键词,下面的例子将强调不这样做潜在的问题。
不使用 Var 造成的问题
var i=0; // This is good – creates a global variable
function test() {
for (i=0; i<10; i++) {
alert(“Hello World!”);
}
}
test();
alert(i); // The global variable i is now 10!
因为变量函数中变量 i 并没有使用 var 使其成为函数级的变量,在这个例子中它引用了全局变量。总是使用 var 来声明全局变量是一个很多的做法,但至关重要的一点是使用 var 定义一个函数范围的变量。下面这两个方法在功能上是相同的:
正确的函数
function test() {
var i=0;
for (i=0; i<10; i++) {
alert(“Hello World!”);
}
}
正确的函数
function test() {
for (var i=0; i<10; i++) {
alert(“Hello World!”);
}
}
1. 总是使用 ‘var’
在JavaScript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级(function-level)的变量,需总是前置”var”关键词,下面的例子将强调不这样做潜在的问题。
不使用 Var 造成的问题
var i=0; // This is good – creates a global variable
function test() {
for (i=0; i<10; i++) {
alert(“Hello World!”);
}
}
test();
alert(i); // The global variable i is now 10!
因为变量函数中变量 i 并没有使用 var 使其成为函数级的变量,在这个例子中它引用了全局变量。总是使用 var 来声明全局变量是一个很多的做法,但至关重要的一点是使用 var 定义一个函数范围的变量。下面这两个方法在功能上是相同的:
正确的函数
function test() {
var i=0;
for (i=0; i<10; i++) {
alert(“Hello World!”);
}
}
正确的函数
function test() {
for (var i=0; i<10; i++) {
alert(“Hello World!”);
}
}
现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:
2008年05月19日,绝大部分大型门户网站、百度、腾讯、网易、雅虎等等都把网站、网页改成了黑白灰色的样式
以示深切哀悼的心情。
这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。
以示深切哀悼的心情。
这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。
10种用JavaScript来进行处理图片的特别效果
前段时间网络上暇逛,在“可能吧”看到一篇“10个用能用JavaScript实现的图片特效”
然后连接到国外的一个叫Blog Oh Blog原文上。
感觉非常有趣,不需要Photoshop来进行处理,图片本身还是原来的图片
用JavaScript来自动对页面上的图片在原来的基础上处理显示出的特别效果
有需要玩玩可以体验下。
1、图片倒影效果(Reflex.js)
这个脚本能使图片产生倒影的效果。效果如下:
前段时间网络上暇逛,在“可能吧”看到一篇“10个用能用JavaScript实现的图片特效”
然后连接到国外的一个叫Blog Oh Blog原文上。
感觉非常有趣,不需要Photoshop来进行处理,图片本身还是原来的图片
用JavaScript来自动对页面上的图片在原来的基础上处理显示出的特别效果
有需要玩玩可以体验下。
1、图片倒影效果(Reflex.js)
这个脚本能使图片产生倒影的效果。效果如下:
最近在深入学习Flash中!
在看56或者土豆的视频的时候。有一个全屏幕播放视频的按钮。
想要通过点击一个按钮然后全屏播放你的Flash,那么就需要用到ActionScript 2.0的一个语句来实现。
在看56或者土豆的视频的时候。有一个全屏幕播放视频的按钮。
想要通过点击一个按钮然后全屏播放你的Flash,那么就需要用到ActionScript 2.0的一个语句来实现。
Ping服务
Ping 服务是一种通知“博客搜索引擎”某一博客内容已经更新的通知服务。
当blog作者在发表更新文章时,这些更新将通知搜索引擎
使搜索引擎能及时以最快的时间内收录更新你Blog的文章。
以上能体现Ping服务对SEO的重要性。
Ping服务分
- 手动Ping服务
- 自动Ping服务
手动Ping服务
当发布或更新你的Blog文章后
在博客搜索引擎提供的手动Ping服务页面提交一次Blog的地址或Blog的RSS地址即可。
自动Ping服务
以博客搜索引擎提供的Ping Server API将Blog内容的更新通知给搜索引擎
无需每次更新Blog后都手动进行更新通知,这对于经常更新Blog内容的用户尤其有用。
......
Ping 服务是一种通知“博客搜索引擎”某一博客内容已经更新的通知服务。
当blog作者在发表更新文章时,这些更新将通知搜索引擎
使搜索引擎能及时以最快的时间内收录更新你Blog的文章。
以上能体现Ping服务对SEO的重要性。
Ping服务分
- 手动Ping服务
- 自动Ping服务
手动Ping服务
当发布或更新你的Blog文章后
在博客搜索引擎提供的手动Ping服务页面提交一次Blog的地址或Blog的RSS地址即可。
自动Ping服务
以博客搜索引擎提供的Ping Server API将Blog内容的更新通知给搜索引擎
无需每次更新Blog后都手动进行更新通知,这对于经常更新Blog内容的用户尤其有用。
......
如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。
如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。
而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。
如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。
而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js





