最近一段时间在写一个在线记账本，使用 vue+express+mongoDB 开发，这样一个简单的记账功能，实现中发现也不简单，数据的保存前后端同步等等也遇到不少问题。所以在实现这个云端记账的 webapp 的过程中，差不多用 localstorage 实现传统数据库中增、删、改、查，这 4 个基础操作。

html5 中的 Web Storage 包括了两种存储方式：sessionStorage 和 localStorage。 sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是一种持久化的本地存储，仅仅是会话级别的存储。 而 localStorage 用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

有没有那么一种可能，在前端页面处理音视频？例如用户选择一个视频，然后支持他设置视频的任意一帧作为封面，就不用把整一个视频上传到后端处理了。经过笔者的一番摸索，基本实现了这个功能，一个完整的demo：ffmpeg wasm截取视频帧功能： 支持mp4/mov/mkv/avi等文件…

WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 HTML5开始提供的一种浏览器与服务器进行全双…