本人觉得这个游戏给 http://www.seven2.com.cn/archives/720 哪个还要难玩。
近期本人没有什么事做，经常 google 一些没什么用的东西，而自己老是把这些没什么用的东西发到自己的 Blog 中，以便日后自己查阅，今日也找来一篇关于命名规则的文章，不是给小孩或公司的命名规则，而是自己在开发项目用到的，以前自己做项目时都是跟据自己当时想到什么就用什么命名的，这样会给自己以后修改或接手这个项目的人带来一些麻烦，嘻嘻，我还是费话少说进入主题吧。希望这篇文章对你也有一点儿用处吧。
CSS命名规则
头：header
内容：content/containe
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左 右 中：left right center
登录条：loginbar
标志：logo
8，尽量使用ID代替Class。
前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。
看下面的一个例子：
// 创建一个list
var $myList = $(‘#myList’);
var myListItems = ‘<ul>’;
for (i = 0; i < 1000; i++) {
myListItems += ‘<li class=”listItem’ + i + ‘”>This is a list item</li>’; //这里使用的是class
}
4，对直接的DOM操作进行限制
这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。
这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。
例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：
var top_100_list = [...], // 假设这里是100个独一无二的字符串
$mylist = $(“#mylist”); // jQuery 选择到 <ul> 元素
for (var i=0, l=top_100_list.length; i<l; i++){
$mylist.append(“<li>” + top_100_list[i] + “</li>”);
}
1，总是从ID选择器开始继承
在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码：
<div id=”content”>
<form method=”post” action=”#”>
<h2>交通信号灯</h2>
<ul id=”traffic_light”>
<li><input type=”radio” class=”on” name=”light” value=”red” /> 红色</li>
<li><input type=”radio” class=”off” name=”light” value=”yellow” /> 黄色</li>
<li><input type=”radio” class=”off” name=”light” value=”green” /> 绿色</li>
</ul>
<input class=”button” id=”traffic_button” type=”submit” value=”Go” />
</form>
</div>
一些简单的代码简化
下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。
清单 1. 没有使用 jQuery 的 DOM 脚本
var external_links = document.getElementById(‘external_links’);
var links = external_links.getElementsByTagName(‘a’);
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm(‘You are going to visit: ‘ + this.href);
};
}
阅读全文…
广告赞助商
-
广告赞助商
