关键词：
一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。 我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的是，我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”，这在很大程度上影响我们对“技术本质”的洞察力，多年来也一直未有成体系的“前端技术”布道佳作，以至于当下多数人对前端技术的了解，盖始于表述并不严谨的岗位招聘描述，而这正恰恰反映了Web前端开发对自身的模糊定位。对于很多Web前端工程师来说，初尝禁果的快感无法持续很久，就陷入一轮又一轮的迷惘，思索自己的职业规划，试图寻找到适合自己的成长道路、看清自身技能的瓶颈，寻找突破。但遗憾的是，Web前端技术被广泛接纳时日尚短，没有多少励志的成功样板可供遵循。然而情况不总是这么糟，毕竟Web前端技术是一门“技术”，和计算机科学系出同门，只是因为互联网的高速崛起而被蒙上了迷雾，遮住了双眼，让我们傻傻看不清时局。 那么，如何定义Web前端技术岗位边界?Web前端技术的价值体现在何处?前端工程师的价值仅仅体现在物以稀为贵吗?前端工程师的初级、中级、高级和专家之间到底如何界定?当前“我”处在什么位置?接下来的路子应当怎样走?何谓前端技术之“道”?我想多数人都思考过这些问题，本篇“十日谈”里的观点可能有些偏激，但抛砖引玉，读者权且把这些言论当作一个引子吧。 第一日：初尝禁果 【上帝说：“要有光!”便有了光】 万物生灵、阳光雨露盖源于造物之初的天工开物，我们无法想象上帝创造光明之前的世界模样。但幸运的是，前端开发没有神祗般的诡魅。这个技术工种的孕育、定型、发展自有轨迹，也颇有渊源，当然，这非常容易理解。不严格的讲，在杨致远和费罗在斯坦福大学的机房里撺掇出Yahoo!时，Web前端技术就已经开始进入公众视野，只不过当时没有一个响亮的名字。从那时起，“基于浏览器端的开发”就成了软件开发的新的分支，这也是Web前端技术的核心，即不论何时何地何种系统以及怎样的设备，但凡基于浏览器，都是Web前端开发的范畴(当然，这个定义很狭隘，下文会提到)。 在2000年之后浏览器技术渐渐成熟，Web产品也越来越丰富，中国有大批年轻人开始接触互联网，有一点需要注意，大部分人接触互联网不是始于对浏览器功能的好奇，而是被浏览器窗口内的丰富内容所吸引，我们的思维模式从一开始就被限制在一个小窗口之内，以至于很长时间内我们将“视觉”认为是一种“功能”，Web产品无非是用来展现信息之用。起初的入行者无一例外对“视觉”的关注超过了对“内容”的重视，先让页面看起来漂亮，去关注html/css，沿着“视觉呈现”的思路，继续深入下去。因此，这类人是被“视觉”所吸引，从切页面入行，着迷于结构化的html和书写工整的css，喜欢简洁优雅的UI 和工整的页面设计，之后开始接触视觉特效，并使用jQuery来实现视觉特效，以此为线索，开始深入研究Dom、Bom和浏览器的渲染机制等，html/css在这些人手中就像进攻兵器，而JavaScript则更如防守的盾牌。 还有另外一群人从另一条道路接触Web前端，即工程师转行做前端，他们有较多的后台语言开发背景，从读写数据开始，渐渐触及浏览器端，接触 JavaScript库，起初是在html代码上加js逻辑，后来开始涉及html和css，他们喜欢OO、逻辑清晰、结构悦目的代码，更关注界面背后的 “程序语言”和数据逻辑。html/css在这些人手中则更像盾牌，而JavaScript更如进攻的兵器。 应当说这两类人是互补的，他们各自了解浏览器本质的一部分，一拨人对渲染引擎了如指掌，另一拨人则将JS引擎奉为至宝，其实任何一部分的优势发挥出来都能做出精品。大部分前端工程师都能从这两条渊源中找到自己的影子。但，这两类人的思维模式和观点是如此不同，以至于形成了一些不必要的对抗，比如在某些公司，干脆将Web前端技术一分为二，“切页面的”和“写js的”。这样做看上去明确了分工提高了效率，但他对员工的职业发展带来巨大伤害。在第二日 “科班秀才”中会有进一步讨论。 我应该属于第二类，即在学校正儿八经的学习C/Java和C#之类，以为大学毕业后能去做ERP软件、桌面软件或者进某些通信公司写TCP/IP相关的程序。校园招聘时选择了中国雅虎，因为当年(08年)雅虎还是有一点儿名气，而且我听说雅虎比较算技术流的公司……自此就上了贼船，一发不可收拾。 在雅虎的这段时间，我有幸接触到一股正气凛然的技术流派，也形成了我对前端技术的一些基本看法，这些基本观点一直影响我至今。 【优雅的学院派】 当年雅虎的技术流派正如日中天，拥有众多“之父”级的高人，所营造出的Hack氛围实在让人陶醉的无法自拔，那段时间我甚至宁愿加班到深夜阅读海量的文档和源代码，感觉真的很舒服，我深深的被雅虎工程师这种低调务实、精工细琢的“服务精神”所打动，而这种不起眼的优秀品质很大程度的影响雅虎产品的用户体验和高质量的技术输出。那么，何谓“服务精神”?即你所做的东西是服务于人的，要么是产品客户、要么是接手你项目的人、要么是使用你开发的功能的人，所以技术文档成为伴随代码的标配。因此，工程师之间通过代码就能做到心有灵犀的沟通。这是工程师的一项基本素质，即，思路清晰的完成项目，且配备了有价值的技术文档，如果你的程序是给其他程序员用的，则更要如此，就好比你制造一款家电都要配备说明书一样。因此，YDN成了当时最受全球程序员最喜爱的技术文档库，这种优雅务实的“学院气息”让人感觉独具魅力。 让人感觉奇怪的是，在中文社区始终未见这种学院派。甚至在具有先天开源优势的Web前端技术社区里也是波澜不惊，可见写一篇好的技术文案真的比登天还难。我所见到的大部分所谓文档索性把代码里输出数据的语句块拷贝粘贴出来，至于为什么数据格式要设计成这样、如果字段有修改怎么做、编码解码要求如何等等关键信息只字不提，或者开发者也没想过这些问题呢。因此，我们一直在强调代码的质量和可维护性，但一直以来都未见效，盖源于缺少这种“服务”意识的灌输。这种意识在下文中还会多次提到，因为它能影响你做事的每个细节，是最应当首先突破的思想纠结。 除了意识问题，另一方面是技术问题，即文笔。这也是工程师最瞧不上眼的问题，难以置信这竟然是阻碍工程师突破瓶颈的关键所在。我已看到过数不清的人在晋升这道关卡吃了大亏，很多工程师技术实力很强，但就是表达不出来，要么罗列一大堆信息毫无重点、要么毫无趣味的讲代码细节，不知云云。除非你走狗屎运碰到一个懂技术的老板，否则真的没办法逃脱码农的宿命。但大部分人还振振有词不以为然。而在Web前端开发领域情况更甚。前端工程师是最喜欢搞重构的，但在快节奏的需求面前，你很难用“提高了可维护性”、“提升了性能”这类虚无缥缈的词藻为自己争取到时间来搞重构，说的露骨一点，可能你真的对某次重构带来的实际价值无法量化，只是“感觉代码更整洁了”而已。我会在下文的“伪架构”中会分析前端工程师的这种浮躁献媚的技术情结。而这正是前端工程师最欠缺的素质之一：用数据说话，用严谨科学的论据来支撑你的观点，老板不傻，有价值的东西当然会让你去做。 当然，情况不总是这么糟糕，我们看到中文社区中已经锻炼出了很多写手，他们在用高质量的文字推销自己的技术理念，这是一个好兆头，好的文笔是可以锻炼出来的。而在职场，特别是对前端工程师这个特殊职位来讲，这种基本技能可以帮你反思梳理需求的轻重缓急，从凌乱的需求中把握七寸所在。因为当你开始认真写一封邮件的时候，这种思考已经包含其中了。 所以，雅虎技术的推销是相对成功和远播的。关键在于两方面，扎实的技术功底和高超的写手。而真正的技术大牛一定是集两者与一身，不仅钻研剑道，还能产出秘籍。这也是Yahoo!优雅的学院派气息的动力源泉。国内很多技术团体想在这方面有所建树，应当首先想清楚这一点。 【规范的破与立 1】 雅虎的技术运作非常规范，刚才已经提到，包括技术、组织、文化，一切看起来有模有样，也堪称标杆，自然成了国内很多技术团队和社区的效仿对象。一时间各种“规范“成风、各色“标准“大行其道，结果是质量参差不齐。 我们到底需要什么样的规范?雅虎的技术规范到底有何种魔力?以何种思路构建的规范才是货真价实的?规范有着怎样的生命周期?想清楚这些问题，能很大程度减轻很多Web前端工程师的思想负担，看清一部分技术本质，避免盲目跟风。 参考技术A推荐一个前端开发者的常用工具列表：
1. lodash：一个一致性、模块化、高性能的 JavaScript实用工具库。
2. ramda：一个很重要的库,提供了许多有用的方法,每个 javaScript程序员都应该掌握这个工具。
3. dayjs：一个轻量的处理时间和日期的 JavaScript库,js工具类和 Moment js的AP设计保持完全一样,体积 只有2kb。
4. big.js：一个小型,快速的 JavaScript库,用于任意精度 的十进制算术运算。
5. qs：一个url参数转化 (parse和stringify)的轻量级js 库。
6. three.js：基于webgl的开源3D框架，对webgl进行封装，需要专业的3D开发知识。
7. thingjs: 一款新兴的3D框架，封装物联网3D开发概念（建筑、楼层等），仅要求初级js基础。
常见的技术社区，都会有【大前端】学习资源和社区讨论，推荐spring4all、博客园、开源中国、思否、CSDN、V2ex、腾讯云、阿里云、spring4all、掘金、ITPUB，总有合适你的学习氛围。
题主有一定的美术能力，3D可视化是不错的发展方向！审美在线，又有开发基础的话，转行3D开发师不用愁。我所处的物联网3D可视化领域，这个职业很有前景哦~thingjs官网-资源中心提供视频教程、demo案例、下载插件和3D模型，好好实操一下，初学者有破了一周开发3D项目的记录！
ThingJS教程(2019版)
ThingJS教程(2020版)
CampusBuilder教程
ChartBuilder教程
ThingJS行业案例
看一下模型效果杠杠滴！
国内比较好的互动直播sdk都有哪些？
比较好的互动直播sdk有欢拓云直播、声网、腾讯云、网易云信等。更推荐欢拓云直播，功能丰富，解锁企业直播新玩法，涵盖各行业直播常用功能，支持特殊功能定制，轻松玩转直播。点击看看互动直播sdk系统如何选择直播SDK的... 查看详情
国内都有哪些好的java开源电子商城系统
参考技术AJava开源网店系统SHOP++Java商场系统JEShop网上商店系统JAVASHOP多用户Java商城系统LegendShopJava商城网店软件TurboShop电子商务平台faceCart宠物商店PetStoreWeb销售管理系统Shopizer在线商城系统jshoper（ostocy-jshop）Web应用框架Pulse-javaKg... 查看详情
golang都有哪些比较稳定的web开发框架
...呢？参考技术A很多框架都是国外的，看起来流行其实在国内学习资料难以查找，可以试试国人自己开发的框架，纯中文文档，学习成本低，容易上手。Orange框架 查看详情
web前端开发需要用到的工具都有哪些
最常用的就是dreamweaver，一般是dreamweavercs6,cs6目前是功能比较强大,问题比较少的了,dw有一个比较方便的就是可视化编程,可以边看效果边敲代码,还有自动提示代码的功能.还有就是ediplus,这个其实就相当于一个字体有颜色的记事本,... 查看详情
web常使用的库都有哪些？
...完全认可的，跟jQuery类似的库有很多：prototype，mootools，国内也有很多公司做了自己的类似的库。模块化的库：实在是多的数不胜数，最流行的当属requireJs和seaJs，比较纯粹的模块化库，此外，BAT以及其他顶级的(不顶级的)互联网... 查看详情
python都有哪些好的web框架
...根据需求可以扩展开发，对高阶程序员十分友好。缺点：国内知名度不高，高级 查看详情
前端开发框架都有哪些？
...栈的模板，那怎么能少了ng的？虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三巨头之一的地位。5：GentelellaGentelella是一个可免费使用的Bootstrap管理界面模版，使用群体比较广泛。这个模版使用默认的Boots... 查看详情
前端框架都有哪些？
...http://www.foundcss.com/5、AmazeUI是轻量级的前端应用框架，是国内比较流行的框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。官网地址：http://amaz... 查看详情
国内成熟的c#.net快速开发框架都有哪些？
快速开发框架快速开发框架的基本架构有哪些？快速开发框架是一种基于浏览器载体的框架，包含前端、后端和数据库三个大的方向，各个方向的技术都不一样。现在主流的技术包含.NET、SqlServer、Bootstrap、Redis等。快速开发框架... 查看详情
web前端动态网页开发主流技术都有哪些？
...并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。参考技术Aweb前端动态网页开发主流技术大的来说，分为三个流派（Javaweb、.net、PHP）。具体的技术就多了：前端的：JS,HTML,CSS,PS,FLASH 查看详情
国内都有哪些公司在使用python？
参考技术A使用Python进行软件开发的公司有，搜狐公司，金山公司，淘宝，阿里公司，百度公司，网易公司，新浪公司。 参考技术B豆瓣网，谷歌，雅虎，美国宇航局，3D建模软件，腾讯，搜狐，金山，这些公司都在使用python。 参... 查看详情
国内几款比较好用的html5页面制作工具都有哪些？
HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebo... 查看详情
css框架ui都有哪些
...UI开发框架MuseUI参考技术A现在比较流行的国外有bootstrap。国内有几个比较符合国人习惯的ui框架，如妹子ui（AmazeUI），可以做pc和移动端，H-UI主要是针对于管理系统（OA，bpm等）软件的，MUI，主要是针对于app，最接近原生app体验... 查看详情
web前端培训都有哪些课程
...技术-网站前后端交互、jQuery交互效果开发第三阶段NodeJS前端架构及后台开发：版本控制工具、NodeJS核心技术第四阶段前端框架：Vuejs全家桶-Vue、React框架-React、微信小程序、Flutter第五阶段小程序开发：能够独立开发小程序，提... 查看详情
layuiclass都有哪些
LayuiClass是一个基于LayUI的前端开发框架，提供了一系列的组件，包括表单、表格、按钮、导航栏、弹窗等，可以帮助开发者快速搭建网站。参考技术ALayuiClass是一个在线学习平台，提供了丰富的前端技术资料、教程和实战体验，... 查看详情
好用的app前端框架都有哪些？
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构... 查看详情
前端开发工具都有哪些
...开发，主要编写一些c和web等语言，最大的优势就是速度比较快，强大的代码提示和代码输入，大大增加了开发者的开发效率。SublimeText编辑器里边支持emmet比较好的的唯一一款。多功能插件，还可以自定义键绑定，功能有很多，... 查看详情
目前国内比较流行的linux发行版本都有哪些？这些发行版本有啥各自的特点？
各位前辈帮帮忙请问目前国内比较流行的Linux发行版本有哪些？这些发行版本有什么各自的特点？谢谢！！参考技术A最好的是红旗Linux!建议去官方网站察看。本回答被提问者采纳 参考技术B1、LinuxMint：一个基于Ubuntu的发行版，更... 查看详情