1.在html文件中，<head>部分用来放置css , js的链接 ,和title。
<script
type="text/javascript"src="/gw/static/js/base.js"></script>
<link
rel="stylesheet" type="text/css" href="/gw/static/css/station.css">
注意：共有的css和js的封装很重要。最好不同的页面可以调用同一个css。如果有特殊的元素有特殊的要求，只要对他们进行分类，对这个特殊的class进行处理就好了。
至于特殊的页面，也可以定义单独的script脚本。
2. 在body部分中。完全按照div来进行分层。有的地方，需要贴上合适大小的图，来进行分块。
3. 关于url。 如果点击不同的标签，要产生不同的url。可以为点击的元素加上属性标识它的序号。this.属性。不同的语言中，标识这个标签序号的方法不同。产生url，最后最好加上random string。不然ie浏览器很容易将它作为同一个请求处理而忽视。
4.ajax的get方法 和 post方法的区别：
get请求，向服务器获取数据。在url的末尾，添加？a = b
来传递参数。通过url就可以看到传递的参数。相比于post，它不安全，而且传递的参数不能太长。
post请求，多用在表单提交的地方。
jquery设置ajax的细节，如超时等。
$.ajax({
type: "GET",
url:
"ajaxpage.php",
data: {username:$("#username").val()},
timeout:
3000,
error: function() {
alert("error!");
},
success:
function(data) {
$("#ajaxdata").html(data);
}
});
5.根据本元素找子元素（往往在一个tr中找td）。children方法和find方法。find方法获取所有的子元素，而children方法只获取下一级元素。DOM树的概念，元素的层级。
注意，jquery选择器中，选择元素都是(" ")。
6.xml与html的区别。
xml是用来传输数据，而html用来格式化的显示数据。
7.js的封装。
如果一个页面调用两个js文件，两个js文件是可以互相调用函数的。
$(document).ready()(function() //一加载就调用如下函数。
init();
$(window).resize(set_css);//在窗口重新调整大小的时候，set_css。
);
或者在<body window.onload=""></body>中，一加载就调用函数。
8.处理json。
前台，var report = JSON.parse(data);//解析json格式的数据。report就可以当作数组来调用，而且每个元素都是键值对。
9.jquery动态生成元素的方法，主要用到append("html")和appendTo("#id")方法。
var table = $("<table></table>"); //此时可以使用table了。
//table.empty(); caption.text(); caption.attr("id","xx");
table.append(caption);
table.append(head);
table.append(body);
table.append(caption)
js sprintf方法。可以将特定的值套用到模版当中去。
var rowTemplate =
"<tr><td>%s</td><td>%s</td><td>%s</td><td>%s</td>
<td>%s</td><td>%s</td></tr>";
row =
sprintf(rowTemplate,“”，“”，“”，“”，“”，“”);
rowobj = $(row)
10. 注意，在整个html中，不能有重复的id。
11.注意，js判断传过来的元素是否为空，有时候是bool值，有时候是undefined。
最简单的判断方法：if(x) if(!x)
12. 注意，jquery的bind方法和unbind方法。使用bind方法时，会重复绑定。所以先unbind再bind。
13.html中的空格是
14.判断是否是ie浏览器，最简单的方法：
if(!+[1,])alert("这是ie浏览器");
15.属于ie的bug: ie的div height不得小于12px。解决方法：overflow属性。overflow:hidden。
16. 两个元素，在一条线上显示：display:inline。
17.nowrap = true 禁止自动换行。
18.元素的布局。绝对布局(position fixed)。相对布局（float）。
心得。
前台与后台调试的时候，慢慢来不着急，先界定是哪边出现的问题。这是配合的事情，给对方时间。
学会阅读英文的API。W3C的教程和Jquery的教程，英文版比较好。
遇到需求，遇到问题，就是提高的时候！
程序测试非常关键。自己做出来的东西，自己去测试！测试的时候，要明白测试的目的是什么。
和老板沟通的问题。你要知道老板的需求，让老板知道你的完成的进度。
原文：http://www.cnblogs.com/turning/p/3656102.html