为前端团队设计开发体系
为前端团队设计开发体系?
前端开发技术体系关系图
前端开发体系设计步骤
体验新型开发体系 scrat
要模块化开发, 所以选了
要自动优化,
要组件化开发,
需要前端模板,所以选了
模块化框架只实现模块化管理就可以了么?
模块管理和模块加载的双重任务
资源加载就与网络请求优化丰关, 工程问题了么?
模块化框架优化网络请示时依赖combo服务, 你的团队打算支持么?
自动化工具只压缩就够了么?
持续集成环境下很好的工作了么?
目录规范,打包优化,和预处理么?
规范调整么?
模块化框架要求:
基本的模块管理与加载
考虑网络请求性能优化(cdn缓存,合并请求)
提供舒服的编程规范
组建系统要求:
在模块化的基础上设计组件化系统
以js,css,模板为单位开发组件
js css 依赖管理
工具要求
支持单个资源优化
提供舒服的目录规范
与模块化框架无缝配合
获取,管理组件
与团队现有的流程整合
提供方便获取,分享组件的功能
符合团队资源部署要求
非覆盖式发布,灰度发布
定制规范:
开发目录规范,哪里放页面,哪里放纟月人白,哪里放模板,
部署规范,静态资源部署,后端模板部署
选型框架
模块化框架
组件化框架
基础库/组件库
系统划分
业务划分,组件划分
流程打能
搭建持续集成平台
本地调试与开发环境
脚手架
组件脚手架,业务项目脚手架
工具开发
把规范\框架\流程\脚手架需求串联起来
要升级menu组件功能
去js/widget/menu.js 修改逻辑
css js tpl class red green blue 一
按功能逻辑命名划分目录, 资源依赖就近维护
lib widget page
不同的服务器上怎么办?
components 以目录为单位,将js ,css ,模板放一起维护
js css 中均可依赖声明
像写nodejs一样编写js模块
专为移动项目打造的前端开发体系 scrat
模块化框架crat.js 模块管理预加载, 网络请示优化(combo)
开发工具:scrat
压缩(js\css\png)模块依赖分析 资源内图片片,字体,声音 本地高度 多端浏览器自动刷新 组件获取与管理 GitHub,GitLib