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

[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俱乐部定期举行线下活动,就相关主题进行共同探讨。

艾格拉斯副总裁王晓波:手游定价如何设计 Xcode 6 Beta 7发布:语法定、内库改,Swift何时完善? 干货来袭:由22个联邦机构分享的6482个数据集 Phablet出货量今年将超移动PC,明年再超平板 如何提高Web服务端并发效率的异步编程技术? 改改改!让应用通过审核出人头地的10个方法 正益无线CEO王国春:AppCan如何获得50万开发者青睐 在收购Xtreme Labs之后,Pivotal推出PaaS移动服务 .NET开发者必备的11款免费工具 .NET开发不可错过的25款高效工具 Docker最佳实践!尽在2014 Container技术大会 pflua:用Lua编写的高性能网络包过滤工具箱 掌上明珠张磊:如何设计手游付费体系 云游科技何千军:游戏开发和后端逻辑经验 《近匠》Highway1:孵化,不只是简单的帮助 嘉宾来了 MDCC 2014首批演讲嘉宾名单公布 前雅虎CTO:Hadoop扩展过程中的7个危险信号 【云先锋】星环TDH:性能大幅领先于开源Hadoop2的技术架构赏析 一周消息树:我想创业,但不懂技术怎么办? GitHub迁移数据库,借助MySQL大行其道! 实例亲授:教你如何创建AR应用 iOS七年,苹果都为开发者准备了哪些工具? TIOBE 2014年9月编程语言排行榜:Java、C++跌至历史最低点 如何甄别具有软实力的IT应聘者? 避免关注底层硬件,Nvidia将机器学习与GPU绑定 盘点MIT Demo Day上4个最有前途的创业点子 IDF 2014第一天纵览:智能设备唱主角 时尚化才是可穿戴的未来 ASP.NET之父Scott Guthrie:借技术之力铺平未来之路 两年测试,NSA或将让其数据中心洗上油浴 【云先锋】数云:另类淘宝创业,瞄准背后百万卖家的数据挖掘 Xcode 6 GM、6.1齐出,Swift终迎1.0版! 如何在在桌面上单击右键弹出的快捷菜单中加入一个项目"启动我的电脑"? 想买一款显示器,不知道是三星好还是PHILIPS好!请大家帮我选择选择!(低档纯屏,<1600元(50分) 在win98下配置tomcat的问题? 什么样的主板需要安VIA 4 IN 1?? gicq玩家的间题 请taglis2002来借分。 急!Edit中输入日期的问题 急!DBGrid的栅格问题 为啥Oracle中还有近5G的表空间,当插入某表时却提示要增加数据文件,而别插入别的表却没问题(送分的) 有关中文显示的问题 谁用过CSTreeBean,有问题请教 VB里是不是没有从一个字符串中选出数字的函数? 一个关于高位低位的问题 请问用Dbexpress如何生成一个临时表 经典的“HELLO WORLD” 错在哪里? 有人在我的机器上安装了特洛依木马程序,我删不掉,怎么办啊??? 20 分:help me!!!!!!!!!! 我可以报考高程吗? 请问北京的pb程序员们,一般大家是怎么联系新工作的?上网?参加招聘会? 如何能动态地将dbf文件转为mdb文件格式? 从Sybase Sql Anywhere移植到Oracle有什么注意的事项? 一个关于mfc的疑惑 沙尘暴的原因。 win proxy的设置问题 北京和租房 如何安装JiveSofeWare下的CVS 初学者 奇怪的问题:水晶报表? 受不了了,居然能在资源管理器里面实现Flash动画预览 怎样把SQL Server中的数据库导出成*.sql文件? 如何向listctrl中添加一个控件? 关于读取文本文件中字符串的问题 怎样判断编辑框里面的内容是数字还是字母?相当急! 为什么那么多的帖子都找不到了啊!!!怎么回事!! 明知不可为,坚持不屑 是傻 或 痴 ,还是有毅力 我的这个发送邮件功能不能用吗。请看? 关于SQL2000的日期的显示问题! <<<<行者兄请赏笑话 prog_st(st) 接分: 给哥们帮大忙了. 鼠标的点击范围 Object类型不包括Value属性么?为什么我的程序会出错? MSHFlexGrid的数据显示问题.(泰山,巴顿你们谁会啊?) 用VC编译Perl 源程序的详细步骤? <<<<行者兄请看笑话 一下却提示newwnd.mydiv对象找不到,搞不懂,为什么啊! MSHFlexGrid的数据显示问题.(泰山,巴顿你们谁会啊?) <<<<<行者兄请看最后一个笑话 [转载]一篇让语文老师看了抓狂的文章! 四则新闻 急急:关于 Strconv( )****** 一下却提示newwnd.mydiv对象找不到,搞不懂,为什么啊! 规模经济和范围经济的概念有什么区别?请举例对这两个概念加以说明. “电子电荷量的大小是最小的.” “人们把最小电荷叫做元电荷.” 那么是不是电子的电荷量就是元电荷呢 金属性,非金属性,为什么?1、元素的金属性可以通过置换水中或酸中的氢的难易程度或最高价氧化物对应的水化物的碱性强弱来判断;为什么和置换氢有关?为什么和最高价氧化物对应的水化 当有2C电荷量通过某电阻丝时,电功为12J,若在相同的时间内有4C的电荷量通过该电阻丝,则此时电阻丝两端的电压是多少?通过4C电荷量过程中电功多大? 1 .元电荷是最小的电荷量单位吗?那夸克呢?2.当一种电荷出现时 必然有等量的异种电荷出现 当一种电荷消失时 必然有等量的异种电荷消失.这句话对吗?为什么3.一个4He所带电荷量是多少库仑?2 布里渊区边界方程:n*(k-n/2a)=0的几何意义和物理意义 通过某电阻丝的电流变为原来的1\2,若不考虑温度对电阻大小的影响,则电阻丝的电阻将?A不变,B变为原来一半,C变为原来2倍,D无法确定 元电荷是带电荷量最小的带电粒子?为什么错? 第七英语 已知两异种电荷,距离为R,在一匀强电场作用下,处于平衡,求场强如何判断匀强电场方向 电荷在电场中某点的电势能等于____________________ 英语第七道? Q是产生电场的电荷,r是场强为E的点到Q的距离是什么意思? 二极管和三极管要作用上的区别是什么?三极管三个脚在连接上是怎么区分的? 英语翻译 金属性和非金属性与得失电子有什么联系? 在匀强电场中,将一电荷量为2乘以10的负五次方C的负电荷由A点移到B点,其电势能增加了0.1J,已知AB两点距离为2厘米,两点连线与电场方向成60度角,问:在电荷A移到B的过程中,电场力做了多少功 英语书第7页 在A点放一带电量为Q的正点电荷,求其形成的电场中某点P的场强大小和方向,已知距离为r 在匀强电场中,将一电荷量为2×10^-5C的负电荷由A点移到B点,其电势能增加了0.1J,已知AB两点间距离为2cm,两点连线与电场方向成60度角,该匀强电场的电场强度E为多大 英语第七题 还原性,氧化性,金属性,非金属性与得失电子的关系? 如图所示在匀强电场中将一电荷量为2×10-5C的负电荷由A点移到B点,其电势能增加了0.1J,已知AB两点间距离为2cm,两点连线与电场方向成600角,如图示.求(1)在电荷由A移到B的过程中,电场力做了多 倒摄抑制心理学知识 比较边际收益递减和规模报酬递减的差异?运用西方经济学原理 将一电量q等于五乘于十的负八次方的正电荷从电场中的A移到B点、真电荷的电势能增加了二乘五十的负六次方焦 什么是点动控制 A.生产要素的边际技术替代率递减是规模报酬递减规律造成的 这句话对吗 恒常收入名词解释 政府控制房名词解释名词解释 【物理】正电荷形成的电场中,负电荷是沿场强方向运动,还是沿场强方向的反方向运动?如果是负电荷形成的电场,负电荷的运动方向是不是相反? 电荷量是指( )单位( ) 每一主族从上到下,金属性逐渐增强,非金属性逐渐减弱,这句话对的?,最外层电子数不是不变吗? 组成二极管的PN结具有单向_性.三极管有_型和_型. 收益性支出工商企业会计 的 为什么最外层电子数越少其元素金属性越强?谢谢~~~ 还有那个什么原子序数越大原子半径越小? 谢谢~ PN结的反向击穿电压是多少?二极管三极管和稳压管是否一样呢? 简单滑动平均法某公司按周记录正义的周销量周次 1 2 3 4 5 6 7 8 9 10 销售量 4232 4560 4321 4612 4624 4589 4633 4627 4668 4671试选择合适的移动步长,用简单滑动平均预测方法推算第十一周的销量. 石墨烯的光学性质有没有人知道相关文献啊?石墨烯计算的相关性质,有没有实验和计算的相关文献提供哦? 区分边际报酬递增、不变和递减的情况与规模报酬递增、不变和递减的情况 何谓“滑动平均”? 石墨烯概念股一览 涉足石墨烯的上市公司有哪些 u=Ed中,d是指沿电场线方向距离,还是沿场强方向距离?电场力方向不一定在电场线上.如果电场线是直线,这种说法才是对的啊.那算题的时候按什么来算呢? 金属性越强越容易失去电子吗?非金属性越强,越容易得电子吗?如果以上成立的话,能否说成越容易失去电子,金属性越强 越容易得电子,非金属性越强 话说最近石墨烯那么火,为嘛没人用石墨烯的触摸屏?同上提问. 【物理】为什么电势沿着场强方向降低最快?.U=Ed.这个d是沿电场线方向距离,所以无论oa,o无论oa,ob,oc,od,oe他们距离都应该相等,所以降低快慢也相等啊,为什么是oc最快呢? 请问什么是滑动平均?它是怎么计算的? 网络名词解释.LS是啥意思?LZ是楼主吧. 半导体二极管具有什么性质?半导体三极管可以用来干什么? 金属性与非金属性哪个是失电子能力 非金属性最强的是什么元素?金属性最强的是什么元素?判断金属性和非金属性强弱的具体标准是什么? 半导体二极管三极管 怎样做数据的滑动平均滑动平均中的系数是怎么确定的?请高人指点非常感谢 zk1275722756朋友的热心帮助 可以从哪些方面比较元素的金属性?可以从哪些方面比较元素的非金属性? 元电荷是最小的电荷量单位电荷量的单位不是库仑吗 怎么是元电荷 只有金属才易失去电子?只有非金属才易得到电子么?氧化性就是非金属性?还原性就是金属性么? 元素的金属性、非金属性到底指什么? 元电荷是最小的电荷量单位这句话对吗 滑动平均法用什么程序 什么是元素的金属性?什么又是元素的非金属性?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘