V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
1012808318
V2EX  ›  前端开发

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

  •  
  •   1012808318 · 2016-08-12 16:52:10 +08:00 · 2069 次点击
    这是一个创建于 3007 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1.FormData

    2.Web SQL

    3.Local Storage

    4.Session Storage

    5.Cookies

    6.Cache Storage


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

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


    兼容性请看: http://caniuse.com
    bdbai
        2
    bdbai  
       2016-08-12 17:43:18 +08:00 via Android
    5 兼容性最好,但前端直接用并不优雅。 1 、 3 、 4 兼容性已经不错了。
    另外推荐一个 Service Worker ,兼容性并不好,但未来也许会推广。
    learnshare
        3
    learnshare  
       2016-08-12 17:44:49 +08:00
    我觉得最好去查资料,每个都可以讲上三五页
    morethansean
        4
    morethansean  
       2016-08-12 18:49:00 +08:00
    看你罗列的猜用途……
    然后我不明白 1 为什么在里面……
    YuJianrong
        5
    YuJianrong  
       2016-08-13 00:58:32 +08:00
    这贴不错,没听说过 Cache Storage 查了一下长见识了……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1242 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 23:25 · PVG 07:25 · LAX 15:25 · JFK 18:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.