在别的论坛讨论淘宝、京东的 APP 为啥这么卡,突然有想法,同样的效果实现,用 HTML5 做出来流畅极了,我自己都做过不少。看看淘宝、京东的 APP ,都卡成啥样了? listview 这么玩不害羞吗?就算手机浏览器开桌面版淘宝、京东那么大的数据量也是非常流畅的。
现在来看做展示的 APP , HTML5 优势还是蛮大的,就是场景切换的转场动画还不行。现在 cordova (主要针对机型多的 android )直接整合了 intel 的 crosswalk ,兼容性几乎不用操心。
![]() | 1 w88975 2015-09-24 10:18:47 +08:00 淘宝京东都是 HTML5 的 web app 啊....醉了 |
![]() | 2 amon 2015-09-24 10:19:13 +08:00 因为有了浏览器这个沙盒,它们干不了太多事,束手束脚的。 APP 嘛,你懂的。 |
![]() | 4 xingso 2015-09-24 10:21:18 +08:00 ![]() 京东淘宝 app 卡。。正是因为他们是 html 。。 23333 |
![]() | 5 ltl007131 2015-09-24 10:24:24 +08:00 不都是 webview 么(⊙o⊙)… |
![]() | 6 sxyclint 2015-09-24 10:24:24 +08:00 你搞反了吧? |
![]() | 响应慢了你再牛逼还能变快? |
![]() | 8 Exin 2015-09-24 10:29:30 +08:00 via iPhone 每次打开它们的 app 我都回到 n 年前的安卓体验 |
![]() | 9 ChefIsAwesome 2015-09-24 10:31:06 +08:00 你看看他们的手机网页是不是也卡成狗?所以他们怎么做都是卡成狗。 |
![]() | 10 DingSoung 2015-09-24 10:31:31 +08:00 我萌的商品详情 开始时 H5 + js, 太丑,卡,体验差。后来换原生, scrollview table 中间有部分是 web 流畅多了。 |
![]() | 11 lincanbin 2015-09-24 10:31:46 +08:00 via Android 淘宝京东那些都是 HTML 啊,你解开那个 apk 就知道了 |
![]() | 12 finab 2015-09-24 10:32:05 +08:00 HTML 在移动端的那尿性。。。。 |
![]() | 13 crs0910 2015-09-24 10:33:06 +08:00 你这真是高级黑啊!!! |
![]() | 14 anubiskong 2015-09-24 10:33:15 +08:00 ![]() 原生必然效率高, 这是铁打的事实 你看到的情况是原生卡很可能是他们的实现方式不好 |
![]() | 15 missingbobo 2015-09-24 10:33:52 +08:00 必须原生跟 web 结合 |
16 xanadu 2015-09-24 10:34:03 +08:00 我竟无言以对! |
17 shawngao 2015-09-24 10:34:05 +08:00 233~ 一笑而过 |
18 ibremn 2015-09-24 10:38:35 +08:00 哈哈哈! 流量、 CPU 、内存、流畅度, HTML 哪个能比原生的强? |
![]() | 19 TakanashiAzusa 2015-09-24 10:39:29 +08:00 高端黑 HTML5 。。淘宝现在都是内嵌 webview 了。。 |
20 saberpowermo 2015-09-24 10:40:58 +08:00 不懂装懂的人真可怕。。 |
![]() | 21 ericyl 2015-09-24 10:41:18 +08:00 2333333 |
![]() | 22 hominthesky 2015-09-24 10:42:13 +08:00 你确定你不是在黑 HTML5 ? |
![]() | 23 sandideas 2015-09-24 10:42:18 +08:00 via iPhone 黑的漂亮。。 |
24 jun4rui OP 不过我自己写的 HTML5 实现复杂效果很流畅,就算桌面端淘宝在手机上看也没客户端这么卡啊,求解惑 |
![]() | 25 ruchee 2015-09-24 10:43:57 +08:00 哈哈,装的一手好逼,把 HTML5 黑得渣都不剩 |
26 jun4rui OP @ChefIsAwesome 关键是手机版不卡,甚至很多人都说用 ucweb 看 m.taobao.com 比客户端流畅 |
![]() | 27 zt1991616 2015-09-24 10:47:27 +08:00 淘宝京东那些都是 HTML 啊 |
28 jun4rui OP 不懂就问,虽然被大家喷但是也学到东西了嘛。 流畅度的问题,我想想估计是淘宝京东为了兼容性,采用 webview 内核的问题,自己手机浏览器用的 Chrome 内核较高关系 |
![]() | 29 momou 2015-09-24 10:52:31 +08:00 Crosswalk 打个包直接多了 20M 。。。 |
![]() | 30 lk920724 2015-09-24 10:58:18 +08:00 混合吧。。。 |
![]() | 31 learnshare 2015-09-24 11:02:38 +08:00 你说的这几个 App ,都是混合型的,卡都是因为有内嵌 Web 页面。 |
![]() | 32 Wangxf 2015-09-24 11:02:42 +08:00 哥,你看的那些都是 html 包在 app 里面啊。。。。 |
![]() | 33 code4life 2015-09-24 11:04:56 +08:00 楼主,是不是你的网络不好啊? 2333333333333 |
![]() | 34 ibcker 2015-09-24 11:14:27 +08:00 via Android 卡在你看不见的功能上,例如埋藏的广告位,换量…等等。 |
![]() | 35 ybh37 2015-09-24 11:46:22 +08:00 我竟然无言以对 |
![]() | 36 iOSSer 2015-09-24 11:52:51 +08:00 你这是在黑你自己吗? 赶快把帖删了~ |
![]() | 37 wwqgtxx 2015-09-24 12:00:14 +08:00 via Android 百度贴吧则是完全相反 |
![]() | 38 uleh 2015-09-24 12:32:06 +08:00 lz 你是基丁么 |
![]() | 40 jasonkxs 2015-09-24 12:57:58 +08:00 难道你不知道京东淘宝都是 H5 嘛? |
![]() | 41 KNOX 2015-09-24 13:19:27 +08:00 lz 你是故意的么?了解过 app 开发? |
42 how2code 2015-09-24 13:24:18 +08:00 楼主只是高端黑 |
![]() | 43 ziming2018 2015-09-24 13:29:21 +08:00 @amon 有道理 |
![]() | 44 mio4kon 2015-09-24 13:29:52 +08:00 醉了..我看淘宝 JD HTML5 页面炒鸡卡.包括大众点评的部分也是改为了 HTML5 真心卡 原生的页面才流畅 |
45 iamjjh 2015-09-24 14:54:46 +08:00 他们是 html 啊,逗,这都没看出来 |
![]() | 46 robotdiy 2015-09-24 15:01:06 +08:00 黑,继续黑~ |
![]() | 47 sueslee 2015-09-24 15:02:16 +08:00 在开发者选项里打开“显示布局边界”,没边界的就是 webView 啦~ |
48 kx5d62Jn1J9MjoXP 2015-09-24 15:06:16 +08:00 京东的 Android app 大部分页面都不是 html 吧,是 native 的界面。 |
49 neo2015 2015-09-24 15:08:22 +08:00 据阿里的人说,淘宝光优化 webview 的都四五十人了。。。 那他们比,能比吗 |
![]() | 50 samuel37 2015-09-24 15:54:30 +08:00 最近在学 iOS 开发,表示从来没写出过比淘宝卡的应用,就算优化再烂也不会出现卡读取界面的情况 |
![]() | 51 zhangchioulin 2015-09-24 15:59:27 +08:00 高级黑...那就是 webview |
![]() | 52 maemolee 2015-09-24 16:11:57 +08:00 哈哈哈哈……看题主一身浩然正气我以为真的“只有 HTML5 能救淘宝京东”,看了评论才知道做人不能不懂装懂啊 www |
![]() | 53 CommandZi 2015-09-24 16:20:24 +08:00 "在别的论坛讨论淘宝、京东的 APP 为啥这么卡"第一句话就亮了,到底讨论出来为什么卡了吗? |
54 dididada 2015-09-24 16:21:34 +08:00 唯快不破,只要功能正常可用,速度的需求大于美观的需求. |
![]() | 55 chisj 2015-09-24 17:48:49 +08:00 楼主高级黑 |
![]() | 56 yh7gdiaYW 2015-09-24 17:57:41 +08:00 京东金融做的就很好啊,流畅度爆表 |
![]() | 57 ljbha007 2015-09-24 18:18:53 +08:00 卡不卡完全是程序员自己水平的问题 js 是单线程的 很多前端写代码的时候没有考虑到这个问题 于是会出现本来性能没有问题界面动画却非常卡的现象 还有一部分是模版引擎的原因 传统的 js 模版引擎只要数据一改就得整个一起重绘(比如 backbone 自带的那个、 ejs 等)而 dom 重绘的速度比 js 的执行速度慢很多很多 React.js 很好的解决了这个问题 |
![]() | 58 ljbha007 2015-09-24 18:19:33 +08:00 不过 cordova 是真心坑!! 今早刚读了源码 瞬间石化 |
![]() | 59 ll0xff 2015-09-24 18:38:55 +08:00 泊松亮斑,突然就想到这个 |
61 jun4rui OP @neo2015 好像腾讯的 x5 引擎也是如此,速度贼快,兼容性贼好, html 兼容测试得分很高,而且不是虚高的那种,实打实的都实现了,我觉得阿里的程序员应该远逊腾讯的。 |
62 TakWolf 2015-09-24 19:00:28 +08:00 楼主,你确定不是高端黑 |
![]() | 63 bleaker 2015-09-24 19:03:44 +08:00 这种体量的电商前端业务应该非常复杂,希望重用代码是可以理解的,另外 android 自带 webview 性能巨烂也是一个原因, iOS 上也是 UIWebView 就特别流畅 另外以后会上 react native ,可以期待一下 |
![]() | 64 Khlieb 2015-09-24 19:19:33 +08:00 via Android 其实有些网站喜欢在网页里面加一堆额外的数据请求,给用户提供很多包括追踪脚本在内的数据耗费用户的设备性能和流量。 http://www.solidot.org/story?sid=44894 |
![]() | 67 imskull 2015-09-24 20:01:25 +08:00 尼玛,作为一个正在做 HTML5 项目的码农欣喜若狂的进来,发现。。。这一高端黑,我勒个去,好久都没这么伤心过了。。。 |
![]() | 68 easing 2015-09-24 20:17:32 +08:00 手淘内部被称为航母。。里面的乱七八糟的东西超乎你想象 |
![]() | 69 7654 2015-09-24 20:34:06 +08:00 京东 APP 每次都会被劫持放广告,看着真恶心 |
![]() | 72 zonghua 2015-09-24 21:09:56 +08:00 用 html5 的开发一个安兔兔试试看?开发 |
![]() | 73 ZRS 2015-09-24 21:53:08 +08:00 taobao 卡吐...倒是 zhihu 的体验挺不错 |
![]() | 74 haogefeifei 2015-09-25 09:09:02 +08:00 淘宝卡吐了。。。 |
![]() | 75 Abon 2015-09-25 09:40:23 +08:00 淘宝、京东,一号店,还有其他电商或其他重运营的网站采取的都是混合开发。。。 他们的 listview 卡是因为那是 html 界面 不懂装懂真可怕 |
77 pljhonglu 2015-09-25 10:10:22 +08:00 哈哈,京东和淘宝的前端们哭了。。。 |
![]() | 78 qianleilei 2015-09-25 10:13:14 +08:00 高端黑 |
![]() | 79 cielpy 2015-09-25 10:52:04 +08:00 高端。。 |
80 xiecrab 2015-09-25 16:06:29 +08:00 太黑了。。。不说数据量的比较都是耍流氓。。。。。。。。。。 JD,tmall 什么数据量,你自己写的什么数据量。。。。。。。。 |