工作管理和代码架构

一、工作梳理汇报

1、当前有哪些开发工作 2、开发工作进度跟踪 3、开发交付时间点把控和风险评估

二、前端代码架构

jQuery代码管理

1、CSS样式

• 常用样式提取，组成common.css，以便复用，以及样式规范管理
• 不同皮肤的样式，采用不同的文件夹管理，方便管理。引入时采用皮肤参数控制，要引入哪种皮肤

skin
    | black
        | images
        | css
    | white
        | images
        | css

2、javascript管理

• 常用工具类方法提取，组成tools.js
• jQuery插件整理：第三方插件，引入流行、优良、有具体文档的jQuery插件，例如：日期时间M97，弹窗lhgDialog；自己封装的jQuery插件维护，注意新版本向下兼容
• 大量的jQuery插件引入页面，采取json文件配置按需引入

3、不同项目统一管理

• 采用svn外链技术，将公用样式和插件统一放在lib文件夹下，引入到每个项目下，方便维护，统一更新管理

Vue代码管理

1、CSS样式

• 提取颜色值，采用变量管理，单独分离一个constant.less文件，管理颜色值。方便换肤，以及颜色用色规范管理
• 不同皮肤的样式，采用不同的文件夹管理，方便管理。引入时采用变量控制，要显示哪种皮肤

skin
    | black
        | images
        | css
    | white
        | images
        | css

2、公用组件提取

• 功能常用的组件，抽离成单独模块，编写功能；强调新版本向下维护

3、同一个项目多版本管理 详见：www.jianshu.com/p/d71555f0f…

4、不同项目统一管理

• 采用svn外链技术，将公用样式和插件统一放在lib文件夹下，引入到每个项目下，方便维护，统一更新管理