Web journey...

14条最佳JS代码编写技巧

分类:Web之旅 | 发布者:Tim | 发布日期: 2010-4-10 
写任何编程代码,不同的开发者都会有不同的见解。但参考一下总是好的,下面是来自 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!”);
}
}

Tags:

jQuery编写技巧之性能优化

分类:Web之旅 | 发布者:Tim | 发布日期: 2010-3-27 
现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了,  比如我.  jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:
Tags: ,
2008年05月19日,绝大部分大型门户网站、百度、腾讯、网易、雅虎等等都把网站、网页改成了黑白灰色的样式
以示深切哀悼的心情。

这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。

十种用JavaScript处理图片的特别效果

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-5-14 
10种用JavaScript来进行处理图片的特别效果
前段时间网络上暇逛,在“可能吧”看到一篇“10个用能用JavaScript实现的图片特效”
然后连接到国外的一个叫Blog Oh Blog原文上。
感觉非常有趣,不需要Photoshop来进行处理,图片本身还是原来的图片
用JavaScript来自动对页面上的图片在原来的基础上处理显示出的特别效果
有需要玩玩可以体验下。

1、图片倒影效果(Reflex.js
这个脚本能使图片产生倒影的效果。效果如下:
点击在新窗口中浏览此图片
Tags: , ,

Flash视频全屏播放的ActionScript

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-4-1 
最近在深入学习Flash中!
在看56或者土豆的视频的时候。有一个全屏幕播放视频的按钮。

想要通过点击一个按钮然后全屏播放你的Flash,那么就需要用到ActionScript 2.0的一个语句来实现。
Tags: , ,

Flash网页在浏览器中全屏显示的详细方法

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-3-31 
点击在新窗口中浏览此图片
最近一段时间都在做毕业设计和帮忙制作“P&D品多卫浴”的产品展示网站。
都没有时间写写东西了。
不过在制作毕业设计和“P&D品多卫浴”这个网站的时候。
需要用到有单独Flash页面在浏览器中全屏显示。


最简单的方法就是:
先用Dreamweaver直接插入Flash。然后把里面的参数属性width和height设置成:width="100%" height="100%"
Tags: ,

博客SEO必知:搜索引擎Ping服务的一些地址

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-3-21 
Ping服务
Ping 服务是一种通知“博客搜索引擎”某一博客内容已经更新的通知服务。
当blog作者在发表更新文章时,这些更新将通知搜索引擎
使搜索引擎能及时以最快的时间内收录更新你Blog的文章。
以上能体现Ping服务对SEO的重要性。

Ping服务分
 - 手动Ping服务
 - 自动Ping服务

手动Ping服务
当发布或更新你的Blog文章后
在博客搜索引擎提供的手动Ping服务页面提交一次Blog的地址或Blog的RSS地址即可。

自动Ping服务
以博客搜索引擎提供的Ping Server API将Blog内容的更新通知给搜索引擎
无需每次更新Blog后都手动进行更新通知,这对于经常更新Blog内容的用户尤其有用。

......
Tags:

解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-2-22 
如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。

如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。

而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js
Tags: ,
分页: 1/3 第一页 1 2 3 下页 最后页 [ 显示模式: 摘要 | 列表 ]