原创力文档- 1、本文档共10页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
新浪博客前端架构新浪博客RIA开发团队杨皓Blog：Email：2010年10月30日
代码框架代码的加载与执行开发流程架构实例
代码框架
Javascript框架概览sina包01lib包02product03基础库04通用组件05产品需求06
sina包结构
为上层提供服务隔离了细节，提供抽象的接口04功能颗粒度小05是基础库，最底层的代码01sina包03不涉及产品需求02
lib包结构
提供通用的可复用功能组件交互效果01各产品之间的公共功能托盘登录suggest02一般的配置信息03lib包
product博客相册个人中心活动站
product各产品代码独立方便管理、维护、扩展通过打包发布调用lib和sina包的模块针对产品需求编码以Job的形式注册代码通过不同的页面id加载代码
代码的加载与执行
代码按Job加载Job4Job5Job6Job2PageidJob1PageidJob3Pageid010203
02一个大的功能可拆分成多个JobJob通过pageid组织可把复杂的问题相对简单化一个Job可以被多个页面使用相同的功能可复用01Job
$registJob(“jobTest,function(){01}03alert(“Iam还是ajobtest,la~la~la~”);05alert(“Iamajobtest,ha~ha~ha~”);02$registJob(“jobTestToo,function(){04}06Job代码
functionmain(){varjob=newJobs();03job.add(jobTest);04job.add(jobTestToo);05job.start();06}0102pageid引导页代码
type=text/javascript”src=http://host/boot.js/script页面节点装载完成后执行入口function__addDOMLoadEvent(main);scriptBoot.js
开发流程
开发模式调试模式上线模式未压缩合并的代码支持调试工具合并压缩的代码线上文件名为页面id.js12
开发顺序XAMPP搭建本地开发环境从SVN中取出代码不同的产品在不同的svn目录（博客、相册、个人中心、活动站）开始本地开发和调试ftp到专门的开发机12345
开发顺序3.提交到SVN合并代码解决因多人开发造成的代码冲突4.打包测试专门的打包工具（合并、压缩、生成页面id.js）打包的shell命令：sh–p产品名–tsvnTag地址–o在svn中生成一个新的上线tag5.上线专门的上线系统上线
开发流程图
架构实例
SinaDialogUML
QA
文档评论（0）