“JavaScript学习”目录存档

JavaScript实现菜单视觉标识

发布时间：2010年09月4日，星期六

以前写过一篇文章也是关于视觉标识的：《CSS实现视觉标识》。在这篇文章中我介绍了用CSS来实现视觉标识的效果，但是里面的DEMO只有一个页面，而且链接没有动态的参数。

(全文…)

标签：
发布在： JavaScript学习 | 9 条评论 »

JavaScript 正则表达式学习笔记<2>

发布时间：2010年06月27日，星期天

js-regular-expression-learning-part-two

那么今天继续了，上次我们熟悉了一下关于JavaScript正则表达式的一些基本匹配方式，今儿个咱来学习下String对象的一些和正则表达式有关的方法，关于这个应该不用多说，常用于表单的字符串验证。

(全文…)

标签：,
发布在： JavaScript学习, web前端关注 | 4 条评论 »

JavaScript正则表达式学习笔记<1>

发布时间：2010年06月24日，星期四

js-regular-expression-learning-part-one

刚刚收到李炎恢老师的弟子CJ写的一部JavaScript+Ajax+JQuery视频教程，对于我这种刚入门级的菜菜来说真是雪中送炭呀！今天看到了正则表达式章节，感觉老师讲得非常不错，做点笔记与大家分享，当然也做个免费广告哈：如果想购买此视频教程的话点击这里。绝对物超所值，现在网络上最新的关于JS的视频教程也就是这个了哦。

(全文…)

标签：,
发布在： JavaScript学习, web前端关注 | 22 条评论 »

纯JavaScript制作围棋棋盘

发布时间：2009年09月26日，星期六

同学们这次要让大家开开眼界啦。在上上上文中提到的书中有这样一个实例：用纯JavaScript制作一个围棋棋盘，本来以为很复杂，但看到作者给出的代码时就很惊讶，简简单单几行代码就能实现这样一个效果真是强大啊。

效果如下图：

js-chessboard

JavaScript代码如下：



for(var x = 0; x<19; x++){
for(var y = 0; y<19; y++){
	var div = document.createElement("div");
	document.body.appendChild(div);
	div.style.position = "absolute";
	div.style.width = "23px";
	div.style.height = "23px";
	div.style.left = x*23 + "px";
	div.style.top = y*23 + "px";

	var s = ((x-9)%9 ? 0 :(x-9)/9)+1 + (((y-9)%9 ? 0 : (y-9)/9)+1)*3;
	if(s==4&&(x/3)%2==1 && (y/3)%2==1) s="X";

	div.style.backgroundImage = "url(B" +s+ ".gif)";
}
}
}

短短十来行代码却凝结了多少经验和智慧，值得细细品味。

点这里看效果

标签：
发布在： JavaScript学习 | 12 条评论 »

推荐一本JavaScript方面的书

发布时间：2009年09月23日，星期三

昨天刚收到amazon的平邮书籍：悟透JavaScript<李战 著> , 网页设计解析<周陟 著>。前者原本在在别人博客上看有很多人推荐就慕名买下了。刚看一天，感觉非常不错值得推荐给大家阅读。

JavaScript的重要和强大自然不言而喻，如果你喜欢JavaScript或者是喜欢网站前端开发。作为一个非常实用而且流行的编程语言，这将是你的必须课。

悟透javascript

悟透javascript

后者(网页设计解析)还没来得及看，如果感觉好的话我会给大家介绍一下的。里面有几部非常强大的视频教程等我上传到网站上后也一起发出来给大家分享。

标签：
发布在： JavaScript学习 | 20 条评论 »