容易出错的几个点
1.<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML
或 XHTML 规范。
2.行内元素有 span a strong 块 div h1 ul
行内元素特性
设置宽度width 无效。
设置高度height无效，可以通过line-height来设置。
设置margin只有左右margin有效，上下无效。
设置padding只有左右padding有效，上下则无效。
3.jsonP
一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务
、WCF，只要是跨域请求，一律不准；
当两个域具有相同的协议(如http),
相同的端口(如80)，相同的host（如www.example.org)，那么我们就可以认为它们是相同的域。比如
http://www.example.org/index.和http://www.example.org/sub/index.是 同域，而http://www.example.org,
https://www.example.org, http://www.example.org:8080, http://sub.example.org中的任何两个都将构成跨域
。
JSONP (JSON with Padding)是一个简单高效的跨域方式，HTML中的script标签可以加载并执行其他域的JavaScript
，于是我们可以通过script标 记来动态加载其他域的资源。例如我要从域A的页面pageA加载域B的数据，那么在域B
的页面pageB中我以JavaScript的形式声明pageA 需要的数据，然后在pageA中用script标签把pageB加载进来，那么
pageB中的脚本就会得以执行。JSONP在此基础上加入了回调函 数，pageB加载完之后会执行pageA中定义的函数，所
需要的数据会以参数的形式传递给该函数。JSONP易于实现，但是也会存在一些安全隐患，如果 第三方的脚本随意
地执行，那么它就可以篡改页面内容，截获敏感数据。但是在受信任的双方传递数据，JSONP是非常合适的选择。
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
4.common.js定义函数模板， $.bindCitySuggestion = function(nodeSelector, options) {…… if (options &&
options.callback) ……options.callback({'provinceName':provinceData, 'cityName':cityData,
'provinceValue':normalize(provinceData), 'cityValue':normalize(cityData);}
$.bindCitySuggestion('#search_assistant_keyword_locations_input', {provinceSuggestion:true,
callback:suggestionKeywordLocationsSelected});
function suggestionKeywordLocationsSelected(data){
element.data('name', data.cityName).data('value', data.cityValu
common.js 文件里定义函数模板，这里用callback，这里调用callback 向callback传入自己本作用域的参数
basic_search.js里调用函数，这里用callback对应的名字suggestionKeywordLocationsSelected ，只是一个
简单的调用，suggestionKeywordLocationsSelected里用callback调用时传入的参数
