Client-Side Data Storage Web Storage技术详解

客户端存储的实用秘籍,《Client-Side Data Storage Keeping It Local 2016》这本书还挺有料的。Raymond Camden 写的,O'Reilly 出的,讲得不高冷,挺接地气。讲了从CookiesLocalStorage,再到IndexedDB,思路清晰,细致,适合想把前端数据存储搞明白的你。

客户端数据存储的核心就是:把该放浏览器的东西留在浏览器里。比如用户偏好、表单草稿、会话状态……能少打点服务器求,用户体验自然就好不少。

书里先聊了老牌的Cookies,虽然现在用得少了,但你做兼容还是要了解下,尤其是登录状态这类场景,还得靠它。

Web Storage就比较香了,LocalStorage能一直存,SessionStorage临时用用刚好。你用 JavaScript 就能随手操作,比如localStorage.setItem('theme', 'dark'),简单粗暴,还挺方便。

移动端的存储也讲了不少。你做混合 App 或者 PWA 的,书里提到的一些实践,比如缓存用户行为、脱网情况下的数据同步,蛮实用的。

而且作者也没忘提醒你,安全问题不能忽略。像 XSS 攻击、CSRF 防范这些,存数据的时候一定得加上JSON.stringify()、考虑加密,不然隐私容易就被撸走了。

书里还带点IndexedDBApplication Cache这类 HTML5 的存储技术,虽然不深,但足够你上手玩一圈了。你要真要搞个离线笔记本或者小型数据库,值得一读。

哦对了,书里代码是开源的,但还是要注意下开源协议,别一拷贝就商用了。

如果你正在研究前端存储方案,或者做移动端和 PWA,那这本书可以给你不少启发,读起来不烧脑,内容还挺实用。

pdf 文件大小:8.29MB