Client-Side Data Storage Web Storage技术详解
客户端存储的实用秘籍,《Client-Side Data Storage Keeping It Local 2016》这本书还挺有料的。Raymond Camden 写的,O'Reilly 出的,讲得不高冷,挺接地气。讲了从Cookies
到LocalStorage
,再到IndexedDB
,思路清晰,细致,适合想把前端数据存储搞明白的你。
客户端数据存储的核心就是:把该放浏览器的东西留在浏览器里。比如用户偏好、表单草稿、会话状态……能少打点服务器求,用户体验自然就好不少。
书里先聊了老牌的Cookies
,虽然现在用得少了,但你做兼容还是要了解下,尤其是登录状态这类场景,还得靠它。
Web Storage就比较香了,LocalStorage
能一直存,SessionStorage
临时用用刚好。你用 JavaScript 就能随手操作,比如localStorage.setItem('theme', 'dark')
,简单粗暴,还挺方便。
移动端的存储也讲了不少。你做混合 App 或者 PWA 的,书里提到的一些实践,比如缓存用户行为、脱网情况下的数据同步,蛮实用的。
而且作者也没忘提醒你,安全问题不能忽略。像 XSS 攻击、CSRF 防范这些,存数据的时候一定得加上JSON.stringify()
、考虑加密,不然隐私容易就被撸走了。
书里还带点IndexedDB
、Application Cache
这类 HTML5 的存储技术,虽然不深,但足够你上手玩一圈了。你要真要搞个离线笔记本或者小型数据库,值得一读。
哦对了,书里代码是开源的,但还是要注意下开源协议,别一拷贝就商用了。
如果你正在研究前端存储方案,或者做移动端和 PWA,那这本书可以给你不少启发,读起来不烧脑,内容还挺实用。
8.29MB
文件大小:
评论区