学习前端的一些小技巧

编辑器的选择，推荐webstorm，觉对的神器

1.可以分屏，左右同时编辑两个文件，比如左边编辑html，右边编辑它的css/js。

2.代码提示很人性话，分级结构也很清洗。

3.方便查找，如ctrl+点击类名，就可自动定位到该css样式。

4.支持自定义模版，这样快速开始完成一些经常用到的代码。

5.支持个性化主题，字体等。

6.强大的插件库，自己去选吧。

7 .ctrl+/,注释所选区域。

布局。提到布局最头疼就是浏览器兼容性，现在才发现其实很多兼容性其实是很容易避免的，只要做到你对自己的每一句代码都知道它的意义和作用，还有避免用一些有兼容性的样式属性就行了，很多情况都可以不用hack，一样能实现多浏览器兼容。

1.不要用hack，一定有更好的解决办法。很多情况都是因为代码结构不够好才会出现兼容性问题。

2. 思考如何用最少的标签及属性实现页面。

3.理解结构，表现，行为分离的意义。

4. 布局前一定要先分析页面结构，磨刀不误砍柴工，分析怎么用更好的办法实现，理清思路后，再切图写代码。

5. 深刻理解类的概念，注重归类元素，多总结，保持代码风格（包括前后代码的空格位置、多少，以及命名风格）严格一致并且尽量简洁。

6. 多用组合，少用继承。

7. 命名空间：驼峰命名法用于区别不同单词，划线用于表明从属关系。

8.低权重原则------避免滥用子选择器(即类似#test span这样的选择符)