- 前言：统一概念
- 技术架构和设计原则
- 技术开发指导
- 前端工程性能安全
vue工程开发
前言
统一概念
UI：用户界面
UE：用户设计体验
前端开发整体流程：
设计架构和设计原则
总体架构
上下文：
前端框架总体架构：
设计原则与规范交付
开发规范
模块化
- AMD：
- Requirejs
- 浏览器端、异步加载、依赖前置
- CMD：
- Seajs
- 浏览器端、串行加载、就近依赖
- CommonJS：
- Nodejs
- 服务器端、同步加载、依赖前置
- AMD：
组件化
标准性、组合性、复用性、维护性
规范化
- 目的：为了提供工作效率，便于后续人员添加功能、优化维护
- 原则：符合web标准，使结构、表现、行为分离，兼容性优良
自动化
- 目的：提高生产效率，凡是可以由机器来完成的就让机器完成
- 原则：请求资源合并、持续集成、自动化构建、自动化部署
质量安全
- 目的：提高生产系统安全性
- 在设计、开发过程中要规避安全问题，满足开发安全规范
技术栈全景
设计文档规范
功能描述及重点
例如：描述：连通国际用户登录自主门户，办理业务并完成缴费
重点：余额支付、银行支付、银行托收支付
界面设计
界面布局，对界面设计是否合理
业务流程
描述该业务处理流程，使用VISIO图或者XMIND图描述
交互时间
事件响应时间标准：
3G网络反应：大概100 ms
4G网络反应：20~80 ms
5G网络反应：1 ms
交互流程
描述与其它产品平台/技术平台的交互流程，使用时序图描述
接口说明
描述设计到的接口极其相关出入参，可以保存与后端协定的出、入参文档
测试资源
环境：测试/生产/准生产
测试号：XXX
技术开发指导
技术能力图
技术开发规范指导
全家桶：
- vue-cli：
- 脚手架
- 降低了构建难度，引入了各种模块工具，前端人员只需要关注开发即可
- vuex：
- 状态管理
- 大型页面应用多个组件高效状态管理，弥补单向数据流很容易被破坏的不足
- axios：
- 数据交互
- 基于promise的HTTP库，支持拦截请求和响应，请求数据的封装转换
- vue-resource已经停止更新
- vue-router：
- 路由规则
- vue路由框架通过组合组件来组成aoo应用程序
- vue：
- vue基础
- 专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层连接
vue的优势
文件小，可复用性，性能快，渲染强，跨平台
生命周期说明与对比
调试方案
vue-devtool
手机端：vConsole
Fiddler调试
运营插码方案
采集用户操作，便于后台分析用户行为
前端工程性能安全
前端性能规范
安全规范
