WEB前端开发是不是深不可测？

互联网早期，javascript 也只是网页特效的代名词，HTML 页面本身没有引起太多人的关注，似乎只要能用 div 甚至 table 加 css 辅助把图片定好位，把页面内容预留好就 OK 了。随着互联网的发展，页面内容逐渐丰富、设计风格开始多样发展，交互复杂性增加，大家开始对最基本的页面又一次重视起来。浏览器的更新换代，各种浏览器的出现，让浏览器兼容成为必需。现在很多 web 项目功能复杂，代码规模也会变得很庞大，如何更好地进行协同开发和维护是我们面临的一个问题。

我们以此为切入点，一起看看前端的水有多深。

首先前端开发需要良好的页面结构

所谓的页面结构就好比盖房子的地基建设，其好坏会直接影响到 CSS 代码的质量、js 开发、后台开发还会影响到以后的页面拓展、迭代和页面调整。拿到视觉稿后，不要忙着动手开始，多观察思考。先分析布局，划分框架，然后规划结构，编写代码。特别在大型项目中，合理使用模块化的开发不论从整体进行还是拓展维护都有相当大的好处。

其次与设计人员深入的沟通

首先要抛出几个问题：设计师设计的某些效果对低端浏览器渲染效率影响大吗?部分效果可不可以通过CSS3来实现，从而使结构更加简单清晰。有没有在代码和视觉中寻追求过平衡?

所以，与设计人员的沟通很重要。页面前端的开发向基本用户，编写的代码也直接作用在浏览器上，我们有义务对页面的稳定性和渲染效率负责。我们也经常碰到项目在总体进度压力下导致的设计与页面前端开发同步进行，这时更有必要尽量多地获取项目信息，了解我们还要做些什么，这些可以帮助我们充分考虑重用和框架拓展。

最后提高项目效率问题

前端网页开发是项目中比较靠前的环节，只有网页搭建好了，后续很多事情才能进行，这就需要我们尽可能的提高工作效率。如何提高工作效率呢? “工欲善其事，必先利其器”，除了实战经验和代码习惯的形成可以帮助我们提高效率外，想要提高对自己开发的进度掌控能力，还有很多辅助工具可以帮助我们进行页面开发。比如使用 Less 或 Sass 可以帮助我们拓展和组织 CSS，大大提高 CSS 的编写效率增加了可维护性。比如可以通过 zen coding 的自动自动完成和自定义代码块让你可以剑指如飞。甚至还见过通过自定义输入法的代码块关键字来提升开发速度的。这些都需要不断的学习来实现。

附加一点：HTML5时代

HTML5时代的来临给互联网创造了更大的机会，有太多的东西值得我们去学习，去发现。HTML5 提供了丰富的 JS API 接口，需要我们去研究;CSS3的绚丽吸引了足够多的眼球，需要我们去研究;移动设备上如何开发更加适配的页面，需要我们去研究……

怎么样，看完这些，是不是觉得前端的水越舀越深，你还觉得Web前端学习是件简单的事情么?其实Web前端学习是个由浅入深的过程，研究的越深入才发现要学的东西越多。一入前端深似海，前端水深深几许，都在告诉你，保持饥饿状态，用眼睛去努力发现发掘，才能有所建树。在这里，借用苹果 CEO 在斯坦福演讲的一句话“Stay Hungry， Stay Foolish”，送给所有奋斗在前端的小伙伴们共勉~~