手机支付宝中使用了什么webweb后台开发技术术

来源：蜘蛛抓取(WebSpider) 时间：2016-02-27 09:07 标签： web开发技术
今天打开手机支付宝看到我的快递服务几乎翻新，比之前的好用多了。所以想了解下支付宝团队在支付宝手机客户端开发中使用了什么web相关的开发技术？
离线包…… 让h5页面秒开，可以去看看花呗的页面，做的跟native没什么区别
「我的快递」是纯 HTML 应用，并不是用原生替代了。&br&&br&支付宝钱包里面的一大半应用是用 HTML / JavaScript 开发的，其中分为在线页面和&b&离线包&/b&两种类型。&br&在线页面就是再容器里面访问的手机网站。&br&离线包是把 HTML/CSS/JS 以及其他静态资源打包得到的压缩文件。如果你把离线包解压，里面的 HTML 是可以在本地浏览器打开的。只是由于 js 里面一般会调用钱包 API，在浏览器里面直接运行会报错。（PS: 我在开发离线包时，写了一套兼容接口，这样页面在普通浏览器里面也能正常运行了。）&br&如果离线包应用的功能需要升级，要改代码 - 构建并打包成离线包 - 发布。&br&钱包启动时会检查各个应用的版本，如果有更新，会在合适的时候下载离线包并解压。&br&由于离线包缺少服务器渲染，如果需要和服务器交互数据，需要调用钱包 API，钱包会通过网关和服务器发生请求。类似 AJAX。&br&虽然这些应用页面是 HTML 做的，但是里面的弹框、Loading、二维码扫描 啊等等都是钱包的原生功能。钱包通过 JSbridge 的方式给网页提供接口以调用这些功能。了解微信网页开发的应该都知道 WeixinJSBridge，差不多。&br&&br&PS：「我的快递」这个应用主要功能是离线包，但是里面的「寄件」是在线页面。可以观察下。&br&&br&前面咋有答案说 React... 支付宝内部的确有不少地方在用 React，但是钱包里面用 React 的真没见过。离线包是有体积限制的，如果用 React 什么功能不写就超过 100k 了。&br&&br&补个图：&br&&img src=&/8cec4a218c_b.png& data-rawwidth=&400& data-rawheight=&719& class=&content_image& width=&400&&
「我的快递」是纯 HTML 应用，并不是用原生替代了。支付宝钱包里面的一大半应用是用 HTML / JavaScript 开发的，其中分为在线页面和离线包两种类型。在线页面就是再容器里面访问的手机网站。离线包是把 HTML/CSS/JS 以及其他静态资源打包得到的压缩文件。如…
支付宝钱包目前有相当一部分的页面是用HTML5写的，而且也有一部分的native应用会有计划地逐步过渡到HTML5上去。&br&&br&目前在很多机型上两者的差距已经不太明显，况且现在的HTML应用基本都会特地等待几百毫秒再切入，尽可能地消灭白屏，很多人也看不出来了。&br&&br&至于用了什么技术，没什么技术，无非zepto, fastclick之类的，界面用自己开发的amui，没啥复杂的框架也没黑魔法，组里面一个人干3个人的活儿真的没心思折腾。
支付宝钱包目前有相当一部分的页面是用HTML5写的，而且也有一部分的native应用会有计划地逐步过渡到HTML5上去。目前在很多机型上两者的差距已经不太明显，况且现在的HTML应用基本都会特地等待几百毫秒再切入，尽可能地消灭白屏，很多人也看不出来了。至于用…
已有帐号？
无法登录？
社交帐号登录
瓦斯弹要爆炸了手机支付宝中使用了什么web开发技术？
今天打开手机支付宝看到我的快递服务几乎翻新，比之前的好用多了。所以想了解下支付宝团队在支付宝手机客户端开发中使用了什么web相关的开发技术？
按时间排序
react。。还有什么首屏渲染。。。
说的挺好的。移动端的挑战已经过了拓荒时代，现在面临的挑战更多的是，每个细节的极致，貌似没啥好像高深的技术后面是对很多东西思考的结果，一个英雄js库搞定一切的时代已经过去，更多的是现有方案的选型，各层的无缝配合以及工程化的标准开发
打离线包、和native通信的bridge云云吧，反正就是hybrid开发模式。说react的应该没这个必要吧，杀猪焉用宰牛刀。
支付宝钱包目前有相当一部分的页面是用HTML5写的，而且也有一部分的native应用会有计划地逐步过渡到HTML5上去。目前在很多机型上两者的差距已经不太明显，况且现在的HTML应用基本都会特地等待几百毫秒再切入，尽可能地消灭白屏，很多人也看不出来了。至于用了什么技术，没什么技术，无非zepto, fastclick之类的，界面用自己开发的amui，没啥复杂的框架也没黑魔法，组里面一个人干3个人的活儿真的没心思折腾。
「我的快递」是纯 HTML 应用，并不是用原生替代了。支付宝钱包里面的一大半应用是用 HTML / JavaScript 开发的，其中分为在线页面和离线包两种类型。在线页面就是再容器里面访问的手机网站。离线包是把 HTML/CSS/JS 以及其他静态资源打包得到的压缩文件。如果你把离线包解压，里面的 HTML 是可以在本地浏览器打开的。只是由于 js 里面一般会调用钱包 API，在浏览器里面直接运行会报错。（PS: 我在开发离线包时，写了一套兼容接口，这样页面在普通浏览器里面也能正常运行了。）如果离线包应用的功能需要升级，要改代码 - 构建并打包成离线包 - 发布。钱包启动时会检查各个应用的版本，如果有更新，会在合适的时候下载离线包并解压。由于离线包缺少服务器渲染，如果需要和服务器交互数据，需要调用钱包 API，钱包会通过网关和服务器发生请求。类似 AJAX。虽然这些应用页面是 HTML 做的，但是里面的弹框、Loading、二维码扫描 啊等等都是钱包的原生功能。钱包通过 JSbridge 的方式给网页提供接口以调用这些功能。了解微信网页开发的应该都知道 WeixinJSBridge，差不多。PS：「我的快递」这个应用主要功能是离线包，但是里面的「寄件」是在线页面。可以观察下。前面咋有答案说 React... 支付宝内部的确有不少地方在用 React，但是钱包里面用 React 的真没见过。离线包是有体积限制的，如果用 React 什么功能不写就超过 100k 了。补个图：
离线包…… 让h5页面秒开，可以去看看花呗的页面，做的跟native没什么区别
HTML5，react
把体验不好的地方慢慢都用原生来代替了
已有帐号？
无法登录？
社交帐号登录邮箱账号：
请输入邮箱帐号!
请输入账号密码!
请输入Djob码!
自动登录 (网吧,公共环境下请取消)
授权登录：
还没有账号，
西安景冉通信有限公司
公司行业：
IT行业、计算机、互联网、通讯、电子、电子商务、仪器仪、微电子技术表等
招聘人数：
提供月薪：
工作性质：
学历要求：
工作年限：
年龄要求：
职位类别：
软件工程师
工作地点：
西安-高新技术产业开发区
职位描述：
&&&&岗位职责:1、负责公司网页、网站需求分析，功能设计、架构设计讨论；2、精通PHP及支付宝、微信接口开发、JS(Java Script)、（thinkPhP 框架）、HTML(4.0.5.0)、CSS3 ；熟悉WEB页面制作；3、根据产品文档分解任务，协调和安排项目组织内的工作；任职资格:1、专科及以上学历，计算机及相关专业，1年以上互联网经验；2、善于与人沟通，良好的团队合作精神和高度的责任感，能够承受压力，有创新精神，保证工作质量；3、应聘时请务必提供相应个人资料；工作时间:早9:00-晚17:30 、 周末双休
查看地图位置
统一热线：5

我要回帖

更多关于 web开发技术 的文章

 

随机推荐