摘要： 定义 setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。setTimeout()只 阅读全文

摘要： NODE_ENV是一个由 Node.js 暴露给执行脚本的系统环境变量。通常用于确定在开发环境还是生产环境(dev-vs-prod)下，服务器工具、构建脚本和客户端 library 的行为。 NODE_ENV会赋值给process.env对象，作为它的一个属性,其值通常为“production”（生 阅读全文

摘要： 函数函数防抖防抖是我们解决频繁触发DOM事件的两种常用解决方案。防抖和截流的应用场景有很多，输入框持续输入、将输入内容远程校验、多次触发点击事件、onScroll等等。 我们举个例子：我们在进行输入搜索的时候，我们会在一个输入框中输入我们想要的搜索的key，这个key会每次都像后端发送请求，获取搜索 阅读全文

摘要： 什么是虚拟dom 当说起vue和react时候，大家都不免会提到一个概念，就是Virtual DOM（虚拟Dom）。那么，这个虚拟Dom到底是个什么东西，为什么这两个伟大的框架都要使用呢。 首先Virtual DOM是一个映射真实DOM的JavaScript对象，如果需要改变任何元素的状态，那么是先 阅读全文

摘要： 前言 最近在做一个系统，中间涉及到报表导出的功能，所以我思考了一下我曾经经理过的文件导出的实现方案。 使用get请求后端直接拿文件 通过使用get请求后端拿文件的这个方法简单粗暴，解决问题，同时能够避免别的一些问题。具体的实现流程如下： <a href="文件的地址" download="文件名称" 阅读全文

摘要： axios简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios的优势： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请 阅读全文

摘要： 一、打开谷歌浏览器，点击F12打开开发者工具 二、点击开发者工具的菜单，选中setting，进入开发这工具的设置界面，如下图 三、在里面找到network这一大类，然后勾选下面的Disable cache（while DevTools is open）即可 阅读全文

摘要： 深入理解Promise.all 了解es6的Promise的人应该都听过Promise.all，而且应该是大多数的人都用过Promise.all这个方法。首先Promise.all可以将多个Promise实例包装成一个Promise实例。 Promise.all方法可以接受一个数组作为参数，数组中的 阅读全文

摘要： 当浏览器下载完页面所需元素（html标记，css层叠样式表，javascript，图片）之后，会生成两个东西：Dom树和渲染树。 Dom树 Dom树，主要是用来表示页面的Dom结构。 渲染树 渲染树主要是用来表示页面是如何进行渲染的。 Dom树中，除了隐藏节点，其余的节点需要与渲染树中的至少存在一个 阅读全文

摘要： 前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如 阅读全文