多学、多看、多听、多练、多思考、多给自己提问，不断的学习和提升自己的能力，

堂主

多写只是基本，在多写的基础上还要思考、总结和提炼。最重要的，我个人认为还是基础一定要打好，比如说基于 CSS 的布局技术，大家都很熟悉，很可能会脱口而出浮动和定位，那除此之外还有什么布局技术？这些布局技术的优劣势各是什么？每种布局技术各适合什么场合不适合什么场合？

再比如浏览器，对浏览器渲染问题的总结到位不到位？能否说出已知的浏览器兼容性 bug 和对应的解决方案？以及在此基础上的为什么用某种方法就能解决这个问题，背后的原理是什么？

是的，细节一定要扣透，很多前端的同学只是停留在“我知道遇到这个问题应该怎么做”，但他们不知道为什么要这么做。最简单的例子就是都知道“overflow:hidden”可以清除浮动挽救高度塌陷，但是什么原理使得这个方法可以做到这一点呢？或者又是因为浏览器如何渲染才导致 clear 属性可以清除浮动呢？如果基础扣得细，这里会知道设置了 clear 属性的元素会通过自动填满（补足）其上外边距（margin-top）来实现视觉上的清除浮动，所以设置了 clear 属性来清除浮动的元素，如果对其设置 margin-top 会不起作用。那再换个问法，什么情况下 margin-top 会不起作用呢？答案又能列出多少条？

基础是非常重要的，因为很多时候出现问题，都会发现是自己对基础知识了解不清。这不单单是指 CSS 元素，我发现 80%以上的兼容性问题可以追溯到结构代码写的不规范不标准。错误和冗余的套嵌易导致很多意料外的问题。

作者：堂主 链接：https://www.zhihu.com/question/19554845/answer/12447546 (opens new window)

千锋教育

怎样才能做到优秀？

1，不要只是解决问题，找到问题的根源所在我会经常问别人：“为什么你要在这里加一个 float: left ？” 或者 “这个 overflow:hidden 真的需要吗？”，然后他们会回答：“我不知道，但是如果我删掉他们，就出问题了”， 如果你从来不花时间去了解问题的根源所在，你会发现你会一遍一遍的遭遇同样的困境

2，阅读其他人的代码，无疑是成为一个更好的开发者的最好方式自己解决问题是学习的最好方式，但是如果这些问题都是你以前解决过的，你很快就会进入平稳期（很难有上升的空间）。阅读其他人的代码可以为你打开处理问题的新思路。而且阅读和理解别人写的代码的能力也是在跟团队合作或者参与开源项目时至关重要的能力。

3，为自己觅得一个靠谱的师兄 Web 前端技术有一些江湖气，知识点过于琐碎，技术价值的博弈也难分伯仲，这些因素也客观上影响了“正统”前端技术的沉淀！前端技术知识的传承也过于泛泛，新人难看清时局把握主次。因此，在前端技术领域，为自己觅得一个靠谱的师兄，重要性要盖过项目，团队，公司，甚至薪水。

4，把你学到的东西写下来最后，你应该把你学到的东西写下来并且要多练，因为这样可以强迫你好的理解你所学的东西。

链接：https://www.zhihu.com/question/19554845/answer/298425678