容易出错的几个点

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调用时传入的参数

原文地址:https://www.cnblogs.com/mabelstyle/p/2994770.html