资源描述：
《《方开发前端实践》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第三方开放平台前端开发实践周杰(hehe123)Agenda关于我们关于第三方开放平台产品&平台需求&痛点寻求解决之道布道我们还可以做结语Q&A关于我们姓名：周杰(Jerrod.Zhou)昵称：hehe123weixin：hehe123Mail:mag.zhoujie@gmail.com
2、zhoujie@raycloud.com职位:杭州光云科技有限公司–前端技术专家Git：http://github.com/hehe123曾经就职于Cisco.HZ,对于与web有关的多媒体技术，游戏等兴趣多多并且有所成绩。同时也在致力于前端工程化开发模式的实践。是个多动
3、且闷烧的大叔。关于我们姓名:杭州光云科技有限公司链接:http://www.raycloud.com工作:以为taobao卖家服务的第三方软件开发公司,服务于数十W的淘宝卖家。主打:超级店长,超级绩效,智能营销多类目金牌淘拍档关于第三方开放平台特定淘宝开放平台下卖家服务平台http://fuwu.taobao.com/淘宝卖家服务”是淘宝网提供给淘宝卖家各种服务的平台，服务内容涵盖网店运营各种需要。提供的服务只要以软件（工具）的形式来满足淘宝卖家店铺运营的需要，也包括一些网店运营技巧知识和新手开网店等流程讲解。产品&平台关于数据御膳房http://clou
4、ddata.taobao.com/云服务数据平台（自有）产品&平台聚石塔“云+SAAS模式”资源共享与数据互通。产品&平台千牛平台卖家工作台。阿里巴巴集团官方出品，淘宝卖家、天猫商家均可使用。包含卖家工作台、消息中心、阿里旺旺、量子恒道、订单管理、商品管理等主要功能，目前有两个版本：电脑版和手机版。产品&平台产品的数据来源自管理的数据淘宝开放平台获得的卖家实时数据自管理数据卖家实时数据展示数据产品&平台产品对应的展台PC浏览器PC千牛Mobile千牛产品&平台需求&痛点API问题PC端的卖家宝贝数据，是通过后端api调用千牛平台（PC&Mobile），提供
5、了jsapi做为调用接口UIlayerout展现不一操作不一开发模式分离与统一系统稳定性需求&痛点兼容操作PC–几乎需要全兼容PC-千牛–基于webkit内核，有换肤和自设定窗口等特有功能Mobile-千牛–基于webkit内核，并且支持多种手机特性千牛端的特性缓存机制展现机制特性平台的操作机制需求&痛点功能特性不一致的功能特性可缺省的功能配置痛中之痛….开发周期长.维护痛苦，升级困难.寻求解决之道一套合适的框架/解决方案前后端数据与展示分离PC端的兼容特性Mobile端的特性（如touch等）在layer展现操作，以mobile端的操作为主优化目前的操作
6、步骤，可以满足同逻辑，同数据接口，不同layer的要求寻求解决之道大家都在做，taobao也在做…寻求解决之道SPA（singlepageapplication）基于route与templateengine拓展，增加module与支持特性的event.不完全的MVC。后续可维护性高寻求解决之道参考？AngluarJSBackboneOther…布道SPA(SinglePageApplication)单页应用,可满足性能&效率&尺寸等的问题需考虑兼容考虑IE7/8/9(照顾6的基本功能),以及其他现代浏览器模块化开发每个页面转化成模块,开发者自己定义,存在并
7、且不影响其他模块的使用缓存方案包括appcache与session&localstorage在内的各种解决方案(照顾兼容仍然会使用到cookie,但是约束使用)数据处理分案前端数据化,根据数据来执行渲染等操作布道定义：功能块构成该解决方案的基本模块模块与模块之间只能够通过有限功能块互通。定义：模块模块是构成一个app的基本构成部分定义：控件（组件一种）组件是一系列可重复利用的与业务无关只与自身有关的部分布道功能块集合（功能块）事件功能块.缓存功能块.模块功能块.页面指引功能块.与后端链接call功能块.模板处理功能块.用户数据功能块.小工具功能块.…布道目
8、前对应2个平台(不对其混合兼容)MobileMobile特有的css3与html5的良好支持Mobile所不同的touch事件Mobile所追求的精简与高效,省流量/电Mobile所特有的一些native事件处理.PC兼顾大部分的浏览器平台.兼顾事件处理.布道演示布道特点:只有一个出口(index.html),对应一整个产品所有的页面跳转都需要经过路由配置表.模块之间完全独立,数据通信使用Pub/Sub的方式.有管理器来决定页面内容的展现与处理.API,MOCK,CONF模块和后端开发共享,联调简单方便.布道从url到模块的展现.模块的自管理与通知机制.同
9、一时间整个产品最多只有一个关注点模块布道一个前端交付的标准的项目文
