高力：19樓現(xiàn)有前端架構(gòu)

1、19樓前端架構(gòu)淺析2011 / 09 / 22關(guān)于我 About me紅茶（高力 19lou 前端設(shè)計(jì)師）產(chǎn)品設(shè)計(jì) - 6個(gè)月前端開(kāi)發(fā) - 18個(gè)月博客: 折騰: 內(nèi)容概述 Content summary為何規(guī)范基礎(chǔ)架構(gòu)有待完善FAQ為何規(guī)范 Why standard話說(shuō)當(dāng)年 沒(méi)有 前瞻 性目錄架構(gòu)沒(méi)有 規(guī)范 的文件命名沒(méi)有 模塊 的復(fù)用所有的原則就是 - 看心情為何規(guī)范 Why standard吶，做前端呢，最重要的就是開(kāi)心，前期沒(méi)有架構(gòu)這種事，大家都不想的 為何規(guī)范 Why standard話說(shuō)這樣的環(huán)境下，我們依舊快速的迭代開(kāi)發(fā)，原因有二：沒(méi)有很多城市站沒(méi)有很多產(chǎn)品經(jīng)理為何規(guī)范 Why

2、standard當(dāng)需要 10位 攻城師協(xié)同合作，同時(shí)維護(hù)杭州站與另外的 30個(gè) 城市站時(shí)，這種老方式就開(kāi)始 hold 不住 了為何規(guī)范 Why standard代碼沉余過(guò)多且無(wú)法復(fù)用命名、編碼風(fēng)格各不相同無(wú)法應(yīng)對(duì)瘋漲的產(chǎn)品線與快速迭代是時(shí)候整整規(guī)范了 基礎(chǔ)架構(gòu) - 宏觀目錄CSSJSImg19lou存放各產(chǎn)品線通用圖片，例如：表情圖片，等級(jí)圖標(biāo)，帖子類型圖標(biāo) 除了存放CSS文件外，還存放CSS直接引用的 img 文件 基礎(chǔ)架構(gòu) - CSS目錄ForumHomeCSSCity按照產(chǎn)品線各自分布杭州寧波城市站個(gè)性化需求準(zhǔn)備common.cssfontLinkColor基礎(chǔ)架構(gòu) - common.c

3、ss quick.layout.iblock.clearallresetmodcommon.cssfontLinkColor基礎(chǔ)架構(gòu) - 模塊化 mod. mod. tips-mod. win-modresetquick基礎(chǔ)架構(gòu) - 模塊化基礎(chǔ)架構(gòu) - 模塊化 .win-mod.win-ft.win-bd基礎(chǔ)架構(gòu) - 模塊結(jié)構(gòu).win-hd .win-mod.win-ft .win-bd基礎(chǔ)架構(gòu) - 模塊嵌套.win-hd. page-mod. form-mod基礎(chǔ)架構(gòu) - 模塊個(gè)性化設(shè)計(jì)師永遠(yuǎn)是感性的，需要預(yù)留足夠的空間 加個(gè)ID ?基礎(chǔ)架構(gòu) - 換膚模式HomeDefaultGrayPin

4、kimagesStyle.cssimagesStyle.css只替換文字、邊框、背景顏色替換換膚所需圖片基礎(chǔ)架構(gòu) - 換膚模式Style.css colorother.color1.color2.color3基礎(chǔ)架構(gòu) - 換膚模式 link.link1.link2.link3基礎(chǔ)架構(gòu) - 組件管理JS組件的管理需要規(guī)范那么就需要有一個(gè) 組件管理器 用來(lái)實(shí)現(xiàn)文件異步加載 與 依賴關(guān)系管理基礎(chǔ)架構(gòu) - 組件管理豆瓣Do - 輕量級(jí)開(kāi)發(fā)框架現(xiàn)在有更多的選擇：sea.js 、In.js基礎(chǔ)架構(gòu) - 組件管理兩點(diǎn)小修改，使其更符合實(shí)際應(yīng)用：組件調(diào)用要足夠 智能便捷快速迭代需避免 頑固緩存基礎(chǔ)架構(gòu) - 組

5、件管理管理器組件配置jQuery 版本號(hào) 版本號(hào)基礎(chǔ)架構(gòu) - 組件管理組件配置swfuploadshowWintabfile: /swfupload/01.js02.js01.css02.css基礎(chǔ)架構(gòu) - 組件管理swfupload01.js ?v=80402.js ?v=80401.css ?v=80402.css ?v=804添加版本管理組件管理器開(kāi)始搭建我們的JS目錄架構(gòu)基礎(chǔ)架構(gòu) - JS 目錄組件管理器jQuery基礎(chǔ)架構(gòu) - JS 目錄組件管理器jQueryForum(common)HomeCity基礎(chǔ)架構(gòu) - JS 目錄組件管理器jQueryForum(common)HomeCi

6、tyEditorSWFUpload基礎(chǔ)架構(gòu) - JS 目錄組件管理器jQueryCoreBBcodebrowserexecCommandrange基礎(chǔ)架構(gòu) - 編輯器Pluginsmileymedialink組件管理器jQuery AppDev完善中App.winApp.tabApp.dragApp.popoApp.fixedApp.punchApp.ratePKDev.xxx基礎(chǔ)架構(gòu) - JS 命名空間基礎(chǔ)架構(gòu) - 標(biāo)準(zhǔn)接口文檔組件需要不斷的 更新增強(qiáng) 以滿足產(chǎn)品需求，這時(shí)候便需要一份 標(biāo)準(zhǔn)接口文檔，方便前端同學(xué)維護(hù)的同時(shí)，也便于后端同學(xué)使用修改 基礎(chǔ)架構(gòu) - 標(biāo)準(zhǔn)接口文檔調(diào)用方式參數(shù)含義數(shù)據(jù)結(jié)構(gòu)基礎(chǔ)架構(gòu) - 標(biāo)準(zhǔn)文檔所有的規(guī)范最好形成文檔 基礎(chǔ)架構(gòu) - PSD歸檔基礎(chǔ)架構(gòu) - PSD歸檔防止合成圖片導(dǎo)出質(zhì)量過(guò)低防止分支合并時(shí)的圖片沖突有待完善 Promote頁(yè)面 HTTP請(qǐng)求數(shù) 過(guò)多, 管理器需添加 請(qǐng)求合并 功能 有待完善 Promote js/forum/jquery.js?v=804js/forum/App.showWin.js?v=804?/js/forum/jquery.js, /js/forum/App.showWin.js?v=804有待完善 Pr