㈠ 如何实现前端工程化和静态资源的管理
提升开发体验
我们主要从以下三个方面来提升我们的开发体验。
规范化
当团队人员不断扩充时，我们需要制定统一的规范来对平时的开发工作做出一定约束和指导。统一的规范包括前端的代码规范，根据规范定义好一套代码检查的规则，在代码提交的时候进行检查，让开发人员知道自己的代码情况。
同时，根据以往的开发经验，我们制定了统一的项目框架，根据业务功能不同，将一个项目(app)拆分成不同的业务模块(mole)，而每一个模块都包含自身的页面(page)以及构成页面所需要的组件(widget)，每一个项目涉及到app、mole、page、widget这些已经约定好的概念，这样让项目结构更加清晰，而且让团队内不同业务的人员之间切换无障碍。
组件化
在项目中引入组件化的概念，这里的组件对应上文讲到的widget，每一个组件都会包含组件自身的模板、css、js、图片以及说明文件，我们使用组件来拼装页面，像搭积木一样来拼装我们的页面，同时一个组件内可以调用另一个组件。
在拿到设计稿后，我们首先需要确定哪些需要做成公共组件，那些是要做成独立组件，以及组件间如何进行通信。在页面中调用这些组件后，会自动加载组件的模板以及组件的静态资源，而当组件不再需要时，只要移除掉组件引用，那么相应的模板和静态资源也会不再加载。
组件化的好处主要有这么几点
管理方便，我们可以把一个独立功能相关的文件在工程目录中放在一起，这样代码管理起来会非常便利
组件复用，通过抽取公共组件，可以实现组件复用，从而减少工作量，创造价值
分而治之，这是组件化最重要的一点，将页面组件化，就是对页面功能的拆分，将一个大的工程拆成小的零件，我们只需要关注每一个零件的功能，极大地降低了页面的开发与维护的难度
自动化编译
在前端开发中，我们总是会去使用很多工具、手段来优化代码、提升开发效率，例如，我们会使用sass、less等CSS预处理工具来编写更好维护的样式代码，我们也会使用CSSLint、eslint等代码检查工具来检查代码的语法错误，使用文件合并压缩等手段来减少资源大小，除此之外我们还会去做雪碧图合并、多倍图处理、字体压缩处理、代码发布等等。
曾经有大神说过，超过90s的工作都应该自动化掉。而以上所有的这些工作，贯穿我们整个开发流程，但是不同工具的切换不但显得凌乱，而且影响开发效率。在自动化、工程编译的思想早已深入人心的当下，我们当然也要紧跟潮流，所以我们考虑通过自动化手段来提升我们的效率，让所有操作可以一键式开速执行完。
我们将通过定义好一系列的编译任务，按照一定顺序依次对我们的项目自动进行编译操作，最后产生出可上线的代码。
㈡ 学完前端可以做什么工作
入门级做页面。就这么简单。把Designer出的各种设计图转化成html+css+js+image的静态网页，并把它们交给后端开发人员制作成页面模板。这就是入门级的前端工程师所做的事情。
进阶级还是做页面。不过稍微复杂一些，你需要开始注意一些更复杂的问题，首当其冲的就是浏览器兼容性问题。老实说浏览器兼容性问题真的不是那么好搞定的，毕竟每个项目对浏览器版本的要求都不一样，而且现在不光有PC浏览器还有各种移动设备上的浏览器，同时国内厂家的浏览器种类也越来越多，坑也是密密麻麻。除了兼容性，你可能还要关注一下性能问题，包括但不限于网络性能、渲染性能、js逻辑的性能等等，这个展开讲可以写本小册子了，呵呵。
中级带团队。你可能会奇怪，一个中级工程师就能带团队了？可是真的很多公司就是这样，尤其是小公司。当你了解了html、js、css以及各种浏览器的各种特性细节之后，你会被任命带领一个小的开发团队，当然是前端开发团队。可能加你一共也就三四个人，甚至更少。这时候你的工作内容除了自己写一点页面以外，还会帮助组员解决各种各样的细节问题，毕竟，组里，你是最懂技术细节的。这个时候，一部分人开始停步不前，而另一部分人开始关注另一个新的问题：工程化。前端代码都是非常松散的，项目结构性差，一旦开发人员数量多起来，业务复杂起来，如何管理这么多人、这么多代码是个非常大的问题。能否在这个问题上得到突破，决定了你能否迈向下一个级别。
高级架构设计。此时你熟悉前端开发的各种技术细节（当然忘了一部分细节也没事 ^_^），同时对各种前端框架、技术的特性聊熟于胸，你知道如何组织和管理项目让大家能以最快的速度达到项目要求，你甚至了解手下每个人的所长所短。于是当新项目到来，你迅速根据自身过往的经验选取若干种技术和工具，配上你认为最合适的人选组成项目团队，披荆斩棘日夜兼程将产品汪的各种奇葩需求斩于马下。这么做了一两个项目之后，你可能又觉得空虚了，你要寻求新的目标。恰好，NodeJS打开了通往新世界的大门。
非典型前端穿过NodeJS打开的大门，你进入了全新的世界——后端。全新的世界，无限的可能。楼上寸老师说的“上天入地，无所不能”，我猜就是这个状态。爱干嘛干嘛吧，这个时候，你应该不会再来问“后端程序员都在干嘛”这种问题了。其实，要成为一名“非典型前端”并不一定非得经过1~4的步骤。只是现在已经上了年纪的前端大多是这样过来的，毕竟，NodeJS出来的时间也并不算很久。
㈢ 什么是"前端工程化"
前端工程化是指使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间。
前端工程化是前端架构中重要的一环，主要就是为了解决上述大部分问题的。而前端工程本质上是软件工程的一种，因此我们应该从软件工程的角度来研究前端工程。
前端工程化有四个特点：模块化、组件化、自动化、规范化。
1、模块化：
就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。只有这样，才有多人协助的可能。在工程化之前，一直是使用js、jquery、ajax，这没有模块概念，对于开发大型且复杂的系统会有一定的限制。
2、组件化：
组件化≠模块化。模板化只是在文件层面上，对代码和资源的拆分；组件化是在设计层面上，对于UI的拆分。目前市场上的组件化框架最多，主要的有Vue，React，Angular2。
3、自动化：
“简单重复的工作交给机器来做”，自动化也就是有很多自动化工具代替我们来完成，例如持续集成、自动化构建、自动化部署、自动化测试等等。
4、规范化：（至关重要的一环）
在项目规划初期制定的好坏对于后期的开发有一定影响。包括的规范有：
目录结构的制定、编码规范、前后端接口规范、文档规范、组件管理、Git分支管理、Commit描述规范、定期codeReview、视觉图标规范。
(3)前端工程转管理扩展阅读：
为什么需要前端工程化：
前端越来越复杂，设计的问题和环节也越来越多，不采用工程化管理，就无法很好的实现团队协同和降低复杂性。 原因如下：
1、前端范畴不断扩大
早期的前端只需要适配桌面浏览器，而现在的前端，需要适配不同类型和尺寸的设备，包括移动端网页，app应用等。
2、前后端分离
早期的前端只是后端 MVC 框架的一层模块， 而现在的前端普遍是从后端接口获取数据，编写处理逻辑，各种前端mvc前端框架也层出不穷。
3、模块化开发的出现
现在的前端开发不再是从零写起，重复造轮子，而是会引用大量内部和外部的组件和模块，这也导致前端必须进行模块管理。
4、转码器的盛行
为了提高效率，前端工程往往不会直接写html,css,和js代码，而是改用其他格式书写，再用工具编译为目标格式。
比如用Jade 写HTML，用less、sass、stylus 编写CSS,用ES6、Typescript编写JavaScript。
5、开发流程和团队
早期的前端团队往往只有几个人，而现在的前端团队可以扩展到几十人，甚至上百人。每个人只负责自己的一块内容。所以，如何协调多人多团队的工作，保证沟通顺畅，保证权限管理，越来越成为一大问题。
前端工程化的具体内容：
1、代码规范: 保证团队所有成员以同样的规范开发代码。
2、分支管理: 不同的开发人员开发不同的功能或组件，按照统一的流程合并到主干。
3、模块管理: 一方面，团队引用的模块应该是规范的;另一方面，必须保证这些模块可以正确的加入到最终编译好的包文件中。
4、自动化测试：为了保证和并进主干的代码达到质量标准，必须有测试，而且测试应该是自动化的，可以回归的；
5、构建：主干更新以后，自动将代码编译为最终的目标格式，并且准备好各种静态资源；
6、部署：将构建好的代码部署到生产环境。
㈣ 毕业做了两年web前端，感觉好迷茫想换工作了
但凡是从事技术这块的岗位人员，长期面对电脑是既定的事实，而不断的更新自己的专业知识是让你不至于被社会所淘汰，毕竟现在的技术更新可谓是一天一变化，所以这也是许多人说IT技术人员的技术生涯在30岁以后就需要转型运营管理，否则很难跟上时代的脚步，不仅仅是身体而且技术的更新也会有所下滑。
你才24岁，如果说你真的不喜欢现在的工作环境，那么你不妨可以尝试下去做你喜欢的视频剪辑、摄影哪怕是从头开始，只要你自己喜欢可以尝试看看。年轻就是试错，只有经历过了你才会明白究竟哪些是对的。
工作一定要自己喜欢，工作时候是快乐的才能让你有动力做下去学习下去，否则你会很压抑，对你的影响很大。
㈤ web前端开发工程师几年才能做到年薪百万
首先年薪多少和工作年限不是绝对正比的，当然前端是要看工作经验，但是你是说你工作年限越久你就越值钱，主要还得看你的技术水平和解决问题的能力。其实年薪百万的前端工程师并不多。当然不是没有，只是占比不多。大部分的都是在三五年之后转管理层，年薪一般也就四五十万左右。286 、991在阿里，腾讯这些公司的除外。
㈥ 在前端工作好几年后，是选择技术还是转向管理层
技术 or 管理，这里没有对错之分，只有合不合适。有的人就不善于交流，同时喜欢专研，可以继续走技术的路，发展成专家；有的人则可能有比较强的领导力，可以带领一群人完成项目，那可以转向管理，成为Team Leader等。我在源码时代时的同学，就一直坚定要走技术的路，而我还在徘徊。
㈦ 做过前端的还可以转行做什么
程序员转行，就这么几条路，做技术专家，做管理，做产品经理，当然还有，如果能力特别强的，可以创业，技术入股。
现在自媒体流量大爆发，前端可以考虑做自媒体，将自己的知识分享出来，既可以赚到钱，也能将自己的知识沉淀下来。
㈧ 学完前端开发后出来可以做什么
给大家列举Web前端的六个就业方向和工作内容。
1、资深Web架构师
这个方向，既兼顾了工作的单纯性、又能够减少实际Coding的工作量，能腾出更多时间。在国内，Web前端工程师遇到较多的情况是总是反复编写着同样的代码，总是面对着同样的技术和产品，容易感觉枯燥。但正是由于这样较为广泛的Web相关知识的沉淀，使得我们更加容易成为一名架构师。
虽说这种职业发展方向不如第一种来得平滑，但是作为一名架构师在学习后端技术、DBA、Platform等内容，将其丰富的知识应用到需要实际中的项目操作，不再局限自己在家里随便写写两个Demo。即便在学成这段时间，势必会遭遇一段时间的阵痛期。但对于一个大局观好、悟性好、知识面广的前端工程师而言，这依旧是值得推荐的荣光之路。
2、资深Web前端工程师
这个方向算是一个Web前端最基本的选择了，但能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。对所有的Web前端工程师来说，朝着这个职业发展方向，只要足够耐心、厚积薄发，成功的概率是非常高的。
3、网页设计师
网页设计师可以将平面设计中的审美观点套用到网站设计上面来(其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸)。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。而且具备精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的能力。
4、PHP程序员
PHP技术人才，正迎合了目前的互联网的发展趋势。而且PHP作为非常优秀的、简便的Web开发语言，和Linux，Apache，MySQL紧密结合，形成LAMP的开源黄金组合，不仅降低使用成本，还提升了开发速度，满足最新的互动式网络开发的应用，这使得php软件工程师成为一个发展迅速的职业。
5、自己创业
其实，自己创业是最好的道路，但也是成功率最低的道路，挑战和机遇并存。作为一个前端技术人员，需要将自己的视野更多放在行业的动态、产业链的动态、相关产品领域的动态，把关注细节的优势继续保持，同时，增强自己把控一个产品乃至一个公司命运的能力。
6、转岗管理或其他
这条职业道路和Web前端技术之路关系不大。
如果你想要专业的学习web前端，更多需要的是付出时间和精力，最好还是选择面授的。线上的基本都是视频，学不会的。
学web前端一般在2万左右，4-6个月左右的时间。应该根据自己的实际需求去实地看一下，先好好试听之后，再选择适合自己的。只要努力学到真东西，前途自然不会差。