艾思软件：前端开发规范文档

一、艾思软件:前端开发规范文档

命名统一使用英文单词，要求简单，通俗易懂。

使用小写字母，多单词采用“-”中划线拼接。

使用小写字母，多单词采用“-”中划线拼接。

使用小写字母，多单词采用“-”中划线拼接。

使用小驼峰命名。如果单文件中变量过多，可能会出现重名的情况，建议增加前缀来区分不同功能的变量。或者把变量拆分到不同的文件之中。

例如：maxHeight/ userMaxHeight/ homeMaxHeight

全部使用大写字母。多单词采用“ _”下划线隔开。

例如：const USER_TYPE=“9001”；

规范一：使用小驼峰命名。被继承的父类的私有函数需要增加下划线前缀“ _getPrice()”。

规范二：根据函数作用，适当添加动词前缀。

例如：getSize/ setSize/ hasNumber

前缀请查看文档最底部“附件一：（函数命名动词前缀整合）”

简单易懂的变量方法，尽量编写注释。复杂难懂的变量方法，必须编写注释

在代码上一行编写单行注释，简单介绍下方代码用途、注意事项等内容。

方法必须使用多行注释。当变量或代码块复杂，单行注释不足以解释清楚的时候，也需要使用多行注释。

*传入人员姓名，从数据库中查询该人员的手机号码

1. class类名使用小写字母，多单词采用“-”中划线拼接。

3. scss、less中变量、函数、mixin统一采用小驼峰命名。

项目结构建议规范（实际根据具体需求逻辑进行调整）

- home视图文件需要分模块分文件夹存放

附件一：（函数命名动词前缀整合）

二、web前端开发都包括哪些技术

1、web前端开发技术包括三个要素：html、css和javascript，但随着ria的流行和普及，flash/flex、silverlight、xml和服务器端语言也是前端开发工程师应该掌握的。web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。

2、前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事it工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如css

3、sprite、负边距布局、栅格布局等；各种javascript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。

三、web前端开发工程师岗位职责

web前端开发工程师岗位职责1

职责：

1、负责web前端产品的框架设计与开发工作；

2、根据项目任务计划按时完成软件编码和单元测试工作；

3、设计和实现代码以满足业务驱动项目的需求；

4、评估和分解任务以达到实际的目标；

1、本科及以上学历，计算机相关专业；

2、精通HTML5、CSS3、JS、前后交互；

3、精通Javascript及相关类库，至少精通一种Javascript类库，如Jquery，layui；

4、熟练运用Gulp、Grunt、Webpack等前端打包工具；

5、熟练掌握Git（分布式）、Svn（集中式）等源代码版本管理工具，有良好的代码习惯；

6、有使用layui进行erp项目开发的经验的优先考虑；

7、网站性能优化，各浏览器兼容性处理；

1.根据UI设计师提供的设计图，实现一流的Web界面，优化代码并保持在各浏览器下良好的兼容性;

2. Web前端表现层及与后端交互的架构设计和开发;

3. JavaScript程序模块开发，通用类库、框架编写;

4.配合后台开发人员实现产品界面和功能;

5.对完成的页面进行维护和对网站前端性能做相应的优化。

2与后端软件工程师沟通，完成产品功能开发

3实现前端产品业务逻辑和界面交互的研发需求，保证产品的用户体验

2.能够熟练运用HTML、CSS、JavaScript构建高性能的Web应用程序

3.熟练使用webpack前端构建工具

5.热爱编程，对技术有钻研精神，学习能力强。性格开朗，积极热情，沟通能力强，有强烈的责任心，具有良好的团队合作精神和敬业精神

1、负责前端界面的开发及制作，以及前端与业务层交互开发和维护。

2、持续的优化前端体验和页面响应速度，优化代码并保持良好兼容性，提升web界面的友好和易用。

3、根据产品需求，分析并给出最优的页面前端结构解决方案。

4、确保产品具有优质的用户使用体验和高性能。

5、配合后台开发人员完成项目。

1、本科及以上学历，计算机及相关专业，4年以上互联网工作经验。

2、精通Bootstrap、Angular技术，包括HTML/HTML5/XHTML/XML/CSS等。

3、有网站设计的经验，对行业内的网站有自己的理解，精通各种设计软件的基本操作。能够理解客户需求并且可以形成设计图的优先考虑。

4、精通Div、CSS布局的html代码编写，熟练手写标准css样式表，兼容各浏览器，精通html/xhtml、css，熟悉页面架构和布局，对web标准和标签语义化有深入理解。

5、熟练使用html5 canvas，对html5/css3方面有实际的理解和实践经验。

6、熟练使用PhotoShop对页面图片进行修改和设计图片图标等。

7、熟悉jquery mobile移动前端框架。

8、精通Ajax、JavaScript、JQuery等前端脚本语言技术，掌握面向对象编程思想，精通前端展现框架的一种：jquery，prototype ext等js框架。

9、对用户可用性，用户体验，用户研究等相关知识有深入的了解和实践经验。

10、具有良好的分析和解决问题能力，对攻关疑难问题具有浓厚兴趣。

1.根据功能需求设计编写页面原型;

3.提高页面易用性、美观提出合理建议。

4、与后台工程师配合开发联调并交付产品;

5、持续优化前端页面体验和访问速度，保证页面精美高效。

1、全日制本科以上学历、计算机相关专业;

3、精通html、ajax、js、css、div等web的前端开发技术;

4、有H5、bootstrap、jquery、 AngularJS、angular vue、typescript等框架技术实际开发经验;

6、善于交流、良好的团队协作能力和敬业精神;

1、负责产品的HTML5页面架构设计和开发工作；

2、根据产品需求，分析并给出最优的页面前端结构解决方案；

3、应用新技术，与UED团队合作，设计开发极具用户体验的前端应用；

4、较强沟通能力、学习能力，有责任心、有团队合作精神，性格开朗。

1、学历：大专及以上工作经验：2年及以上

2、精通HTML5、CSS3、JavaScript等Web前端开发技术；

3、精通MVVM、MVC，有过Vue等框架生产环境开发经验至少一年vue使用经验

4、熟悉主流浏览器，及Android与iOS等移动平台的页面适配；

5、熟悉前端性能优化和常用构建工具

1、根据产品高保真开发前端页面，攻克技术难题，在任务期限内完成预定目标

2、解决不同的浏览器及不同版本的兼容性问题，熟练掌握各种版本css

3、熟练使用组件化、模块化开发方式

4、根据效果图无差别还原前端展示效果和交互功能

1、2—3年以上全职工作经验，计算机或相关专业全日制本科或以上学历

2、熟悉并深度掌握一种前端构建工具，如：Webpack/rollup/gulp等，熟练使用代码检查工具eslint

3、有一定的后端开发经验（Java）为佳，理解HTTP协议，理解客户端、服务端通信机制，熟练使用浏览器调试工具，熟练并深度掌握一种网络抓包工具，如Filder、wireshark等

5、熟练使用原生JS操作各种对象，原生JS基本工扎实，CSS基本功扎实

6、良好的编码习惯，勇于承担工作压力，具备良好的责任心和团队合作能力

1、负责公司产品UI设计稿的pc端、移动端web界面的还原;

2、维护现有应用产品，按最新需求完成最基本功能的实现;

3、在开发过程中与开发人员的`沟通，完成前端与java等后端数据交互联调

4、响应产品需求，完成修改工作;

5、对页面进行优化，对代码进行优化，提高可维护性。

1、大专及以上，计算机软件编程相关专业;

2、 1年以上web前端开发工作经验(有成熟上线作品);

3、熟悉最基本的html、css、javascript语法，了解H5、CSS3、ES6+新语法，了解语义化标签;

4、熟悉使用jquery、react、vue、Bootstrap等前端开发工具及框架;

5、熟悉Javascript数据处理，Ajax交互开发;

6、熟悉使用webpack、gulp、requireJS、rollup等模块化、工程化工具;

7、能够高效编写web界面，熟练使用Git等版本管理工具。

1、协助系统架构设计师进行系统架构设计工作；

2、承担WEB前端核心模块的设计、实现工作；

3、承担主要开发工作，对代码质量及进度负责；

4、参与进行关键技术验证以及技术选型工作；

5、和产品经理沟通并确定产品开发需求。

东莞某纺织公司招聘WEB开发工程师的岗位负责

1、根据产品原型开发前端代码，配合技术部完成后端数据的接口；

2、解决不同的浏览器及不同版本的兼容性问题；

3、优化载入速度及优先级，异步加载的实现；

1.负责公司前端系统和功能的开发、维护;

2.负责前端公共组件、基础框架的设计和实现;

3.根据需求实现页面交互效果;配合后台开发工程师，完成Web页面的前端用户交互功能、联调等工作;

4.参与项目的用户研究、分析，并根据结果改进设计，优化Web产品的易用性，改善用户体验。

1.计算机相关专业本科及以上学历、1-2年前端开发经验;

2.精通Html、Javascript、CSS编程语言，熟悉W3C网页标准、兼容多种浏览器的前端页面代码;

3.精通Html5网页设计和开发;熟悉互联网Html5主流应用开发模式和设计理念;

4、熟练使用JQuery，VUE等前端框架;

5、具有车联网、物联网从业经历者优先;

7、对技术有强烈的兴趣，喜欢钻研，具有良好的学习能力和技术实现能力;

8.良好的学习能力、团队协作能力和沟通能力;善于思考，能独立分析和解决问题;

1、负责产品的前端代码开发、页面重构以及交互设计逻辑处理；

2、根据产品文档开发高性能、高兼容性的前端代码，完成脚本通用类库、框架、UI控件的编写，并形成文档；

3、与用户、美工、编码工程师等协作实现良好的用户交互；

1、2年以上JavaScript脚本开发经验，对OOP有一定的认识；

2、精通HTML5/XHTML、CSS3、JavaScript、AJAX、JSON、XML等技术；

3、至少熟练掌握一种JS框架，如：Jquery框架，熟悉对象化Javascript编程；

4、有跨浏览器开发经验，理解不同浏览器之间的差异，写出代码具有良好的兼容性；

5、具有优化JavaScript性能的能力；

6、掌握软件设计流程和软件工程规范，具备良好而规范的设计和技术文档编写能力，拥有良好的代码习惯，逻辑结构清晰，命名规范，代码冗余率低；

7、良好的交流沟通能力，吃苦耐劳，责任感及上进心强，团队精神及职业道德；

9、有移动设备（手机、PAD）网页开发经验着优先；