IndexedDB 是一个用于在浏览器中存储大量数据结构的Web API，是浏览器提供的本地数据库，可以被网页脚本创建和操作，允许存储大量数据，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象），提供查找接口，能建立索引。且IndexedDB 不同于其他SQL的关系型数据库，IndexedDB 是一个事务型的数据库系统，会将数据集作为个体对象存储，数据形式使用的是JSON，而不是列数固

一、同源策略出于浏览器的同源策略限制同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能会收到影响。可以说web时构建在同源策略的基础上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另一个域的内容进行交互。所谓同源（即指在同一个域），就是两个页面具有相同的协议（protool

title：标题showList：展示列表的数据actionVal：当前列表数据中被选中的值dialogType：弹框的类型（0-列表 文字 图标；1-列表 文字 radio；2-自动以内容）onlyCancel：是否只显示取消按钮，true只显示取消按钮，false：既显示取消按钮，又显示确定按钮。因为有些是需要点击单选框某项之后直接关闭模态框触发回传事件，有些是需要点击确定按钮再触发，所以这里

该文组件封装的方式其实是打包发布的方式，这种方式是将装好的组件最终打包成一个或者多个js文件发布。这种方式使得开发和调试时更接近于一个前端项目。但是一旦引入图片等静态资源需要同个BASE64的方式打包到js，而对于字体一类较大的静态资源则根本无法引用适用范围：没有或极少的依赖第三方插件、图片的组件的封装或JS方法的封装打包发布非打包发布webpack需要配置无需配置发布发布前需要打包发布前无需打包

我们都知道，在做移动端的项目的时候，我们最首先的是要指定适配各种机型的方案，让一套代码能够在不同分辨率的机型下顺应自如。，相信你看完之后将会有很多收货！然后这篇文章主要是讲讲在实际运用上，且也是我在项目中使用的一种适配方案，感兴趣的小伙伴继续看下去吧~ps：若本文有写错或者遗漏的地方还望大家能够底下评论或者私信我，我们一起交流~

1 nginx反向代理接口跨域1.1 正向代理与反向代理的区别：正向代理：客户端向服务器请求数据时，服务器并不需要直到客户端的来源（即隐藏了客户端）反向代理：客户端向服务器请求数据，直观请求到数据即可，不需要直到数据来源于哪个服务器（即隐藏了服务器）1.2 如何使用nginx？1）首先，由于nginx是一个web服务器，你需要到相应的官网进行下载，且进行相应的配置，下载地址：http://ngin

国内推出的JavaScript bridge跨平台混合开发框架官方提供了Android/ios版本，真正实现跨平台DSBridge支持同步及异步调用（DSbridge是唯一一个支持同步调用的javascript bridge）无需iFrame，性能好Github地址混合开发的一个主要流程：1.根据需求规划，哪些业务是H5负责，哪些是原生端负责2.定制一份约束双端的协议以用来对应方法的一一对应性（什

前言react生命周期在各个阶段的执行顺序是有所差异的，接下来我们将详细解析react在各个阶段生命周期的执行顺序，以及各个生命周期在组件中充当的作用（以下生命周期指的是react16之后的版本）......

1. 计算属性与方法的区别在vue模板渲染中，当为某个元素绑定方法时，那么模板每次渲染的时候，这个方法都会被执行一次，因为method没有缓存。不同的是，computed计算属性具缓存功能，即当你为元素绑定的是计算属性的时候，由于计算属性具有缓存功能，因此模板每次渲染的时候，不会重新去执行这个计算属性，而是找到这个计算属性的缓存之，当且计算属性依赖的属性发生变化的时候，才会重新去执行这个属性。1.

首先按官网介绍的，可以主要用在Vue的虚拟Dom算法，在新旧节点对比时辨识VNodes。使用key时，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key，重复的key会造成渲染错误。vue中循环列表时，绑定:key的值往往有两种方式，一是将循环列表的索引值index作为key，而是根据返回数据中的唯一标识作为key。不管以什么方式绑定key，