提纲：
一，实时合图开发
二，Music开发联调平台(M3D)
三，前端资源预处理
四，实时的代码同步
一，实时合图开发
1.1 所谓的实时？
编写调试CSS代码时，完成合图以及生成图片输出配置，并完成CSS属性解析和替换。
传统的合并方法:
- 手动合并图片，修改css，效率低下滞后
- 编译阶段统一的处理替换？无法实时预览效果，有效果不一致风险
1.1 所谓的实时？
编写调试CSS代码时，完成合图以及生成图片输出配置，并完成CSS属性解析和替换。
实时合并优势:
- 杜绝了线上线下图片，css文件不一致的风险
- 优化了前端编译流程，节省编译时间
- 生成文件更可控(取消版本号，MD5化 etc..)
1.2 如何保证实时？需要解决的问题
开发时CSS的加载速度，按需的解析生成
应对方法：
- 配置阶段完成合图的生成
- 分模块按需的解析CSS
- 加入css解析的缓存
1.3 实现方案，处理流程？
通过REWIRTE静态资源的请求地址
指向的PHP处理并动态生成新的可控的资源
处理流程：
- step1 css,image,js rewrite
- step2 Route class handle, parser proceed
- step3 generate content/304 not modify
- step4 output, set header
1.3 实现方案，处理流程？
1.4 css解析的缓存策略
css解析是整个过程中消耗最大的一块，保证实时开发效率对解析过并无修改的模块内容进行必要的缓存
缓存策略，按步骤优先级逐渐降低
- step1 检查合并大图是否有修改
- step2 检查小图配置是否有修改（SVN合并）
- step3 检查CSS文件是否有修改
- step4 检查是否存在CSS解析缓存
- step5 return
1.5 可视化配置(内网可直接操作)
1.5 可视化配置
1.5 可视化配置
1.分散的存储配置，解决SVN合并更新的问题
2.直观操作、预览合并后效果
3.自动提示模糊匹配
4.减少调试阶段合图时间
1.6 目前支持的应用场景
1.border：圆角
2.repeat：重复背景
3.float：文字背景
1.7 Tips
1.强制刷新合图
2.配置删除
3.SVN配置合并
二，Music开发联调平台(M3D)
2.1 开发联调平台的由来
1.解决多分支RD/FE协同开发带来的繁琐配置
2.复杂逻辑需要走RD数据的测试等问题
3.集成网站编译提交上线一体操作
2.1 FE&RD 开发联调环境配置
2.1 平台解决的问题
1.线上灵活配置多分支RD/FE开发联调环境
2.数据源可切换RD数据/线上仿真库
3.方便预览编译后效果/线上发布前效果
4.开发代码实时同步
5.网站编译提交上线一体操作
2.2 实现概述
通过shell脚本完成分支更新，新建，编译，提交操作
每一次新建分支所做的事：
- 从SVN拉取分支代码，cp到lighttpd的访问目录中
- 每隔5s脚本更新一次SVN代码
- 编译阶段生成临时build目录，访问build.xxx时指向到该地址
- 网站提交，即将该目录下代码提交到SVN的build目录中