新浪博客前端架构分享

《新浪博客前端架构分享》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、新浪博客前端架构新浪博客RIA开发团队杨皓Blog：http://blog.sina.com.cn/randomailEmail：Random.Hao.Yang@gmail.com2010年10月30日代码框架代码的加载与执行开发流程架构实例代码框架sina包lib包productJavascript框架概览基础库通用组件产品需求sina包结构是基础库，最底层的代码为上层提供服务不涉及产品需求sina包功能颗粒度小隔离了细节，提供抽象的接口lib包结构lib包提供通用的可复用功能组件交互效果各产品之间的公共功能托盘登录suggest一般的配置信息product博客相册个人中心活动站produ

2、ct各产品代码独立方便管理、维护、扩展通过打包发布调用lib和sina包的模块针对产品需求编码以Job的形式注册代码通过不同的页面id加载代码代码的加载与执行Job1Pageid页面1页面2页面3Job2Job3Job4Job5Job6PageidPageid代码按Job加载JobJob通过pageid组织一个大的功能可拆分成多个Job可把复杂的问题相对简单化一个Job可以被多个页面使用相同的功能可复用Job代码$registJob(“jobTest",function(){alert(“Iamajobtest,ha~ha~ha~”);}$registJob(“jobTestToo",fun

3、ction(){alert(“Iam还是ajobtest,la~la~la~”);}pageid引导页代码functionmain(){varjob=newJobs();job.add("jobTest");job.add("jobTestToo");job.start();}Boot.js页面节点装载完成后执行入口function__addDOMLoadEvent(main);开发流程调试模式上线模式开发模式未压缩合并的代码支持调试工具合并压缩的代码线上文件名为页

4、面id.js开发顺序1.从SVN中取出代码不同的产品在不同的svn目录（博客、相册、个人中心、活动站）2.开始本地开发和调试1)XAMPP搭建本地开发环境2)ftp到专门的开发机3.提交到SVN合并代码解决因多人开发造成的代码冲突4.打包测试5.上线专门的打包工具（合并、压缩、生成页面id.js）打包的shell命令：sh–p产品名–tsvnTag地址–o在svn中生成一个新的上线tag专门的上线系统上线开发顺序开发流程图架构实例SinaDialogUMLQ&A