1. 多写。很多问题都是积累得来的。写了，遇到了，才能去真正理解解决方案，才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容解决方案，为什么一看就出的时候，我只能告诉他，我写了 20 几个 Wordpress 主题。-，-
2. 看书。看 BLOG 或者一些网上的教程，都很难让你全面理解一个东西的。坚持看书，至少前端相关的语言都看一本。CSS 的推荐 《精通CSS》，JS 推荐 《Javascript 高级程序设计》现在都是第 2 版了。
3. 读 BLOG。最后你会发现，很多东西大家都会。但只有某些人才解决得了某些细节性的东西，这些人就是我们所谓的高手。很大牛在 BLOG 不会写一些简单的 List, 而是针对某个问题深入研究。这时看 BLOG 对于进阶非常有帮助。
4. 去学一门后端语言。怎么说呢，实际用到会很少。但会很有利于一些问题的理解。比如 Ajax。还有 HTML5 中像 Web sockets、post message 之类的 API。
5. 去用很多产品，至少去爱一个产品。你不止是一个前端，你还应该是一个设计者，去用很多产品，你才会发现技术为什么有用，去爱一个产品，你才会把技术用得更好。
好吧，这是我的个人看法。一个法学院毕业自学前端的别人面前的专业前端攻城师的做法。
细节一定要扣透，很多前端的同学只是停留在“我知道遇到这个问题应该怎么做”，但他们不知道为什么要这么做。最简单的例子就是都知道“overflow:hidden”可以清除浮动挽救高度塌陷，但是什么原理使得这个方法可以做到这一点呢？或者又是因为浏览器如何渲染才导致clear属性可以清除浮动呢？如果基础扣得细，这里会知道设置了clear属性的元素会通过自动填满（补足）其上外边距（margin-top）来实现视觉上的清除浮动，所以设置了clear属性来清除浮动的元素，如果对其设置margin-top会不起作用。
那再换个问法，什么情况下margin-top会不起作用呢？答案又能列出多少条？
基础是非常重要的，因为很多时候出现问题，都会发现是自己对基础知识了解不清。这不单单是指CSS元素，我发现80%以上的兼容性问题可以追溯到结构代码写的不规范不标准。错误和冗余的套嵌易导致很多意料外的问题。 |
|
收藏
淘帖
踩
