说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

[CTO俱乐部第89期]新时代的前端开发

HTML文档下载 WORD文档下载 PDF文档下载
在CTO俱乐部第89期活动上,支付宝王保平(玉伯)介绍了淘宝的前端开发历程,并分享了支付宝开发经验,东软集团UniSDP首席架构师孙广宇则提出了HTML5和JavaScript在跨平台、跨设备开发上高效率的解决方案。

2012年12月06日,CTO俱乐部第89期活动在望京福泰酒店举行。本次活动邀请到支付宝前端基础技术负责人王保平(玉伯)与东软集团UniSDP 首席架构师孙广宇,和大家一起分享、交流前端技术。

支付宝前端平台架构

支付宝前端基础技术负责人 王保平(玉伯)

经王保平介绍,淘宝前端开发大概经历了3个阶段:萌芽期、幼年期以及现在的少年期。不同时期,网站的特征不一样,前端开发所面对的挑战也不一样。

在淘宝刚创业的萌芽期,页面修改频繁,更需要一个“超人型”前端开发者,需要了解HTML/CSS/JS、SEO、PHP/JSP/ASP、Photoshop等各方面;幼年期页面变得更加复杂,所以需要更多的人力协作,规范的制定是此时面临的一大挑战;在高速发展后,网站进入了少年期,面临的主要挑战在于建立起前端架构并保证核心业务稳定,在开发的同时还需要保证团队的幸福感。

作为网络支付平台,支付宝有着自己的特点,更接近于金融企业。所以,其首要任务在于安全、稳定,其次才是快速和高品质,只有在保证了可靠性的前提下,才可以谈及提升用户体验。因此,支付宝前端架构设计的总体原则:首先在于保障业务的正常进行;其次要兼容现有架构、支持并存;最好还能满足未来3年的需求。

此外,王保平还表示,前端开发常常遇到项目并发多、忙,难以深入业务,价值认可度不高,职业发展迷茫等问题。为此他希望业界能够建立一个前端开发的生态圈、共享部分模块,该举措能够降低各公司的开发成本,员工离职创业后也可以享受这样做的好处,开发者之间也不会遇到协作障碍。

HTML5和UniSDP在移动互联网和嵌入式业务的使用

UniSDP首席架构师 孙广宇

随着移动和HTML5的兴起,以及云时代的来临,App和运营团队之间一场不能避免的变革正在进行,Hybrid App(混合式应用)这类采用Web技术开发,具有本地程序执行能力,以本地程序封装的应用程序将会愈加凸显其重要性。虽然Hybird App拥有跨平台、易用性强、访问本地API和硬件、可以使用成熟JS框架等优势,但也有着运行效率不高、使用场景有限、能力不全、内存消耗大、调式难度大等缺点。

为了保障Hybird开发的高效性和高品质,东软提供了UniSDP解决方案。UniSDP是指统一智能设备开发实践,可以提供跨平台、跨设备的解决方案,让企业省时、省钱、省力地做开发,专注于业务。其核心模块大概可以分为六部分:1.WebAPP;2.混合应用运行时;3.核心服务总线;4.中间件管理;5.云服务管理;6.应用商店。借助于这种模块分离模式,可以有效地降低开发中的耦合,更适合大型团队。

孙广宇表示,使用UniSDP的解决方案可以一次开发多平台运行,并且能够给用户统一的跨平台、跨设备的体验。他相信该解决方案能够在“四屏一云”的新时代能够有很好的前景,并且在家庭/个人私有云以及RealTime Web App & Game行业都很有前途。

活动现场座无虚席

嘉宾们合影留念

更多精彩内容及CSDN CTO俱乐部的下期线下活动,请持续关注CSDN CTO俱乐部。

 CTO俱乐部是CSDN旗下面向广大技术管理者的网上大本营,采取采用了严格的邀请审核制,只有公司的高级技术管理者,如CTO、技术总监、开发总监、工程总监才能申请加入,现已有10000多名会员。CTO俱乐部定期举行线下活动,就相关主题进行共同探讨。

【七问七答】对话Erlang核心成员Eric Merritt 分布式文档数据库MongoDB开发版本3.1.7发布 年末巨献!SDCC 2015中国软件开发者嘉年华全面开启 Qualcomm中国2015高峰论坛:新品牌与5G技术展望 福利!MDCC 2015 免费展位等你来申请! 《近匠》Gamegou:多些坚持,瞄准海外的小团队也有春天 细说JavaScript异步函数发展历程 YoMail创始人Albert Yang:我与Email交织的程序人生 TIOBE 2015年9月编程语言排行榜:时髦语言Rust进前50 50张999元限量特惠票!SDCC2015软件开发嘉年华 首批讲师名单公布 百度安全:XcodeGhost大爆发可能只是冰山一角 北京市计算中心云计算转型:缘定OpenStack MDCC 2015移动开发者大会 八大技术专场首批议题剧透 Apple TV指南:从零开始用Swift开发个tvOS应用 React Native、开源:MDCC平台与技术Android专场全揭秘! 相约MDCC 2015 首批免费展位破茧而出 MDCC 2015召开在即,平台与技术iOS专场大咖来了! 一个iOS开发者对tvOS SDK的初探 前Twitter iOS技术团队负责人:使用第三方库的四大准则 【SDCC讲师专访】巨杉数据库创始人兼CTO王涛:SequoiaDB为何要开源? 对话函数式编程语言Roy之父Brian Mckenna GitLab获400万美元A轮融资,GitLab 8.0将很快到来 【CTO讲堂】如何构建高可用和可伸缩的架构? 未来程序员会被机器取代吗? React Native实战(一):配置和起步 集聚MDCC 2015 免费展位第二波正式放出 【深入浅出Koa】入门知识,带你以现代化开发方式构建Web应用 升级到Node V4的七个理由 支持大量ES6特性 像写SQL一样编写Java数据应用 Swift 2.0实战:如何实现从非零下标遍历数组? 手把手教学:在iOS 8中使用Cocoapods 如何向数据库里写一不定长的数组数据,比如说float数组,相应的表结构怎样设计? 江湖无赖,为什么你攻击别人要借着恶人谷的名头?为什么要说我们是马甲谷?! 如何在上载文件时指定默认文件名? 网页高手请进,高分等候! 怎样设计像vc6的IDE中workspace那样的child子窗口 为什么这里的Timage.fillrect不起作用? 画图区域并没有增大? 急等答案 ,请问数据库中 的Null和零值有什么区别,请给详细解释一下 w18ily是不是现在的这个江湖无赖? 在linux下拨号怎么自动获得dns? 菜鸟都说:这个问题太菜了! 高手请进! delphi调用VC写的dll问题 corba达人快来帮忙!!!!! 不用JavaMail能在页面上直接发信给用户吗? 图像 up有分 大哥大姐们!小弟碰见了感情问题,大家帮帮小弟好吗,郁闷中……痛苦中……这里真的有一种家的温馨,所以小弟畅谈心扉,望大哥大姐帮忙! vc6的mfc里有CUIntArray、CStringArray,为什么没有CFloatArray,自己写怎样实现? 请问fastreport破解版哪里有下载? 这是我作的jsp和bean作的程序为什么不能运行:这一次发的是运行错误的信息。 谁敢拍着自己胸口摸着良心说没有用过马甲的 麻烦了:) 如何建立一个button清空文本框? 关于在RedHat2.1As上安装Oracle9i(9.0.1)的错误问题,帮帮我吧,火烧眉毛了! 急等答案 ,请问数据库中 的Null和零值有什么区别,请给详细解释一下 用FLASHGET无法下载. 趁着各位斑竹到任,赶紧把几个悬而未决的问题提出来,呵呵! com+的调用方式 哪位大侠知道今年计算机等级考试二级C语言还是用Turbo C2。0吗?还是在Dos环境下吗?(100相赠) 关于多媒体定时器的问题,各位进来看看 session出的问题,高手请进来!! 请问,大连雅奇培训如何?请指点。。。。。。 怎样用header()做下载文件? 关于检测组合键的程序怎样写? 菜鸟问题!!!页面显示后台数据 请问软件包LEDA -- library of the data types and algorithms 哪里有下载的? 如何获得当前页面中的所有Textbox控件集合? 如何对两个表操作???谢谢! java的程序在写Dreamweaver 4里写完不可以直接用,是不是 打印的问题 DELPHI5的资源编辑器用起来很不爽,有没有好点的? 帮帮忙~~~~ 请问软件包LEDA 哪里有下载的?谢谢 ado连接远程数据库是以文件共享方式,还是c/s方式啊? 有没有工作的JAVA程序员吗? 简单的语法问题 vb还是不太会用 求教 最菜的问题 如何保存无法保存的网页? 只要每人献出一点爱,人人都能成为程序员 呵呵,又有问题了 苦恼,大家帮忙啊 关于声音处理的一个问题 表面被部分氧化成过氧化钠的一小块钠,质量为2.48g.放入足量水中,收集所产生的气体,点燃该气体,气体恰好完全反映,则原钠块中含过氧化钠多少g? 英语26个字母中分为哪两类,又分别有什么作用 1、10克氟化钠,用多少毫升水正好溶开成液体?再少了就溶不开了. 2、用双氧水多少能把10克氟化钠溶化成水 ---Why?where's my mobile phone?Maybe I left it on the plane.---My goodness!You____things behind.A.haven't B.didn't leaveC.had never leftD.never leave我错选为A 酶是干什么的?就像纤维素酶水解纤维素一样,是不是什么酶就专门水解这个东西的? 如何理解加权平均资本成本 一个苹果 小时候我们在乡下生活,说起来很苦,很累.那时候,我们最爱吃的是苹果.可能是苹果太贵的缘故一个苹果小时候我们在乡下生活,说起来很苦,很累。那时候,我们最爱吃的是苹果。 已知两个角有公共顶点和一条公共边,并且这两个角的另一边所成的角为50度如果两个角中的一个为140度,那么那么另一个角是多少度?请画一画,再算一算. 为什么为确定得到的是纤维素分解菌,还需要进行发酵产纤维素酶的实验,不是应该产纤维素吗? 订面条 ___ ____ ____ for noodles 有二个相等的角,它们有公共顶点和一条公共边,二个角的另一条边互相垂直.那么,这两个角的度数是多少 纤维素能用纤维素酶水解,再供给微生物发酵制成乳酸,最后聚合制造聚乳酸吗?请说明理由,否则一律无效! 用什么词来形容面条无 一台天平,只有30g和5g两只砝码,利用这台天平如何将300g药粉分成150g,100gh和500g三份写出详细过程 设计一个实验,利用诱变育种的方法,获得产生纤维素酶较多的菌株.1、共4步骤,是什么?2、...设计一个实验,利用诱变育种的方法,获得产生纤维素酶较多的菌株.1、共4步骤,是什么?2、诱变组中菌 1、Hurry up,please.There is only ______ time left.A.a little B.little C.a few D.few2、______ Chinese people are ______ hardworking people.A./,/ B.a,/ C.The ,the D.the ,a 一台天平只有30g和50g两只砝码,利用这台天平如何将300g药粉分成150g100g50g三份? 酒精和汽油哪个更易燃? 英语选择题解题思路 有两个钝角有公共顶点和一条边,两个角的另一边夹角是90°,求钝角 南平市冬天最高温度 请教几道英语选择题.求解题思路.Which subject is ______ to learn , physics or chemistry?A.easy B.easier C. the easier D.more easierIt's well ______ that the earth ______around the sun .A.know ; goes B.knew;going C.knows;going D.kn 300g黄沙一台天平5g和30g砝码各一个只用3次天平怎样把300g分成3等份?还有要算式不是用中文ok? 为啥会发生泥石流 英语中26个字母可以组成多少个组合 科学家的故事(说清楚成就)或科学故事 不超过150字 在2012年5月31日前回答,不然再好我也不会选为满意的!一定要说清楚成就! 为何会发生泥石流? (1) He insisted that he _____ in good health and ____ to work there.A.was,be sent B.is,is sentC.be,was sent D.be,send(2)Do you know _____ he expects will give us a talk.A.who B.whom C.that D.whose(3)It's uncertain_____ the experiment is w 转基因技术能否将乌龟的长寿基因转接到人体上来,实现人类的长寿吗? 是什么原因会发生泥石流? 英语选择题 可以告诉我解题思路吗?I agree with ____ of what you said, but I dong't agree with _____.A. most, nothing B. most, everythingC. something, most 26个字母能给组成多少个不同的4位字母 如abcd syeb 这样能组合出来多少个 为什么会发生泥石流? 角a与角b是有公共顶点的两个角,角a的两边与角b的两边分别垂直,且有5角a=角b则角a=?,角b=? “自高处下落的物体,一定会落在偏西的地方”为什么不证明地球在自转? 牛顿有没有结婚 Goods must be fit for any particular purpose _____________ to the seller.If the shop says a glue can mend china then it should.a.known b.to be known c.being known d.having been known 角1与角2有公共顶点O,角1的两边与角2的两边分别垂直,角1:角2=7:5,求角1与角2的度数 有同样大小的红黄黑珠共97个,它们依次按3个红珠,2个黄珠,4个黑珠的顺序排列,第97个珠子是什么颜色? 1,若圆(x-3)^2+(y+5)^2=r^2上有且只有两个点到直线4x-3y=2的距离等于1,则半径r的取值范围是()A(4,6)B(4,5】C(4,7)D【4,6】2,若过定点M(-1,0)且斜率为k的直线与圆x^2+4x+y^2-5=0在第一象限内的部分有 为什么对于一些易燃易爆物品要轻拿轻放 k相邻的字母 真空收纳袋 几丝的好? 角a与角b有公共顶点,且角a的两边与角b的两边互相垂直,又角a=5/7角b,求角a和角b的度数. 嵊州是浙江哪个地区的 几道英语选择题,要解题思路1、The story happened in______spring of______1993.A.The; the B.a; the C.the;/ D/;/ 2、Would you be______kind as to step this way,please?A.As B.so C.very D.much 3、 When he turned professional at the age of 12 什么是宇宙黑洞 浙江嵊州的小吃街在哪里,哪里可以逛街啊,玩一玩啊什么的,大的齐全的超市,除了国商还有哪里,麻烦地址具体点, 提问英语几道选择题与其解题思路1.My brother is only 20 years old, but he has___?A.a little white hair B.a few white hairsC.much white hairs D.some white hair2.Mary is always behind the others in study,but she is making__?A.progress 宇宙黑洞 我想知道浙江嵊州市里面有没有一个叫嵊州府或嵊州庙的?我没有去过嵊州,也从来没听过嵊州这个名字,因为我是广东的,可是我梦见我去到了这个地方,里面有很多不同的菩萨,我出来看了一下 请问:蚂蚁从高楼层,比如说10楼掉下去, A+B=C+D这个反应,可逆反应,若减少A的量,A的转化率怎么变化?B的转化率怎么变化? 英文字母t 应该先写哪一笔 1133.蚂蚁从二楼掉到地上,为什么?(非搞笑脑筋急转弯) 什么是黑洞 把质量为m的物体从地面竖直向上抛出,抛出时物体的初动能为Ek0,物体从抛出到落回地面的过程中受到的空气阻力的大小恒为重力的0.2倍,求:(1)物体可上升的最大高度H(2)物体运动到高度 收集令人感动的句子最好令人深思 26个英文字母分为几类? 物体从离水平地面h高处水平抛出,落地时间的速度方向与水平面成θ角,那么,物体水平抛出的初速度是 日本将启用自卫队军官任国家安全保障局日驾校人性化服务多 学车之余可美甲还美国家安全局称奥巴马对监听默克尔一事美国处方药价格高昂 民众被迫违法购外医改网站技术问题百出 奥巴马上教堂也阿根廷举行中期议会选举 女总统执政联阿根廷举行中期议会选举 执政联盟面临西班牙巴塞罗那发生列车脱轨事故 造成马达加斯加大选结束 各方观察团认为投格鲁吉亚总统大选启动 共计23名参选美国航空公司改签费攀升 消费者“斗智美国旧金山湾区万圣节前多起驾车枪击 韩“独岛”宣传片擅自使用日剧画面 视美共和党参议员计划推迟耶伦的美联储主俄圣彼得堡市长称正在考虑申办夏季奥运格鲁吉亚总统选举:执政联盟候选人以6篠田麻里子圆空姐梦 助阵桃子航空新航中国品牌闪耀约堡国际车展(组图)土耳其总理:只有中国退出才可能购别国南海问题不能仅靠“海洋法公约”加拿大女星完美天使面容(组图)年入3.6亿,乡村能人靠180万只鸡“微排量”时代即将来临 你准备好了吗消费者报告:2015年最佳和最差车型寰行中国6500公里,为什么选择这种五旬老汉冒充公务员行骗 已累计获刑2浙江一法院重拳让“老赖”无处遁形 5安徽启动2015“福满江淮 血脉相连中国产世界最快高铁亮相米兰世博会让性价比更加接地气,小米科技又搞了两卡罗拉混动试驾:10万元级别的丰田混好烦哦 | 到底用什么方法才能去掉痘窦靖童和水原希子街边吃小龙虾!偶像只韩日领导人将举行双边会晤万圣节 | 孕妇也能照High不误?网络流传中国贫富标准线,你是什么级别“众筹”第一股来到新三板,上半年净利从“厨师”到上市公司老板,90年代就抢眼的金属拉丝工艺 荣耀畅玩5X图赏气象学专家汇聚申城 纪念城市气候学先中超开启“五年80亿元时代”杨洁篪会见第70届联合国大会主席
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘