​基于IndexeDB​强大但难用的特点，一个开发者友好的库GoDB.js安装npm install godb创建库连接，创建表import GoDB from 'godb';// 表约束数据结构const tables = { // 用户 user: { name: { type: String, unique: true,// 唯一 }, age:

key有什么用？key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法。为什么要用key？在节点比对时，如果不使用key！Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。

一个域下的文档或脚本试图去请求另一个域下的资源，游览器同源策略所以就产生跨域！同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以aaa.cn下的js脚本采用ajax读取bbb.cn里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制

防抖（debounce）当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。/** * 函数防抖装饰器 * @param delay * @returns {(function(*, *, *): void)|*} */export function debounce( delay ) { let timer

数据驱动（MVVM)Model：模型层，负责处理业务逻辑以及和服务器端进行交互View：视图层：负责将数据模型转化为UI展示出来，可以简单的理解为HTML页面ViewModel：视图模型层，用来连接Model和View，是Model和View之间的通信桥梁