前言
欢迎加入洽客前端开发团队。此文档主要从前端的开发环境、开发框架和开发流程三个方面描述了公司产品的前端开发。
不同的公司都有着不同的开发环境，项目架构，目录规范，编码规范等等相关约定，在项目复杂的情况下，如何在最短的时间内融入团队，熟悉项目，接手任务进行开发，是每一个前端新人应必知必会的事情。
文档主要内容
搭建前端开发环境
- 后端开发环境相关应用安装
- 前端相关的工具应用安装
前端架构说明
- 前端各项目业务说明
- 前端框架组成
- 前端常用JS插件和脚本库说明
- 前端层次结构和调用关系
开发流程规范
- CSS编码基本规范和JS编码基本规范
- SVN版本管理说明
环境搭建
服务器开发环境搭建由服务器端同事协助完成(略)
前端开发环境由新人直属带教负责人协助完成
前端框架说明
项目组成
- 商户管理平台
- 商户数据平台
- 商户财务系统
- 洽客管理平台
- 洽客数据平台
- 洽客财务系统
- 洽客官网及洽客大学
- 洽客APP相关H5页面
- 洽客身边店
前端技术框架组成
PC端
主要框架： Bootstrap UI框架、Avalon.JS MVVM框架
主要JS插件：
- dialog 对话框
- toastr 消息提示
- uiLoading 加载提示
- artTemplate 模板
- bootstrap 框架基础组件
- pagination 分页组件
- select2 下拉组件
- core.js 框架初始化相关
注意：后台主频道以单页形式开发，模块化JS管理，必须熟练使用Bootstrap框架。
详细内容请参见新版管理后台框架调整说明文档
H5端
主要资源：Zepto.js, artTemplate.js，base.css
移动端布局使用rem做屏幕适配
详细内容请参见移动端开发技巧汇总
工作时间安排
D1
- 配置到本地环境，并能正常启动项目运行
- 熟悉公司前端项目组成和目录结构
- 熟悉SVN版本管理
D2
- 了解前端项目所使用到的框架和插件
- 了解前端CSS与JS开发规范
- 了解Bug修改流程，及QA相关
D3
- 根据小的需求完成前端开发
- 熟悉开发流程
注：
在练习过程中出现什么错误或不解之处，请及时反馈。
如果在阅读过程中发现文档中提到的内容有误或信息已经过时，请及时反馈给相关负责人，以便我们能及时更新完善此文档，帮助其他新同事少走弯路。
前端编码规范参考 百度前端编码规范
最后，希望我们在工作中合作愉快，是同事更是朋友，更希望你能在此有所收获，有所成就！
大家一起加油，共勉！！！