前端是什么众多IT岗位中的一员,以html+css+JS开发网站、微信公众号、小程序、WEBApp的岗位,一个夹杂于UI与后台间的岗位 。工作流程为从UI处得到原型图或者效果图,在项目(网站、微信公众号、小程序、WEBAPP)中还原图片效果,然后与后台进行各种数据交互 。在项目中充当一号背锅侠,项目出现问题第一个收到传唤的人 。一个不受UI、后台待见,甚至不受协同开发的其他前端待见的岗位 。

文章插图
前端,一个让我沉迷的岗位前端,一个将一张张UI效果图变成一个个生动的项目的岗位 一个将冰冷的后台数据转换为有趣的视觉享受的岗位我感觉目前的前端市场整体还是处于迅速发展期,市场对于前端的需求也一直比较大,但是前端存在一些比较畸形的地方,门槛低,随便培训上两个月就可以去应聘前端工程师,而培训之前大家从事的岗位是各式各样的,可能和计算机并没有太大关系,这就导致了要想进一步的提升自己比较困难,所以市面上有很多这样的前端,培训出身,反复将一个技术在项目中使用,做到了某种技术的熟练,但是对于新技术的接受能力十分弱 。现在市场对于中高级的前端工程师需求更加迫切,所以入了前端的门,就需要不断的提升自己,无论你是学院派,还是培训派,还是自学派,都应该具有强烈的学习意识 。一个项目的起源来自于甲方,可能是你的老板或者你的客户,他们会提出需求,给你们描绘出一个世界 。这个抽象的世界会由UI变成一张张实图,交给你 。而填充这个世界的数据也有由后台为你提供好 。而你需要做的,就是在获取到这些之后将他们变成现实 。
在这之前,你获取到需求之后,你首先应该要做的事情就是-项目分析及项目前期准备 。
项目前期准备如何分析项目并进行前期准备,给大家分享一些经验:
- 获取到需求之后,首先确定页面,比如首页、登录/注册、XX活动、XX详情、XX介绍等等,往往一个项目可能由几十个页面组成 。确认页面之后对页面功能进行分析,比如首页,首页存在轮播、导航、分类、定位、列表、推荐等等功能 。组后在确定功能使用的技术,如轮播,是使用第三方插件,还是自己编写 。并将以上内容整理成为一个三级列表 。如下图
- 根据需求确定技术选型,确定代码对于浏览器的版本兼容,决定使用什么开发IDE,使用什么框架,使用哪些插件
- 进行开发前期准备工作,如:第三方插件的了解学习(如:表格插件),某个功能模块的处理(如:轮播),全局调用模块的封装(如:交互)

文章插图
同期进行的项目,在你做完这些准备工作的时候,UI及后台应该也做完了相对应的工作 。
你拿到UI效果图及后台API文档之后,应该仔细核实,看其中是否存在问题 。与UI核实具体效果,因为一张图片,UI表达的和你理解的可能存在误差,为了避免问题发生,在工作开展之前先需要和UI进行样式的核实 。
核实完样式之后应当仔细阅读后台的API文档,看每一个接口是否是你需要的,有没有缺漏,有没有数据与你所需的不一致 。如果发现问题及时与后台沟通协调 。
在完成上述工作之后就准备进入正式开发阶段了,在我们的项目中,文件层次结构一定要清晰明确,便于查找管理,所编写的代码也需要严格按照代码编写规范进行,如果书写的代码IDE一直提示警告,那是不合格的 。
每个人都应当结合W3标准形成一套自己的代码标准,下面给大家分享一些我自己的总结:
1、项目文件规范
项目中的CSS文件、HTML文件、JS文件、其他引入文件、以及静态资源(图片、音频、视频等)都应当建立单独的文件夹存放 。
2、文件名命名
文件命名需要遵循以下几点:
