摘要：
h5离线缓存 离线缓存： 用户没有联网时，可以正常访问网站站点和应用 用户联网时，更新用户机器上的缓存文件 原理 通过一个.appcache文件的缓存机制(不是存储技术), 通过这个文件上的解析清单解析清单离线存储资源 这些资源会像cookie一样存储下来，当网络处于离线状态下时，通过离线缓存的数据 阅读全文
摘要：
beforeunload 事件触发于 window、document 和它们的资源即将卸载时。 当事件属性 returnValue 被赋值为非空字符串时，会弹出一个对话框，让用户确认是否离开页面（示例如下）。否则，事件被静默处理。一些浏览器实现仅在框架或内置框架接收到用户手势或交互时才显示对话框。 阅读全文
摘要：
const getTag = (roots, map = {}) => { if (!roots?.length) return [] Array.from(roots).forEach(node => { map[node.tagName] = ''; getTag(node.children, 阅读全文
摘要：
关于redux 中间件 在redux中,我们通过dispatch action来更新数据状态,通过reducer来返回新的状态 如果我们想要记录某个状态更新前后的日志,那么我们只需要在此处的dispatch前后做一些处理即可 那如果我们要记录所有状态更新的日志呢？在所有调用disaptch的地方都加 阅读全文
摘要：
什么是 redux? 三大原则？ 什么是 redux Redux 是一个基于 js 的全局可预测状态容器，主要用于现代前端框架中进行全局状态管理，能够在不同组件之间进行状态共享 Redux 常与 React 配合使用，但它并非只能用于 React，由于 Vue 官方推出了自己的状态管理库 Vuex， 阅读全文
摘要：
Typescript 面向对象 类和接口 权限 readonly和private 类：定义了一切事物的抽象特点 对象：类的实例 面向对象三大特征： 封装: 隐藏内部实现，仅对外提供公共接口 继承: 子类继承父类，具有父类的属性和方法 多态: 在重写或实现相关属性方法时，不同的子类可以有不同的实现 属 阅读全文
摘要：
1 简介 JSX(JavaScript XML)，即可拓展的JavaScript，是react定义的一种类似于XML的js扩展语法:JS+XML。它本质上是React.createElement(type，config，...children)的语法糖,主要用于创建React元素，生成虚拟DOM 2 阅读全文
摘要：
一、前言 本篇主要基于源码谈谈jsx被编译之后,react在创建react element时做了什么 关于jsx的基础知识可以看看另一篇博客由浅入深理解jsx 二、关于CreateElement jsx被babel等编译工具转换之后,实质上是React.createElement方法。在react/ 阅读全文
摘要：
如何实现一个Promise (目录) 1 实现Promise构造函数 Promise自身包含一个状态属性PromiseStaus，一个异步结果属性PromiseResult 状态只在pending、fulfilled、rejected之间枚举，改变状态的两个函数resolve、reject由Prom 阅读全文
摘要：
ES6 Iterator迭代器 与 Generator生成器 1.1 为什么要有 Iterator 在ES6语法中，有序数据结构已有许多 如Array、Set、Map、String、类数组(如arguments)等 当我们不确定数据是何种类型但又要对它进行遍历时，我们只能去做针对性的判断处理 因此， 阅读全文