1012808318

HTML5 的以下东西有啥区别,可以做啥,兼容性咋样?

  •  
  •   1012808318 · Aug 12, 2016 · 2894 views
    This topic created in 3587 days ago, the information mentioned may be changed or developed.
    1.FormData

    2.Web SQL

    3.Local Storage

    4.Session Storage

    5.Cookies

    6.Cache Storage


    HTML5 的以上东西可以做什么,?区别在哪里? PC 端和 Mobile 端的支持情况如何?
    5 replies    2016-08-13 00:58:32 +08:00
    lxrmido
        1
    lxrmido  
       Aug 12, 2016
    这已经不是区别的问题了……除了都跟存储 /数据有关之外没别的共同点了。

    FormData 通常用于 ajax 传输数据,是通常;
    WebSQL 请参考字面意思,不过还没流行就被冷落了;
    LocalStorage 应用很广泛,通常用来存储下次打开本域的页面时还需要读取的数据,持久化的;
    SessionStorage 通常被当做非持久化的 LocalStorage 来使用;
    Cookies 一般拿来存本地的需要重复使用的表单数据、登陆令牌等,因兼容性好应用是最广泛的;
    CacheStorage 一般配合 worker 通讯用;


    兼容性请看: http://caniuse.com
    bdbai
        2
    bdbai  
       Aug 12, 2016 via Android
    5 兼容性最好,但前端直接用并不优雅。 1 、 3 、 4 兼容性已经不错了。
    另外推荐一个 Service Worker ,兼容性并不好,但未来也许会推广。
    learnshare
        3
    learnshare  
       Aug 12, 2016
    我觉得最好去查资料,每个都可以讲上三五页
    morethansean
        4
    morethansean  
       Aug 12, 2016
    看你罗列的猜用途……
    然后我不明白 1 为什么在里面……
    YuJianrong
        5
    YuJianrong  
       Aug 13, 2016
    这贴不错,没听说过 Cache Storage 查了一下长见识了……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1272 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 56ms · UTC 17:20 · PVG 01:20 · LAX 10:20 · JFK 13:20
    ♥ Do have faith in what you're doing.