两年前端问题小结

一、前端css问题

1.内层使用浮动，外层高度为0，可以在内层最下边设置

，不过这样等于多了一个无意义的标签，可以在外层的样式上设置overflow:hidden;

二、前端js问题

1.动态加载的数据需要重新绑定事件，用js新加载的标签，用$('.new').click();点击事件不生效，需要使用$(document).on('click','.new',function(){})

2.判断ie浏览器版本：navigator.userAgent.indexOf("MSIE 8.0");

3.js加载会使浏览器呈现页面出现延迟，所以一般把js放body元素中页面内容的后面

4.在xhtml中小于号(<)会被当做新标签解析，用相应的html实体(<)替换小于号(<)

5.let声明的变量可以改变，const声明的变量不能改变，一旦声明const变量，就必须立即初始化，不能留到以后赋值

6.加性操作符：

(1)加法： var message="this is "+5+3;console.log(message);输出"this is 53"，因为加法操作是独立执行的，第一次加法将一个字符串和一个数值拼接，形成一个字符串，第二个加法拼接也是一样，如果想输出"this is 8"，则需要这样写：var message="this is"+(5+3);var result=5+"5";输出为"55"。

(2)减法： 如果有一个操作数是字符串、布尔值、null或undefined，则先在后台调用Number()函数将其转为数值，如果转换结果是NaN，结果为NaN。如果操作数是对象，则调用对象的ValueOf()取得该对象的数值，如果对象没有ValueOf()方法，调用toString()方法，并将得到的字符串转换为数值。5-true的结果为4

7.浏览器报Uncaught TypeError: Cannot read property 'length' of undefined错误除了基本语法错误的可能性外，如果length属性前的对象不存在也会报这种错误。

三、前端工具

1.编辑器：sublime、Notepad工具安装包小打开速度快，webstorm、visual studio code拥有很多插件方便编码，集成git可以团队协作，phpstorm更好的和php后台进行代码编写

2.接口测试工具：apizza

3.版本控制工具：分布式版本控制系统git和集中式版本控制系统svn