‘壹’ web前端项目开发流程
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
‘贰’ 九机网前端开发里面具体做什么项目
网页重构工程师。
或者是Web前端开发工程师。
2006年2月，陈鸿睿创立三九网（三九手机网）。2016年5月9日，公司正式由三九手机网更名为九机网。已成为西南地区知名的O2O电子商务零售平台，主营手机、电脑办公、数码产品、智趣产品、配件产品等业务，同时提供二手良品，久久租，售后保障，以旧换新、分期购机，延长保、意外保、电池保、碎屏保，1小时极速达等特色服务；营商通讯业务等。拥有ERP智能管理系统，融合自有模式、智能IT物联、互联网电商的竞争优势，实现了跨区域线上线下的大数据管控及对目标市场的立体覆盖。九机网一直坚持一个手机，一个朋友的企业经营理念，挖掘用户深度体验需求；全力打造极致的用户体验。
‘叁’ web前端开发都包括哪些技术
css，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
div布局： DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。
学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。
了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。
html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。
一些框架的应用：angular.js，node.js，bootsttap等框架的应用。
了解Web服务器对Apache的基本配置，并且掌握htaccess配置技巧
web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。
‘肆’ 前端项目的开发流程
前端开发流程概述
前端开发流程可分为需求分析、开发阶段、测试阶段、维护阶段，下面分别进行叙述。
2.1 需求分析
这个环节中，首先是和客户进行交流，了解客户的需求，然后分析项目的可行性，撰写项目需求文档。如果项目可行，则起讨论具体方案，分模块分步骤进行规划，分析项目进度安排、所需成本，进行原型设计（包括页面布局图，页面逻辑流程图，说明文档等。通过原型设计，可以让项目组和客户都可以对项目有一个直观感受，同时可以低成本高效率的复现业务场景和各模块流程）。
可以说需求分析阶段是整个前端项目的基础，基础不牢，地动山摇。可以试想，如果和客户沟通不顺畅，有的方面客户没搞清楚是什么效果，开发完成后就可能与客户发生纠纷；如果可行性有问题，有的模块很难实现或成本超出预算，就很难处理。
2.2 开发阶段
这个环节是前端工程师主要参与的部分，按照需求分析阶段的规划按步骤完成任务。
根据产品需求分析文档和原型图进行UI设计，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。
根据UI设计进行规划，提取界面中可以复用的模块方便重复利用，分析界面是否有实现难度比较困难的地方，进行沟通和功能排期，按功能大小以及难度进行功能时间的评估，和后端沟通好排期时间，保证大家能够更有效地开发合作，针对功能复杂的地方要先理清思路。
不要盲目开发前端搭建框架。根据设计图进行前端界面开发，以及遇到的问题及时与产品、UI、后台人员沟通，保持大家信息一致，针对不清楚的地方也要及时沟通，以免做错功能。
根据后端接口进行字段填充，以及部分功能开发。针对缺少的字段或者数据结构进行提出，及时与后端反应，尽量让大家都能以最小的改动完成后续开发工作。前后端都要按照规范进行开发，针对不规范的地方要给与提出、指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率更高。如果前端的设计进度远远超前后端的接口和数据结构设计，也不必等后端，可以自行开发nodejs服务器配合postman等接口软件进行开发。
前后端功能联调、完成自测。检查功能完成情况，看是否有遗漏，出现问题及时沟通解决。
2.3 测试阶段
发布测试、修改bug、发布上线，自测完成后提交测试，测试根据提交的项目以及需求进行测试，提出bug给相关人员修改，开发人员周期性的配合修改bug，保证今天能够修复昨天的bug。
发布dev环境，配合测试，修复bug以及需求优化
发布test环境，修复bug以及需求优化
发布it环境，修复bug以及需求优化
发布pre环境，修复bug以及需求优化
pre验收之后，发布线上环境，产品进行验收
2.4 维护阶段
如果客户验收通过，项目就进入了维护阶段，程序的维护包括程序上线后后续bug的修复和程序版本的更新。
3 个人经验总结
3.1 文档很重要
前端项目的文档似乎已经作为前端工程化的标准流程之一了，文档写的好，可以便于同事快速了解你的代码功能和需求，便于协作。可以想象，随之项目复杂度增加，体量越来越庞大，开发团队人数也越来越多。这种情况下，如果像变魔术一样隐匿中间流程而直接得出结果，后果可想而知：项目复杂度越增加就越难以管理，开发效率低，合作混乱，结果甚至导致项目死亡。
好的文档看起来就像一个产品说明书，但作用却远远超过了说明书，不仅仅告诉你如何使用，还应该告诉你项目的设计思路，用了哪些组件，哪些部分不完善，将来有什么规划等等。这是一份比较好的说明文档。
3.2 与客户及时沟通很重要
3.3 扎实的基本功很重要
尽管当下框架、函数库、工具包等更新迭代非常快，前端工程师有很多新的知识要学，但原生JS、HTML和CSS依然是重要的基本功，在学习前沿工具的同时不能放弃基本功的训练。
‘伍’ 前端工程师两年开发经验至少有几个项目
至少要9个项目
既然是前端工程师，自然要负责：1、目标(如app)前端开发的相关工作。2、负责UI交互设计，具体来说，就是对APP的界面和图标进行优化，以及相关的美术设计。3、要负责配合服务的的工程师完成目标应用的开发工作。前端工程师是专业性很强的岗位，那么，前端工程师主要做什么，具体介绍如下：
一、前端工程师的主要工作
1、前端开发。具体来说就是负责如网站、app或小程序的前端开发，并能按照预期完成产品的交互功能;
2、要配合UI设计师实现预期的视觉交互效果;
3、配合服务的工程师完成相关应用的开发工作;
4、定期的更新和优化产品，保持产品的生命力和可用性;
5、解决项目在开发过程中遇到的相关问题，比如技术问题，比如业务问题等。
二、前端工程师需要具备的技能
1、精通切图、JS效果，并对项目前端架构和网站性能优化有熟练掌握。
2、熟练掌握Html、CSS、Java等技术。
3、拥有主流浏览器的适配实践经验，对于产品在不同平台间的兼容问题要能娴熟处理。
4、精通jauery.bootstrup等主流js库。
5、拥有良好的编码和文档处理能力。
前端工程师是非常吃香的职业，对相关从业人员的专业和技能要求很高，并且需要具备一定的岗位工作经验。
‘陆’ Web前端开发的工作内容有哪些
狭义的：主要就是展示层开发，说白了就是页面开发，需要把页面风格、表单元素（控件）等都设计开发出来。如果是基于J2EE架构，需要Html、JSP、JavaScript、CSS、Htc等基本知识，有美工功底当然最好，没有的话也可以做，只是效果可能没有这么理想。
广义的：除了后台数据库应用开发外，前面的开发都可以叫做Web前端开发。后台DB开发主要包括函数、过程、触发器、视图、JavaSource等用户对象的开发。前端开发除了包括展示层外，控制层和模型层也要进行开发，直白一点说：就是包括Java代码的编写。
各个公司的开发模式不同，一般来说，规模大点的公司习惯分工开发：有人做展示层（前端开发），有人做控制层，有人做模型层，有人负责DB开发。
‘柒’ Web前端项目开发
常用的web前端开发工具web前端开发工具有哪些： 1、Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 2、Foundation Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的编辑器，是开源软
‘捌’ web前端开发，主要工作内容都有哪些
前端主要是负责页面的设计，比如我们看到的手机界面、网页等，能看到的都离不开前端的努力，学习起来是比较简单的，因为界面的编程可一看到编程的结果，有什么问题可以及时看到 并修改，所以难度会小很多，但是想学习入行的话，还是要好好学，这个工作看技术的。学习的话可以看看优就业的课程，很不错。
不难，只要想学的就可以学会。web主要学习的是网站的布局，知道网站的购物平台怎么生成的，他的本身结构是如何设置的，还有可以自己设置一些小游戏开发，达到我们时代发展，制作属于自己的网站。HTML有三要素：HTML、css、JavaScript的，学习web是由浅入深的学习，JavaScript是有点难度的。但是JS难度系数不是很大。坚持学习就可以拿下JavaScript语言。
主要是用来开发网页的，就是把后端的数据渲染到设计师设计的页面上。虽然不难学，但是也要系统的学一段时间，然后多做项目，多实践，才能更快掌握。
‘玖’ web前端开发主要做什么
1、负责网站的前端开发。2、与程序开发人员密切合作 ，制定前后端的程序接口标准。3、不断优化前端体验和页面响应速度 ，保持良好的兼容性 ，提高web界面易用性 。4、完成产品设计、开发等工作 。5、解决项目开发过程中遇到的技
‘拾’ 前端项目开发<Vue>
说明： 在项目开发中，在一个js或css文件中如果导入其他目录下的相关文件，就需要通过如下方式,
示例：
但如果每次都导入同一目录下的文件，会比较麻烦，就可以通过设置简写路径达到同样的导入效果
配置方法如下，其中key值为自定义的简写名称（如stylePath），value值为配置的路径
示例：
在需要跳转的元素外包裹一层 <router-link></router-link> ，使用 to 语法即可跳转到指定的页面中
实际上，HTML会将 router-link 渲染成 <a> 标签
这就会导致被 router-link 包裹的元素中的文字显示成 <a> 默认的蓝色样式，可通过如下方式解决：
使用tag将 router-link 标记为 li 标签，这样既保证了 ul 中的子元素为 li ，又保证了html在渲染的时候，不会讲 router-link 渲染为 a 标签
如果某一页面多次被访问，并且其中的数据基本保持不变，则可以使用页面缓存的技术：
注： 当页面被缓存后，生命周期钩子 mounted 方法则只会在第一次进入的时候，执行一次，就不会再执行了。但生命周期钩子方法 activated 方法会每次调用
但如果页面的数据根据传过来的参数来判定是否需要缓存和刷新数据，则可以通过生命周期的钩子 activated 来实现数据的刷新
如果通过 keep-alive 进行页面的缓存，会将其包裹下的路由子页面都会被缓存，假如其中的某一子页面不需要被缓存，则可以通过 exclude 语法将不需要缓存的页面隔离出去，保证其每次都会重新加载请求：
注：
当在一个页面拖动到底部的某个位置的时候，再点击其中的一个元素进入到下一个页面，则进入的这个页面也会被拖到相同的位置，这就造成了多页面的拖动影响
在路由配置中，加入一项 scrollBescrollBehavior ，即每次进行路由切换的时候，让页面的初始位置为指定的x和y值
前端项目通过webpage 启动的，它不支持IP的形式进行页面访问，所以需要修改项目的默认配置项
在项目的根目录下的package.json文件中，进行如下配置：
注： 主页增加了 --host 0.0.0.0
在某些浏览器和手机上不支持一些es6和vue的新特性，就会出现兼容性的问题
通过使用第三方框架库 babel-polyfill 来解决兼容性问题
参考文章： https://blog.csdn.net/crazyfeeling/article/details/70241285
说明：