浅谈web前端开发

       有部分同窗和朋友问到过我相关问题。利用周末我就浅浅地谈谈我对web前端开发的理解和体会，仅仅能浅浅谈谈，高手请本身主动跳过本篇文章。

毕竟我现在经验并不是很是足，连project师都算不上，更不用说大牛了。今天也不谈技术。技术很是多人比我掌握得更好，也大同小异。但是每个人的理解体会是不同的。

     对前端开发的三个总体理解和体会

       我对前端开发的总体体会有三：

       第一：杂而难，难度甚至超过了通常的后台开发，假设有人认为前端开发简单仅仅能说明他尚未入门。

       第二：web前端开发正在向响应式和移动端方向大步迈进。

       第三：前端project师事实上就是编程技术人员，用一句话来形容“比UI设计懂技术，比技术人员更懂交互”。固然也有人说前端project师是project师中的设计师，是设计师中的project师。既然是编程工做。那就不会作一生。毕竟太累。认真敲几年代码而后去卖水果吧，还望师弟师妹们来照应我生意。

       网页制做与web前端开发

       前端开发project师是一个比較新的职业。在国内乃至国际上開始受到重视的时间不超过几年。互联网进入2.0时代后，web开发技术获得了空前的发展，尤为是前端技术。近几年，随着用户对体验的要求愈来愈高，前端开发技术难度也愈来愈大。之前设计和制做不分的职位也最终分为UI设计师和web前端开发project师（前端开发师）两个职位。分别向艺术和技术的方向纵向发展。

       从技术体系上讲，前端开发师需要掌握和了解的东西许多。有些大牛用庞杂来形容。

       几年前，尚未前端开发的时候咱们叫作网页制做，主要内容都是静态的页面。用户也是以浏览为主，而现在发生了翻天覆地的变化，网页再也不仅仅是承载单一的文字和图片，各类富媒体让页面内容更加生动，更注重用户体验。

       曾经会平面设计软件、DW和简单的HTML、CSS、JS就可以制做网页，现在只掌握这些已经远远不够了，假设只掌握这些连工做机会都很是少。无论是开发难度。仍是开发方式。现在的web前端开发都接近传统的站点后台开发。我以为比通常的后台开发更复杂。一个站点或者移动应用是否专业、功能是否强大。server端是用J2EE+Oracle组合仍是ASP+Access组合。并无太明显的差异，但是，前端的用户体验却给了用户直观的印象。因此现在不不过网页制做。而是web前端开发。大部分人以为是web前端开发代替了曾经的网页制做，我以为现在网页制做和web前端开发的岗位同一时候存在。

假设只掌握曾经网页制做的技术，那么现在仍是叫网页制做师（我在招聘网页上也看到很多网页制做师这个岗位），并不能称之为web前端project师。

       Web前端开发通常要掌握哪些技术和具有哪些条件？

       第1、要掌握之前网页制做师掌握的基本技术。如各类页面布局，面向对象编程，JS模块化编程。设计模式，前端MVC等等。

       第2、站点性能优化，SEO。如尽可能下降HTTP请求次数、cssSprites图片整合技术、合并css与js、运用CDN技术。下降DNS查找次数、避免重定向等。

       第3、要会UI设计。固然在一些相对较小的公司前端project师也担任着UI设计的角色。在大公司尽管有专业的UI设计师，但是前端project师会UI设计能帮助你更准确的理解设计师的意图。在原型不完整的时候也能正确的反馈设计缺陷，将问题阻挡在设计的环节，会大大下降UI bug数量。比方。设计师会给出理想状态下的容器样式，却每每忽略了文字溢出折行、长连续字符、容器宽高是否适应内容尺寸变化而变化，溢出部分是做截字仍是隐藏等诸多细节，因为设计师不必定懂“边界值測试”的道理，而这些问题每每在測试阶段才被发现，因此，假设能在拿到UI设计稿时就提醒设计师补充完整这些场景，天然下降測试回归次数。

      第4、至少要会一门后台编程语言。职业的特殊性决定了咱们需要跟后端工做者频繁的沟通。假设仅仅顾页面实现，不考虑后台。写出来的页面也有一部分是废弃代码，在后台进行数据交互的时候用不了。另外一方面就是从招聘信息可以得知。现在差点儿所有公司前端开发岗位都明白要求会后台语言，在实际工做中可能也要作client和server端之间的数据交互等。

      第5、掌握各类浏览器兼容解决的方法。国内和国际主流浏览器种类多，内核不统一，如以Trident为内核的IE、以Gecko为内核的FireFox、以Presto为内核的Opera、以Webkit为内核的google chrome和Safari等。这给咱们前端开发添加了很是多困难，也是大多数人头疼的事情。且不说眼下市面在有这么多的浏览器，就只单一的IE系列家族的问题也够多的了，特别是IE6，IE7。下图是本月对上个月全球浏览器市场统计排行，IE浏览器用户任然超过百分之五十。虽然2016年1月起，微软将中止对旧版IE浏览器的支持。【微软相关原新闻连接请猛击这里】 但是我相信近期很是多年以内IE低版本号浏览器仍是会占比較大的比例。消亡还需时日。

      第6、必须学会运用各类工具进行辅助开发。

      第7、除了掌握技术层面的知识。还有掌握理论层面的知识。包含渲染原理。代码的可维护性，组件的易用性。分层语义模板等等。

      第8、要有细心和耐心。和UI设计同样，咱们必须精确到每一个像素，耐心也体现在多方面，比方让初期开发人员头疼的兼容问题，假设编码不够规范，解决兼容问题的时间远远超过了页面实现的时间。

      第9、热爱并不断学习新技术。

前端差点儿天天都有新技术产生，从事这一行，在打牢基础的状况下要不断学习新技术。包含开发流程部署，预处理技术，前端框架(如RequireJS、ReactJS、AngularJS等等)，移动终端，标准规范等。

      浅谈本身的体会

       与server端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。因此现在有很是多学生或者已从事工做了的人都開始想涌入web前端开发的潮流，并自学成“才”。但我知道大多数人都停留在会用的阶段。因为要想成为一名真正的web前端开发师每前进一步都很是难。虽然有的人天天都利用工做之余学习。却仍是学不精，因而处于纠结迷茫的状态。还有一方面，正如开篇所说。这仍是一个比較新的职业，对一些规范和最佳实践的研究都处于探索阶段，一些新的技术随时都会闪现出来，好比：浏览器大战也愈来愈白热化，跨浏览器兼容方案依旧五花八门，眼下我所在的公司通常要求咱们兼容到IE7，曾常常常遇到这样的状况。好不easy把IE各个版本号都兼容了，高兴之余又发现在360浏览器上出现了bug。没办法，熬夜奋战呗。

       前端开发project师是一个易学难精的职业，咱们必须深刻、系统地学习并掌握前端知识，假设简单地自学一下就能成为web前端project师。那我想现在市场上也不会出现高薪找不到前端project师的状况了。有经验的web前端开发project师都知道，要精通这一行，必须先精通十行。有一些有经验的前端project师，在不断寻求新的技能上的突破，最明显的一点体现是。開始关注“底层协议”，即HTTP、第三方应用、系统对接、制造工具、工做流程等，这时思考的重点已经脱离了“切页面”，变为“出方案“，比方要架设一个网站，能够搭建网站框架，预见网站兴许（前端）开发中的所有风险。并一一给出解决方式。

       说说半路出家的危与机，俗话说。隔行入隔山。每个行业自有其道。天然不是想作就作。

前端技术领域半路出家者很是多，咱们来分析一下转行的心理。

第一。看到前端技术入门简单、互联网对前端技术的需求缺口大；第二，前端技术所见即所得、感受学习起来很是快；第三。我身边的某某转行做前端看上去不错、我彷佛也可以。第四，我不喜欢我现在作的工做、想换行业、正好前端技术上手较快。就选他吧；固然还有第五，个人确了解并喜欢作Web前端。为它付出再多都是值得的。

       新进入这一行或者转行者的心态比較easy走两个极端。一是仅仅看到新行业的好，二是仅仅认为原工做很是糟糕。

但不管是什么行业，对本身的职业规划的思考都应当先行一步。进入这一行必须先清晰的回答这些问题：

      1.我能作什么？

      2.我不能作什么？

      3.个人优点是什么？

      4.个人劣势是什么？

      5.作这一行对我有何优势？

      6.作这一行会让我付出何种代价？

      7.怎样定义成功？

      因为面试的时候必定会被这些问题所挑战。假设支支吾吾说不清楚，要么是对本身将来不负责任，要么骨子里就是草根一族，习惯作什么都走马观花浅尝辄止。也难让人信服你进入这一行是一个权衡再三看起来合理的选择。

     相关误区解释

      有人以为前端project师上班不干别的。就是玩，弄点效果。攒两页面，搞点创新。固然这个表述很轻巧、甚至有调侃的味道，web前端工做绝对不是玩那么简单的。更不像之前的网页制做那么单一，有时候会为一些效果的实现或优化，弄得加班加点。上周还因为解决一个问题花了2天的时间。羞愧啊。

因此前端开发是一项很特殊的工做，前端project师的工做说得轻松，看似轻巧，但作起来绝对不是那么的简单。在开发过程当中涵盖的东西很宽广，既要从技术的角度来思考界面的实现，规避技术的死角，又要从用户的角度来思考，如何才干更好地接受技术呈现的枯燥的数据，更好的呈现信息。

      在入行初期。很是多人过于着迷。从而陷入了迷途。比方有人纠结因而否将dt、dd的样式清除从reset.css中拿掉，缘由是认为这两个标签的清除样式会耗费一些渲染性能。或者是否需要将for循环改成while循环以提升js运行速度。虽然这些考虑看上去是合理的，但并不是性能的瓶颈所在，也就是说。你花了很是大力气重构的代码带来的页面性能提高，每每还不如将两个css文件合成一个带来的提高明显。就比如用一把米尺量东西，不是必需精确到小数点后10位，因为精确到小数点后2位就已是不许确的了。这样的技术误区常常让人捡了芝麻丢了西瓜。

     对本身学习和工做的要求

      N.C.Zakas之前勉励过你们，现在成为了我对本身的要求和对已结肯定要走Web前端开发方向的人的建议：热爱你的工做。热爱跨浏览器开发带来的挑战、热爱互联网技术的种种异端，热爱业内的同行，热爱你的工具。互联网发展太快了，假设你不热爱它的话，不可能跟上它的步伐。

这意味着你必须多阅读。多动手，保证本身的才干与日俱增。要为怎样编写易于维护、高质量的前端代码奋斗。

下了班也不能闲着。要作一些对本身实用的事儿。

可以參与一些开源软件的开发，读读好书，看看牛人的博客。经常參加一些会议，看看别人都在干什么。

要想让本身高速成长，有很是多事儿可以去作，相信付出必定会有回报。

         此次就分享到这里。一个上午就这样过去了，饿了，该去作中午餐了。关于前端开发详细相关技术和详细怎么学习发展下次我会继续分享。

         最后，因时间仓促。资质有限，文中表述仅表明我的观点，不许确的地方还望见谅，欢迎严厉地指正。