关于前端开发需要必备的常识

1.凡是涉及到列表等数据不确定的页面是，必须采取分页或者下拉加载处理。

2.在做项目中一定要注意一下问题：<1>不要以中文命名文件和图片等;<2>不要出现特殊字符，尤其是#，￥，$，&，*，{}，【】;<3>不要出现全角字符;<4>只能出现大小写字母，数字，下划线等。

3.公共样式或者公用页面要提出来定义一个public页面或者样式等来减少代码量，具体操作，如果是样式的话就用link引入，js就用script引入，如果是一个页面或者共用元素我们可以使用iframe引入，或者采用include引入，或者使用jquery的load（）方法和$.get()方法。

$(selector).get(url,data,success(response,status,xhr),dataType)该方法也可以获得页面。eg:$.get("a.html").

iframe样式:<iframe src="url" runat="server" height="" width="" frameborder="no" border="0" scrolling="no" 

allowtransparency="yes" marginheight="0" marginwidth="0"> frameborder:0 无边框 1 显示边框; scrolling:yes 

显示滚动条 no 不显示滚动条; allowtransparency:yes 背景透明 no不透明; runat="server" iframe跳转页面可在当前

iframe中跳转。

4.$(this)遇见ajax会失效，处理方法是:声明一个变量代替它var that =$(this),在ajax中需要使用到$(this)时用that代替即可。

5.像settimeout,setinterval等如果遇到跳页会失效。

6.不同浏览器的默认padding和margin不同会出问题，解决方案：样式重置。*{margin:0;padding:0}.

7.处理各浏览器的样式可以采用hacker。IE6认识的hacker是下划线和星号，IE7和遨游认识的是星号，谷歌火狐等不识别下划线和星号。

8.使a链接的href属性不执行的方法：加上点击事件，它的运行顺序是先执行点击事件，其次才是href属性下的动作，要想阻止href属性的跳转，点击事件需要有一个false的返回值。具体如下：<a href="url"  target="" onclick="del();return false;">删除</a>.

9.某些情况下，你需要让a链接失效，但是对于一些a链接你却还需要用到它，此时的处理方法是：找到你需要继续跳转的a链接的父级元素，然后使用location.href方法。具体如下：$('a父级').on("click","a",function(){document.location.href=this.href;});