新浪博客前端架構(gòu)分享

《新浪博客前端架構(gòu)分享》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、新浪博客前端架構(gòu)新浪博客RIA開發(fā)團(tuán)隊(duì)楊皓Blog：http://blog.sina.com.cn/randomailEmail：Random.Hao.Yang@gmail.com2010年10月30日代碼框架代碼的加載與執(zhí)行開發(fā)流程架構(gòu)實(shí)例代碼框架sina包lib包productJavascript框架概覽基礎(chǔ)庫(kù)通用組件產(chǎn)品需求sina包結(jié)構(gòu)是基礎(chǔ)庫(kù)，最底層的代碼為上層提供服務(wù)不涉及產(chǎn)品需求sina包功能顆粒度小隔離了細(xì)節(jié)，提供抽象的接口lib包結(jié)構(gòu)lib包提供通用的可復(fù)用功能組件交互效果各產(chǎn)品之間的公共功能托盤登錄suggest一般的配置信息product博客相冊(cè)個(gè)人中心活動(dòng)站produ

2、ct各產(chǎn)品代碼獨(dú)立方便管理、維護(hù)、擴(kuò)展通過打包發(fā)布調(diào)用lib和sina包的模塊針對(duì)產(chǎn)品需求編碼以Job的形式注冊(cè)代碼通過不同的頁(yè)面id加載代碼代碼的加載與執(zhí)行Job1Pageid頁(yè)面1頁(yè)面2頁(yè)面3Job2Job3Job4Job5Job6PageidPageid代碼按Job加載JobJob通過pageid組織一個(gè)大的功能可拆分成多個(gè)Job可把復(fù)雜的問題相對(duì)簡(jiǎn)單化一個(gè)Job可以被多個(gè)頁(yè)面使用相同的功能可復(fù)用Job代碼$registJob(“jobTest",function(){alert(“Iamajobtest,ha~ha~ha~”);}$registJob(“jobTestToo",fun

3、ction(){alert(“Iam還是ajobtest,la~la~la~”);}pageid引導(dǎo)頁(yè)代碼functionmain(){varjob=newJobs();job.add("jobTest");job.add("jobTestToo");job.start();}Boot.js頁(yè)面節(jié)點(diǎn)裝載完成后執(zhí)行入口function__addDOMLoadEvent(main);開發(fā)流程調(diào)試模式上線模式開發(fā)模式未壓縮合并的代碼支持調(diào)試工具合并壓縮的代碼線上文件名為頁(yè)

4、面id.js開發(fā)順序1.從SVN中取出代碼不同的產(chǎn)品在不同的svn目錄（博客、相冊(cè)、個(gè)人中心、活動(dòng)站）2.開始本地開發(fā)和調(diào)試1)XAMPP搭建本地開發(fā)環(huán)境2)ftp到專門的開發(fā)機(jī)3.提交到SVN合并代碼解決因多人開發(fā)造成的代碼沖突4.打包測(cè)試5.上線專門的打包工具（合并、壓縮、生成頁(yè)面id.js）打包的shell命令：sh–p產(chǎn)品名–tsvnTag地址–o在svn中生成一個(gè)新的上線tag專門的上線系統(tǒng)上線開發(fā)順序開發(fā)流程圖架構(gòu)實(shí)例SinaDialogUMLQ&A