V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jun4rui
V2EX  ›  程序员

移动开发,原生还真不一定比 HTML5 强啊

  •  
  •   jun4rui · 2015-09-24 10:15:33 +08:00 · 13361 次点击
    这是一个创建于 3347 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在别的论坛讨论淘宝、京东的 APP 为啥这么卡,突然有想法,同样的效果实现,用 HTML5 做出来流畅极了,我自己都做过不少。看看淘宝、京东的 APP ,都卡成啥样了? listview 这么玩不害羞吗?就算手机浏览器开桌面版淘宝、京东那么大的数据量也是非常流畅的。

    现在来看做展示的 APP , HTML5 优势还是蛮大的,就是场景切换的转场动画还不行。现在 cordova (主要针对机型多的 android )直接整合了 intel 的 crosswalk ,兼容性几乎不用操心。

    81 条回复    2016-10-08 14:02:04 +08:00
    w88975
        1
    w88975  
       2015-09-24 10:18:47 +08:00
    淘宝京东都是 HTML5 的 web app 啊....醉了
    amon
        2
    amon  
       2015-09-24 10:19:13 +08:00
    因为有了浏览器这个沙盒,它们干不了太多事,束手束脚的。
    APP 嘛,你懂的。
    jun4rui
        3
    jun4rui  
    OP
       2015-09-24 10:20:01 +08:00
    @w88975 我看看去,不会吧?就那么点内容, HTML5 能卡成狗?你别忽悠我
    xingso
        4
    xingso  
       2015-09-24 10:21:18 +08:00   ❤️ 8
    京东淘宝 app 卡。。正是因为他们是 html 。。 23333
    ltl007131
        5
    ltl007131  
       2015-09-24 10:24:24 +08:00
    不都是 webview 么(⊙o⊙)…
    sxyclint
        6
    sxyclint  
       2015-09-24 10:24:24 +08:00
    你搞反了吧?
    yufenglx
        7
    yufenglx  
       2015-09-24 10:24:55 +08:00
    响应慢了你再牛逼还能变快?
    Exin
        8
    Exin  
       2015-09-24 10:29:30 +08:00 via iPhone
    每次打开它们的 app 我都回到 n 年前的安卓体验
    ChefIsAwesome
        9
    ChefIsAwesome  
       2015-09-24 10:31:06 +08:00
    你看看他们的手机网页是不是也卡成狗?所以他们怎么做都是卡成狗。
    DingSoung
        10
    DingSoung  
       2015-09-24 10:31:31 +08:00
    我萌的商品详情 开始时 H5 + js, 太丑,卡,体验差。后来换原生, scrollview table 中间有部分是 web 流畅多了。
    lincanbin
        11
    lincanbin  
       2015-09-24 10:31:46 +08:00 via Android
    淘宝京东那些都是 HTML 啊,你解开那个 apk 就知道了
    finab
        12
    finab  
       2015-09-24 10:32:05 +08:00
    HTML 在移动端的那尿性。。。。
    crs0910
        13
    crs0910  
       2015-09-24 10:33:06 +08:00
    你这真是高级黑啊!!!
    anubiskong
        14
    anubiskong  
       2015-09-24 10:33:15 +08:00   ❤️ 1
    原生必然效率高, 这是铁打的事实
    你看到的情况是原生卡很可能是他们的实现方式不好
    missingbobo
        15
    missingbobo  
       2015-09-24 10:33:52 +08:00
    必须原生跟 web 结合
    xanadu
        16
    xanadu  
       2015-09-24 10:34:03 +08:00
    我竟无言以对!
    shawngao
        17
    shawngao  
       2015-09-24 10:34:05 +08:00
    233~ 一笑而过
    ibremn
        18
    ibremn  
       2015-09-24 10:38:35 +08:00
    哈哈哈!
    流量、 CPU 、内存、流畅度, HTML 哪个能比原生的强?
    TakanashiAzusa
        19
    TakanashiAzusa  
       2015-09-24 10:39:29 +08:00
    高端黑 HTML5 。。淘宝现在都是内嵌 webview 了。。
    saberpowermo
        20
    saberpowermo  
       2015-09-24 10:40:58 +08:00
    不懂装懂的人真可怕。。·
    ericyl
        21
    ericyl  
       2015-09-24 10:41:18 +08:00
    2333333
    hominthesky
        22
    hominthesky  
       2015-09-24 10:42:13 +08:00
    你确定你不是在黑 HTML5 ?
    sandideas
        23
    sandideas  
       2015-09-24 10:42:18 +08:00 via iPhone
    黑的漂亮。。
    jun4rui
        24
    jun4rui  
    OP
       2015-09-24 10:43:45 +08:00
    不过我自己写的 HTML5 实现复杂效果很流畅,就算桌面端淘宝在手机上看也没客户端这么卡啊,求解惑
    ruchee
        25
    ruchee  
       2015-09-24 10:43:57 +08:00
    哈哈,装的一手好逼,把 HTML5 黑得渣都不剩
    jun4rui
        26
    jun4rui  
    OP
       2015-09-24 10:44:21 +08:00
    @ChefIsAwesome 关键是手机版不卡,甚至很多人都说用 ucweb 看 m.taobao.com 比客户端流畅
    zt1991616
        27
    zt1991616  
       2015-09-24 10:47:27 +08:00
    淘宝京东那些都是 HTML 啊
    jun4rui
        28
    jun4rui  
    OP
       2015-09-24 10:52:01 +08:00
    不懂就问,虽然被大家喷但是也学到东西了嘛。

    流畅度的问题,我想想估计是淘宝京东为了兼容性,采用 webview 内核的问题,自己手机浏览器用的 Chrome 内核较高关系
    momou
        29
    momou  
       2015-09-24 10:52:31 +08:00
    Crosswalk 打个包直接多了 20M 。。。
    lk920724
        30
    lk920724  
       2015-09-24 10:58:18 +08:00
    混合吧。。。
    learnshare
        31
    learnshare  
       2015-09-24 11:02:38 +08:00
    你说的这几个 App ,都是混合型的,卡都是因为有内嵌 Web 页面。
    Wangxf
        32
    Wangxf  
       2015-09-24 11:02:42 +08:00
    哥,你看的那些都是 html 包在 app 里面啊。。。。
    code4life
        33
    code4life  
       2015-09-24 11:04:56 +08:00
    楼主,是不是你的网络不好啊? 2333333333333
    ibcker
        34
    ibcker  
       2015-09-24 11:14:27 +08:00 via Android
    卡在你看不见的功能上,例如埋藏的广告位,换量…等等。
    ybh37
        35
    ybh37  
       2015-09-24 11:46:22 +08:00
    我竟然无言以对
    iOSSer
        36
    iOSSer  
       2015-09-24 11:52:51 +08:00
    你这是在黑你自己吗?
    赶快把帖删了~😂
    wwqgtxx
        37
    wwqgtxx  
       2015-09-24 12:00:14 +08:00 via Android
    百度贴吧则是完全相反
    uleh
        38
    uleh  
       2015-09-24 12:32:06 +08:00
    lz 你是基丁么
    mufeng
        39
    mufeng  
       2015-09-24 12:45:14 +08:00
    @wwqgtxx 感觉 web 还行啊
    jasonkxs
        40
    jasonkxs  
       2015-09-24 12:57:58 +08:00
    难道你不知道京东淘宝都是 H5 嘛?
    KNOX
        41
    KNOX  
       2015-09-24 13:19:27 +08:00
    lz 你是故意的么?了解过 app 开发?
    how2code
        42
    how2code  
       2015-09-24 13:24:18 +08:00
    楼主只是高端黑
    ziming2018
        43
    ziming2018  
       2015-09-24 13:29:21 +08:00
    @amon 有道理
    mio4kon
        44
    mio4kon  
       2015-09-24 13:29:52 +08:00
    醉了..我看淘宝 JD HTML5 页面炒鸡卡.包括大众点评的部分也是改为了 HTML5 真心卡 原生的页面才流畅
    iamjjh
        45
    iamjjh  
       2015-09-24 14:54:46 +08:00
    他们是 html 啊,逗,这都没看出来
    robotdiy
        46
    robotdiy  
       2015-09-24 15:01:06 +08:00
    黑,继续黑~
    sueslee
        47
    sueslee  
       2015-09-24 15:02:16 +08:00
    在开发者选项里打开“显示布局边界”,没边界的就是 webView 啦~
    kx5d62Jn1J9MjoXP
        48
    kx5d62Jn1J9MjoXP  
       2015-09-24 15:06:16 +08:00
    京东的 Android app 大部分页面都不是 html 吧,是 native 的界面。
    neo2015
        49
    neo2015  
       2015-09-24 15:08:22 +08:00
    据阿里的人说,淘宝光优化 webview 的都四五十人了。。。

    那他们比,能比吗
    samuel37
        50
    samuel37  
       2015-09-24 15:54:30 +08:00
    最近在学 iOS 开发,表示从来没写出过比淘宝卡的应用,就算优化再烂也不会出现卡读取界面的情况
    zhangchioulin
        51
    zhangchioulin  
       2015-09-24 15:59:27 +08:00
    高级黑...那就是 webview
    maemolee
        52
    maemolee  
       2015-09-24 16:11:57 +08:00
    哈哈哈哈……看题主一身浩然正气我以为真的“只有 HTML5 能救淘宝京东”,看了评论才知道做人不能不懂装懂啊 www
    CommandZi
        53
    CommandZi  
       2015-09-24 16:20:24 +08:00
    "在别的论坛讨论淘宝、京东的 APP 为啥这么卡"第一句话就亮了,到底讨论出来为什么卡了吗?
    dididada
        54
    dididada  
       2015-09-24 16:21:34 +08:00
    唯快不破,只要功能正常可用,速度的需求大于美观的需求.
    chisj
        55
    chisj  
       2015-09-24 17:48:49 +08:00
    楼主高级黑
    yh7gdiaYW
        56
    yh7gdiaYW  
       2015-09-24 17:57:41 +08:00
    京东金融做的就很好啊,流畅度爆表
    ljbha007
        57
    ljbha007  
       2015-09-24 18:18:53 +08:00
    卡不卡完全是程序员自己水平的问题
    js 是单线程的 很多前端写代码的时候没有考虑到这个问题 于是会出现本来性能没有问题界面动画却非常卡的现象

    还有一部分是模版引擎的原因
    传统的 js 模版引擎只要数据一改就得整个一起重绘(比如 backbone 自带的那个、 ejs 等)而 dom 重绘的速度比 js 的执行速度慢很多很多
    React.js 很好的解决了这个问题
    ljbha007
        58
    ljbha007  
       2015-09-24 18:19:33 +08:00
    不过 cordova 是真心坑!! 今早刚读了源码 瞬间石化
    ll0xff
        59
    ll0xff  
       2015-09-24 18:38:55 +08:00
    泊松亮斑,突然就想到这个
    sunyang
        60
    sunyang  
       2015-09-24 18:43:52 +08:00
    @ll0xff 哈哈,我也想到了,握个爪。
    jun4rui
        61
    jun4rui  
    OP
       2015-09-24 18:56:15 +08:00 via Android
    @neo2015 好像腾讯的 x5 引擎也是如此,速度贼快,兼容性贼好, html 兼容测试得分很高,而且不是虚高的那种,实打实的都实现了,我觉得阿里的程序员应该远逊腾讯的。
    TakWolf
        62
    TakWolf  
       2015-09-24 19:00:28 +08:00
    楼主,你确定不是高端黑
    bleaker
        63
    bleaker  
       2015-09-24 19:03:44 +08:00
    这种体量的电商前端业务应该非常复杂,希望重用代码是可以理解的,另外 android 自带 webview 性能巨烂也是一个原因, iOS 上也是 UIWebView 就特别流畅

    另外以后会上 react native ,可以期待一下
    Khlieb
        64
    Khlieb  
       2015-09-24 19:19:33 +08:00 via Android
    其实有些网站喜欢在网页里面加一堆额外的数据请求,给用户提供很多包括追踪脚本在内的数据耗费用户的设备性能和流量。
    http://www.solidot.org/story?sid=44894
    jun4rui
        65
    jun4rui  
    OP
       2015-09-24 19:28:31 +08:00 via Android
    @TakWolf 纯天然物质老码一个,绝对不黑
    jhdxr
        66
    jhdxr  
       2015-09-24 19:35:41 +08:00
    @neo2015 没那么多。。。
    imskull
        67
    imskull  
       2015-09-24 20:01:25 +08:00
    尼玛,作为一个正在做 HTML5 项目的码农欣喜若狂的进来,发现。。。这一高端黑,我勒个去,好久都没这么伤心过了。。。
    easing
        68
    easing  
       2015-09-24 20:17:32 +08:00
    手淘内部被称为航母。。里面的乱七八糟的东西超乎你想象
    7654
        69
    7654  
       2015-09-24 20:34:06 +08:00
    京东 APP 每次都会被劫持放广告,看着真恶心
    zixincao
        70
    zixincao  
       2015-09-24 20:39:51 +08:00
    @all 都说说具体解决方案呗!
    jun4rui
        71
    jun4rui  
    OP
       2015-09-24 20:40:59 +08:00 via Android
    @easing 快说说呗!
    zonghua
        72
    zonghua  
       2015-09-24 21:09:56 +08:00
    用 html5 的开发一个安兔兔试试看?开发
    ZRS
        73
    ZRS  
       2015-09-24 21:53:08 +08:00
    taobao 卡吐...倒是 zhihu 的体验挺不错
    haogefeifei
        74
    haogefeifei  
       2015-09-25 09:09:02 +08:00
    淘宝卡吐了。。。
    Abon
        75
    Abon  
       2015-09-25 09:40:23 +08:00
    淘宝、京东,一号店,还有其他电商或其他重运营的网站采取的都是混合开发。。。
    他们的 listview 卡是因为那是 html 界面
    不懂装懂真可怕
    my101du
        76
    my101du  
       2015-09-25 09:59:03 +08:00
    @Abon 呃,京东的 ListView 好像不卡啊……
    pljhonglu
        77
    pljhonglu  
       2015-09-25 10:10:22 +08:00
    哈哈,京东和淘宝的前端们哭了。。。
    qianleilei
        78
    qianleilei  
       2015-09-25 10:13:14 +08:00
    高端黑
    cielpy
        79
    cielpy  
       2015-09-25 10:52:04 +08:00
    高端。。
    xiecrab
        80
    xiecrab  
       2015-09-25 16:06:29 +08:00
    太黑了。。。不说数据量的比较都是耍流氓。。。。。。。。。。 JD,tmall 什么数据量,你自己写的什么数据量。。。。。。。。
    zioc
        81
    zioc  
       2016-10-08 14:02:04 +08:00
    @ZRS 知乎不是 webview 吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5609 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 06:33 · PVG 14:33 · LAX 22:33 · JFK 01:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.