最近用了一下乐车邦。发现他们的ios App和微信版本其实是同一个,都是使用的html5 页面。第一次感受到这个级别的app ,用html5代替原生开发完全够了,也是我接触过的html5应用中体验最好的。不知道他们用了一些什么框架和技术 以下是他们app的链接 ,居然自动广告了。
乐车邦 - 指尖上的养车神器
回复内容:
体验了一下app,确实是非常流畅的
-------------------------2015.11.6 13:00------------------------
作为前端菜鸟,简单看了一下webapp的代码,从这里看应该使用了backbone框架和require.js。
这类页面切换用了CSS3来做切换动画,ajax请求API的响应速度也是非常快,所以感觉十分流畅。
-------------------updated at 2015.11.7 ----------------------
有知友回复问这么看这个代码。
先在看chrome 开发者工具的 网络 中可以看到这里的main.js
接着就来这里使用工具把这个压缩过的js重新格式化出来,JS混淆加密压缩
这里就是可以阅读的代码了
其实我是菜鸟。
可以借助dcloud的mui以及h5 plus来用html开发native应用。
-
此题怎么有点推广帖的味道?
--- 2015-11-06 19:00:18 update ---
抽空看了一下。APP 端直接是开了个 webview 链接到了网站上。
所有资源用 manifest 做了本地缓存,所以第一次进入的时候会闪一下,或者慢一点。
js 和一些不太变动的数据存在 localStorage 中。主要使用到的库或者框架其他小伙伴也回答了,就不重复了。
css直接加载的 web 的便于修改。
APP端会多加载一个 js 用于和 native code 交互,原理和phone gap一样,这里应该只是用来做分享用到了
--- 2015-11-04 14:24:42 update ---
这竟然真的是一个 HTML5 的 APP 。有空的时候深入研究下。流畅度我给100分
--- 2015-11-03 ---
占个坑,明天研究下,确实很流畅,不像是phonegap的
安卓翻了下require、backbone,不过似乎看起来有携程的,CtripUtil
requirejs/zepto/backgone/underscore/iscroll/fastclick找了些关键词
欠人去黑的玩意儿
对不起我答不对题了,老子没车也从来没去注册过,给我发这两条短信前听都没听说过什么漏车帮谢谢
性能确实很不错。server性能也很出色。初步观察发现主要逻辑都打包到了一个js中,css也是。但页面切换没有使用过渡动画。用起来还不够原生的感觉。
我们公司的移动站点和这个类似。但逻辑是按需加载的。
https://m.yiqihao.com
的确挺流畅的。
噻,试用了一下,果然很流畅,H5做出几乎Native的效果,赞!
都是些开源技术,总结一套适合公司业务的东西.
乐车邦跪求h5高级工程师,现在就只有一个h5, 乐车邦h5对接了各大渠道, 比如百度地图的汽车保养,腾讯汽车频道,天猫都已对接成功,接下来糯米,大众,京东等各大渠道也会对接h5,想挑战并实践h5技术实现的同学,请发简历到liaowei@lechebang.com