当前位置: 首页 > news >正文

前端技术周刊 2019-01-14:客户端存储

前端技术周刊 2019-01-14

190114.png

前端快爆

  • Safari 第 73 个科技预览版发布,包括对 JSON 构造优化提案(Firefox 64、Chrome 72 已支持)、WebGPU 中基于 Metal Shading Language 的向量缓冲、globalThis 以及 JSON.stringify 中 BigInt 的支持,取消了对 <meta http-equiv=set-cookie> 的支持,WebRTC 有多处细节变化。?
  • Blink 意欲实现 EventTiming API,用以监听响应事件消耗的时间。?
  • ECMAScript Module(简称 ESM)的未来发展会是怎样的?Node.js 基金会成立了一个模块小组并规划了若干阶段,在第一阶段将构建最小功能集,完成浏览器兼容性、向下兼容性和 CommonJS 相似功能平移的定义。目前的 Node.js 11 的实验性版本并未完全支持目前的第一阶段草案定义,而在 2020 年 4 月份的 Node.js 12 正式发布时有望实现 ESM 的非实验性版本。?
  • 第二届 SEE Conf 已于 2019 年 1 月 5 日 完成举行,分享资料已经完全放出。?

百宝箱

因被池冰吐槽这个栏目名字太土了,所以“瑞士军刀”改名叫做“百宝箱”。

  • fbt 是一款由 Facebook 开源的国际化框架。
  • Quicklink 是由谷歌开源的一种结合 Intersection Observer API 的预加载技术,能在强网络条件下有效提升后续链路网页的访问速度。
  • Imgcook 为淘宝发布的将设计稿转化为前端页面的自动化工具。

专题:客户端存储

客户端存储(Client-side Storage)是一个通用术语,包含几个独立但相关的 API: Web Storage、Web SQL Database (已被废弃)、Indexed Database 等。每种技术都提供了在用户硬盘上而非通常存储数据的服务器存储数据的独特方式。这么做主要基于使 Web App 离线可用,并改善性能表现。

Indexed Database

Indexed Database API(简称 IndexedDB,以前称 WebSimpleDB)是 W3C 推荐的一项网页浏览器标准,是为提供一个具有索引的 JSON 对象集合的事务性本地数据库操作接口。W3C 于 2015 年 1 月 8 日发布了 IndexedDB 接口的最终建议。

  • Indexed Database API 文档
  • IndexedDB 的原生概念:有关 IndexedDB 的设计和结构的概述
  • HTML5 indexedDB 前端本地存储数据库实例教程:实例加 DEMO 讲解 IndexedDB
  • IndexedDB 打造靠谱 Web 离线数据库:图文案例详解 IndexedDB

localForage

Mozilla 开发的 localForage,使得离线数据存储在任何浏览器都是一项容易的任务,它提供强大并且简单好用的API 封装了 IndexedDB、WebSQL 和 localStorage。它的存储的数据类型不只是字符串,可以是数值、对象、布尔值、数组。

  • localForage 文档
  • localForage 项目地址
  • 突破本地离线存储 5M 限制的 JS 库 localforage 简介

PouchDB

PouchDB 是受 Apache CouchDB 启发为 Web 设计的一款占用空间少的数据库。PouchDB 项目的目标是帮助开发者构建线上和线下都能很好地使用的 Web 应用程序,在应用程序离线的时候,可以将用户数据保存在本地,当恢复在线状态时,通过 CouchDB 和其他相兼容的服务器来同步这些数据。

  • PouchDB API 文档
  • PouchDB 项目地址
  • 一个使用 PouchDB 分页的案例

编辑:承虎 & 审阅:壹丝 & 专栏供稿:抱血

相关文章:

  • 前端工程化的理解
  • 公安部发2019年春运交通安全预警 道路客运量将达24.6亿人次
  • WebSocket 协议 5~10 节
  • javascript从右向左截取指定位数字符的3种方法
  • 利用openpyxl模块处理excel表格
  • mysql索引使用like的时候出现的问题
  • Abp中使用可视化的日志面板
  • Vue PC端图片预览插件
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 全局变量与局部变量
  • 拜腾全球首家体验店南京西路落成,接下来这家新造车势力要怎样卖车?
  • webpack.config.js====CSS相关:postcss-loader加载器,自动添加前缀
  • 【转】Java基础之—反射
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • bugly的flutter版已完成,欢迎使用
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • CSS实用技巧
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • Vue全家桶实现一个Web App
  • 第2章 网络文档
  • 官方解决所有 npm 全局安装权限问题
  • 前端_面试
  • 使用 QuickBI 搭建酷炫可视化分析
  • 数据结构java版之冒泡排序及优化
  • 学习HTTP相关知识笔记
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • 在Mac OS X上安装 Ruby运行环境
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • #Java第九次作业--输入输出流和文件操作
  • (12)Linux 常见的三种进程状态
  • (2022 CVPR) Unbiased Teacher v2
  • (BFS)hdoj2377-Bus Pass
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • (四)鸿鹄云架构一服务注册中心
  • (转)负载均衡,回话保持,cookie
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .NET : 在VS2008中计算代码度量值
  • .NET DevOps 接入指南 | 1. GitLab 安装
  • .net 反编译_.net反编译的相关问题
  • .NET 使用 XPath 来读写 XML 文件
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • .NET开源项目介绍及资源推荐:数据持久层
  • .net流程开发平台的一些难点(1)
  • /usr/bin/env: node: No such file or directory
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • @ModelAttribute注解使用
  • [C#] 我的log4net使用手册
  • [HackMyVM]靶场 Wild
  • [linux] GFLOPS和TFLOPS的换算
  • [Ruby]变量替换
  • [vxe-table] vxe-table-column配合v-if导致列样式与位置错乱
  • [web前端] yarn和npm命令使用