V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
kaxi
V2EX  ›  JavaScript

lai 为什么拼多多的小程序体验这么的流畅?感觉像在使用原生 APP 一样

  •  1
     
  •   kaxi · 2018-09-29 12:54:04 +08:00 · 9922 次点击
    这是一个创建于 2273 天前的主题,其中的信息可能已经有所发展或是发生改变。

    为什么拼多多的小程序体验这么的流畅?感觉像在使用原生 APP 一样。他们用了那些方法去提升性能。

    小程序刚出来的时候遭到很多同行诟病,觉得不就是 H5 吗,体验能和原生比吗?事实上,确实如此,绝大多数的小程序体验真的是不怎么样,稍好的也只是介于 H5 和原生之间。

    但是,但是,但是!当我用了一下拼多多后,表示吃惊了,感觉是非常的流畅,基本可以和原生 APP 媲美。

    希望认真探讨一下!

    第 1 条附言  ·  2018-09-29 15:15:10 +08:00
    说明一下:

    我想说的是,在小程序的生态圈里。很多的小程序在页面并不多的前提下体验相对都不是很顺滑,而拼多多算是中了几的小程序了,页面非常多也相对更复杂,然而体验却非常好,基本可以和原生媲美了。

    所以,问题点是相对于其他结构简单体验一般的小程序,拼多多采取了哪些优化措施来保证在页面众多,结构相对复杂的情况下还能做到如此丝滑?!
    32 条回复    2018-10-11 17:48:51 +08:00
    imdong
        1
    imdong  
       2018-09-29 13:05:48 +08:00
    嗯,讲真,没用过拼多多...
    小程序也几乎很少用。
    passerbytiny
        2
    passerbytiny  
       2018-09-29 13:09:50 +08:00
    小程序的重点是“小”,不是“程序”
    zyEros
        3
    zyEros  
       2018-09-29 13:41:53 +08:00
    只要你老老实实写,性能都不差呀,你看看知乎啥的,蘑菇街啥的,都很流畅啊
    183387594
        4
    183387594  
       2018-09-29 13:51:09 +08:00
    之前美团小程序 超级卡
    gesse
        5
    gesse  
       2018-09-29 14:05:51 +08:00   ❤️ 1
    现在的前端各种臃肿,就简单点, 功能自己写, 不求花哨的乱七八糟的东西。

    重点在业务、人性化上, 肯定会流畅不少。
    doublleft
        6
    doublleft  
       2018-09-29 14:06:07 +08:00
    @183387594 美团卡会不会是 mpvue 的锅,总想着平滑移植
    kaxi
        7
    kaxi  
    OP
       2018-09-29 14:07:42 +08:00
    或者说 谁抓过 拼多多的包?看看他们的源码是不是都没用到什么框架?
    gchxp
        8
    gchxp  
       2018-09-29 14:48:09 +08:00   ❤️ 1
    难道不是因为其他同类电商网站(淘宝 京东)的原生 app 更卡么...
    natforum
        9
    natforum  
       2018-09-29 14:48:43 +08:00
    为啥微信里没有淘宝支付宝小程序
    xiaop1ng
        10
    xiaop1ng  
       2018-09-29 14:50:03 +08:00 via Android
    @183387594 美团好像用了 vue 的一个组件库
    watch
        11
    watch  
       2018-09-29 14:53:32 +08:00
    因为轻?
    dovme
        12
    dovme  
       2018-09-29 14:56:51 +08:00
    =因为小程序独立出来了许多系统的原生组件,调用的就是系统的原生组件,当然很流畅
    catteroLo
        13
    catteroLo  
       2018-09-29 15:11:44 +08:00
    @natforum 马云给麻花疼站台,怕不是失了智了
    natforum
        14
    natforum  
       2018-09-29 16:07:51 +08:00
    @catteroLo 因为我觉得每次使用阿里系的软件都卡得象屎一样
    cz5424
        15
    cz5424  
       2018-09-29 16:09:50 +08:00
    @natforum 同感,尤其是在安卓上表现非常明显
    annielong
        16
    annielong  
       2018-09-29 16:20:22 +08:00
    功能比较接近原生组件吧,有些功能看起来简单,但是要用基本组件就不行,非要几个组件拼接或者多处调用才行
    kaxi
        17
    kaxi  
    OP
       2018-09-29 16:45:01 +08:00
    @annielong 看来 v2 里大都偏后端了,前端的同学偏少。。我想要的不是和 APP 去做对比分析,而是在小程序圈内,拼多多体验比绝大多数小程序体验明显好很多,甚至逼近原生 APP 的体验了,为什么别的小程序做不到这个地步,而他能够做到?!
    madNeal
        18
    madNeal  
       2018-09-29 19:20:25 +08:00
    @xiaop1ng 美团是自己开源了一个 mpvue
    veightz
        19
    veightz  
       2018-09-29 19:30:11 +08:00
    很多时候是底层框架太重了。
    tsukiikekaoru
        20
    tsukiikekaoru  
       2018-09-29 20:04:53 +08:00 via Android
    小程序卡不说,发热量还巨大
    470326964
        21
    470326964  
       2018-09-29 20:19:11 +08:00
    是因为你们都是 IPhone 么 千元小米安卓机表示卡成狗
    JackyCDK
        22
    JackyCDK  
       2018-09-29 20:52:19 +08:00
    拼多多的 app 本身就是原生+H5 啊....
    zyEros
        23
    zyEros  
       2018-09-29 20:58:23 +08:00
    @kaxi 真的,你看拼多多大部分是静态内容,蘑菇街的小程序交互复杂多了,同样也很流畅,说白了就是老老实实写,就行了。
    javaswing
        24
    javaswing  
       2018-09-29 23:08:04 +08:00 via Android
    @natforum 现在支付宝终于不太卡了
    qhdwz
        25
    qhdwz  
       2018-09-30 00:07:44 +08:00
    能不能研究一下钉钉啊。。。这货的电脑端太扯了,手机端又跑不了模拟器里面。打不开。不知道咋弄啊。
    kingcos
        26
    kingcos  
       2018-09-30 00:21:27 +08:00 via iPhone
    我刚打开拼多多微信就提示我该小程序会让什么变慢或终止……
    huclengyue
        27
    huclengyue  
       2018-09-30 00:45:41 +08:00 via Android
    小程序就是原声程序啊。。。
    kaxi
        28
    kaxi  
    OP
       2018-09-30 09:46:49 +08:00
    @kingcos 你用的是什么手机?
    kaxi
        29
    kaxi  
    OP
       2018-09-30 10:02:50 +08:00
    @zyEros 目前还拿不到他们源码,我猜想我们应该都没用什么框架吧。如果使用框架的话是会加重本机的计算的,苹果机可能还好,中低端估计就会影响比较明显了,尤其是像拼多多主要用户群体都是三四线及以下,大部分应该都是中低端机。
    kingcos
        30
    kingcos  
       2018-09-30 13:43:16 +08:00 via iPhone
    @kaxi X
    nezumi85757
        31
    nezumi85757  
       2018-10-10 14:09:14 +08:00
    你想的太多了,上面楼层也说了正常开发的话体验不会差的,我们公司小程序我就是正常写,体验还是比较滑的,如果卡的话还得从开发层面找原因
    kaxi
        32
    kaxi  
    OP
       2018-10-11 17:48:51 +08:00
    @nezumi85757 我基本知道原因了。你可以对比一下京东和拼多多的小程序。拼多多之所以体验略胜一筹,其实是因为他们引入了平滑过渡。也就是预先把页面结构展示出来(灰色背景)然后再调用接口获取数据后渲染页面。而京东及绝大多数小程序少了这样的步骤,所以给人的体验会有停顿感不是那么流畅的感觉。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1440 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 17:18 · PVG 01:18 · LAX 09:18 · JFK 12:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.