1. 首页
  2. IT资讯

史上最6的程序员对web前端的理解和体会!

“u003Cdivu003Eu003Cpu003E身为一个程序员我自己也想来说说自己在这个行业的体会,很多同学问我从事这个行业前景如何,我认为在这个行业是必须感觉对这个领域感兴趣比如说前端,我从事了有3年了觉得自己更需要努力,希望同学们或者各位小伙伴听听我下面写的一些对我自己的建议!u003Cbru003Eu003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F15253170146086f670f363a” img_width=”640″ img_height=”427″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E我对前端开发的总体体会:u003Cu002Fpu003Eu003Cpu003E前端工程师其实就是编程技术人员,用一句话来形容“比UI设计懂技术,比技术人员更懂交互”,当然也有人说前端工程师是工程师中的设计师,是设计师中的工程师。既然是编程工作,那就不会做一辈子,毕竟太累。认真敲几年代码然后去卖水果吧,还望师弟师妹们来照顾我生意。u003Cbru003Eu003Cu002Fpu003Eu003Cpu003EWeb前端开发一般要掌握哪些技术和具备哪些条件?u003Cu002Fpu003Eu003Cpu003E要会UI设计。当然在一些相对较小的公司前端工程师也担任着UI设计的角色。在大公司虽然有专业的UI设计师,但是前端工程师会UI设计能帮助你更准确的理解设计师的意图,在原型不完整的时候也能正确的反馈设计缺陷,将问题阻挡在设计的环节,会大大减少UI bug数量,比如,设计师会给出理想状态下的容器样式,却往往忽略了文字溢出折行、长连续字符、容器宽高是否适应内容尺寸变化而变化,溢出部分是作截字还是隐藏等诸多细节,因为设计师不一定懂“边界值测试”的道理,而这些问题往往在测试阶段才被发现,所以,如果能在拿到UI设计稿时就提醒设计师补充完整这些场景,自然减少测试回归次数。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F6ee60004aee1a0df49a9″ img_width=”1280″ img_height=”961″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E网页制作与web前端开发u003Cu002Fpu003Eu003Cpu003E前端开发工程师是一个比较新的职业,在国内乃至国际上开始受到重视的时间不超过几年。互联网进入2.0时代后,web开发技术得到了空前的发展,尤其是前端技术。近几年,随着用户对体验的要求越来越高,前端开发技术难度也越来越大。曾经设计和制作不分的职位也终于分为UI设计师和web前端开发工程师(前端开发师)两个职位,分别向艺术和技术的方向纵向发展。u003Cu002Fpu003Eu003Cpu003E从技术体系上讲,前端开发师需要掌握和了解的东西非常多,有些大牛用庞杂来形容。u003Cu002Fpu003Eu003Cpu003E几年前,还没有前端开发的时候我们叫做网页制作,主要内容都是静态的页面,用户也是以浏览为主,而现在发生了翻天覆地的变化,网页不再只是承载单一的文字和图片,各种富媒体让页面内容更加生动,更注重用户体验。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F1525317014601185e921042″ img_width=”640″ img_height=”416″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E以前会平面设计软件、DW和简单的HTML、CSS、js就可以制作网页,现在只掌握这些已经远远不够了,如果只掌握这些连工作机会都很少。无论是开发难度,还是开发方式,现在的web前端开发都接近传统的网站后台开发,我觉得比一般的后台开发更复杂。一个网站或者移动应用是否专业、功能是否强大。服务器端是用J2EE+Oracle组合还是ASP+Access组合,并没有太明显的区别,但是,前端的用户体验却给了用户直观的印象。所以现在不仅仅是网页制作,而是web前端开发。大部分人认为是web前端开发取代了以前的网页制作,我认为现在网页制作和web前端开发的岗位同时存在。如果仅仅掌握以前网页制作的技术,那么现在还是叫网页制作师(我在招聘网页上也看到不少网页制作师这个岗位),并不能称之为web前端工程师。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1525317014598111532e0e8″ img_width=”640″ img_height=”427″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E浅谈自己的体会u003Cu002Fpu003Eu003Cpu003E与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以现在有很多学生或者已从事工作了的人都开始想涌入web前端开发的潮流,并自学成“才”,但我知道大多数人都停留在会用的阶段,因为要想成为一名真正的web前端开发师每前进一步都很难。尽管有的人每天都利用工作之余学习,却还是学不精,于是处于纠结迷茫的状态。另一方面,正如开篇所说,这还是一个比较新的职业,对一些规范和最佳实践的研究都处于探索阶段,一些新的技术随时都会闪现出来,例如:浏览器大战也越来越白热化,跨浏览器兼容方案依然五花八门,目前我所在的公司一般要求我们兼容到IE7,以前经常遇到这种情况,好不容易把IE各个版本都兼容了,高兴之余又发现在360浏览器上出现了bug,没办法,熬夜奋战呗。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1525317014609365162aa16″ img_width=”640″ img_height=”398″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E第四、至少要会一门后台编程语言。职业的特殊性决定了我们需要跟后端工作者频繁的沟通。如果只顾页面实现,不考虑后台,写出来的页面也有一部分是废弃代码,在后台进行数据交互的时候用不了。还有一方面就是从招聘信息可以得知,现在几乎所有公司前端开发岗位都明确要求会后台语言,在实际工作中可能也要做客户端和服务器端之间的数据交互等。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1525317014870cb8aa12a98″ img_width=”640″ img_height=”427″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E第五、掌握各种浏览器兼容解决办法。国内和国际主流浏览器种类多,内核不统一,如以Trident为内核的IE、以Gecko为内核的FireFox、以Presto为内核的Opera、以Webkit为内核的google chrome和Safari等,这给我们前端开发增加了很多困难,也是大多数人头疼的事情,且不说目前市面在有这么多的浏览器,就仅仅单一的IE系列家族的问题也够多的了,特别是IE6,IE7。下图是本月对上个月全球浏览器市场统计排行,IE浏览器用户任然超过百分之五十。尽管2016年1月起,微软将停止对旧版IE浏览器的支持。但是我相信最近很多年之内IE低版本浏览器还是会占比较大的比例,消亡还需时日。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F152531701481598c2d77284″ img_width=”640″ img_height=”341″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E第六、必须学会运用各种工具进行辅助开发。u003Cu002Fpu003Eu003Cpu003E第七、除了掌握技术层面的知识,还有掌握理论层面的知识。包括渲染原理,代码的可维护性,组件的易用性,分层语义模板等等。u003Cu002Fpu003Eu003Cpu003E 如何才能做得更好呢?u003Cu002Fpu003Eu003Cpu003E  必须掌握基本的Web前端开发技术,其中包括:CSS、HTML、DOM、BOM、Ajax、JavaScript等,在掌握这些技术的同时,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。u003Cu002Fpu003Eu003Cpu003E 在一名合格的前端工程师的知识结构中,网站性能优化、SEO和服务器端的基础知识也是必须掌握的。,必须学会运用各种工具进行辅助开发。u003Cu002Fpu003Eu003Cpu003E  第四,除了要掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持,等等。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F6ee900009956e80e73b5″ img_width=”1280″ img_height=”816″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E前端开发工程师是一个易学难精的职业,我们必须深入、系统地学习并掌握前端知识,如果简单地自学一下就能成为web前端工程师,那我想现在市场上也不会出现高薪找不到前端工程师的情况了。有经验的web前端开发工程师都知道,要精通这一行,必须先精通十行。有一些有经验的前端工程师,在不断寻求新的技能上的突破,最明显的一点体现是,开始关注“底层协议”,即HTTP、第三方应用、系统对接、制造工具、工作流程等,这时思考的重点已经脱离了“切页面”,变为“出方案“,比如要架设一个站点,能够搭建站点框架,预见站点后续(前端)开发中的所有风险,并一一给出解决方案。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F152531701486552d3d1a8ba” img_width=”640″ img_height=”526″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E在入行初期,很多人过于着迷,从而陷入了迷途。比如有人纠结于是否将dt、dd的样式清除从reset.css中拿掉,原因是觉得这两个标签的清除样式会耗费一些渲染性能;或者是否需要将for循环改为while循环以提高js执行速度。尽管这些考虑看上去是合理的,但并不是性能的瓶颈所在,也就是说,你花了很大力气重构的代码带来的页面性能提升,往往还不如将两个css文件合成一个带来的提升明显。就好比用一把米尺量东西,没必要精确到小数点后10位,因为精确到小数点后2位就已经是不准确的了。这种技术误区常常让人捡了芝麻丢了西瓜。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1525317014915e65d8da7c8″ img_width=”640″ img_height=”535″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E Web前端开发技术包括三个要素:HTML、CSS和JavaScript,但随着RIA的流行和普及,Flashu002FFlex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通,又要与下游的服务器端工程师沟通,需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行,也许要先精十行。然而,全才总是少有的。所以,对于不太重要的知识,我们只需要“通”即可。但“通”到什么程度才算够用呢?对于很多初级前端开发工程师来说,这个问题是非常令人迷惑的。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002Fpgc-imageu002F15253170149878ab1bb2437″ img_width=”640″ img_height=”481″ alt=”史上最6的程序员对web前端的理解和体会!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E最后,因时间仓促,资质有限,文中表述仅代表个人观点,不准确的地方还望见谅,欢迎严厉地指正。u003Cu002Fpu003Eu003Ch1u003Eu003Cstrongu003E关注小编私信“学习”两字获取前端免费教程资料u003Cu002Fstrongu003Eu003Cu002Fh1u003Eu003Cu002Fdivu003E”

原文始发于:史上最6的程序员对web前端的理解和体会!

主题测试文章,只做测试使用。发布者:敢吻,转转请注明出处:http://www.cxybcw.com/11458.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code