工做管理和代碼架構

1、工做梳理彙報

一、當前有哪些開發工做 二、開發工做進度跟蹤 三、開發交付時間點把控和風險評估

2、前端代碼架構

jQuery代碼管理

一、CSS樣式

• 經常使用樣式提取，組成common.css，以便複用，以及樣式規範管理
• 不一樣皮膚的樣式，採用不一樣的文件夾管理，方便管理。引入時採用皮膚參數控制，要引入哪一種皮膚

skin
    | black
        | images
        | css
    | white
        | images
        | css
複製代碼

二、javascript管理

• 經常使用工具類方法提取，組成tools.js
• jQuery插件整理：第三方插件，引入流行、優良、有具體文檔的jQuery插件，例如：日期時間M97，彈窗lhgDialog；本身封裝的jQuery插件維護，注意新版本向下兼容
• 大量的jQuery插件引入頁面，採起json文件配置按需引入

三、不一樣項目統一管理

• 採用svn外鏈技術，將公用樣式和插件統一放在lib文件夾下，引入到每一個項目下，方便維護，統一更新管理

Vue代碼管理

一、CSS樣式

• 提取顏色值，採用變量管理，單獨分離一個constant.less文件，管理顏色值。方便換膚，以及顏色用色規範管理
• 不一樣皮膚的樣式，採用不一樣的文件夾管理，方便管理。引入時採用變量控制，要顯示哪一種皮膚

skin
    | black
        | images
        | css
    | white
        | images
        | css
複製代碼

二、公用組件提取

• 功能經常使用的組件，抽離成單獨模塊，編寫功能；強調新版本向下維護

三、同一個項目多版本管理 詳見：www.jianshu.com/p/d71555f0f…

四、不一樣項目統一管理

• 採用svn外鏈技術，將公用樣式和插件統一放在lib文件夾下，引入到每一個項目下，方便維護，統一更新管理