摘要:定义 setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。setTimeout()只 阅读全文
posted @ 2020-07-10 09:00 曹思源 阅读(109) 评论(0) 推荐(0) 编辑
摘要:NODE_ENV是一个由 Node.js 暴露给执行脚本的系统环境变量。通常用于确定在开发环境还是生产环境(dev-vs-prod)下,服务器工具、构建脚本和客户端 library 的行为。 NODE_ENV会赋值给process.env对象,作为它的一个属性,其值通常为“production”(生 阅读全文
posted @ 2020-06-30 08:54 曹思源 阅读(757) 评论(0) 推荐(0) 编辑
摘要:函数函数防抖防抖是我们解决频繁触发DOM事件的两种常用解决方案。防抖和截流的应用场景有很多,输入框持续输入、将输入内容远程校验、多次触发点击事件、onScroll等等。 我们举个例子:我们在进行输入搜索的时候,我们会在一个输入框中输入我们想要的搜索的key,这个key会每次都像后端发送请求,获取搜索 阅读全文
posted @ 2020-05-29 09:13 曹思源 阅读(68) 评论(0) 推荐(0) 编辑
摘要:什么是虚拟dom 当说起vue和react时候,大家都不免会提到一个概念,就是Virtual DOM(虚拟Dom)。那么,这个虚拟Dom到底是个什么东西,为什么这两个伟大的框架都要使用呢。 首先Virtual DOM是一个映射真实DOM的JavaScript对象,如果需要改变任何元素的状态,那么是先 阅读全文
posted @ 2020-05-19 00:55 曹思源 阅读(72) 评论(0) 推荐(0) 编辑
摘要:前言 最近在做一个系统,中间涉及到报表导出的功能,所以我思考了一下我曾经经理过的文件导出的实现方案。 使用get请求后端直接拿文件 通过使用get请求后端拿文件的这个方法简单粗暴,解决问题,同时能够避免别的一些问题。具体的实现流程如下: 以上的文件下载的方法相对来说比较粗暴简单貌似对于前端来说没有什 阅读全文
posted @ 2020-04-27 23:17 曹思源 阅读(55) 评论(0) 推荐(0) 编辑
摘要:axios简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 axios的优势: 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请 阅读全文
posted @ 2020-02-14 15:51 曹思源 阅读(1252) 评论(0) 推荐(0) 编辑
摘要:一、打开谷歌浏览器,点击F12打开开发者工具 二、点击开发者工具的菜单,选中setting,进入开发这工具的设置界面,如下图 三、在里面找到network这一大类,然后勾选下面的Disable cache(while DevTools is open)即可 阅读全文
posted @ 2020-02-13 09:01 曹思源 阅读(187) 评论(0) 推荐(0) 编辑
摘要:深入理解Promise.all 了解es6的Promise的人应该都听过Promise.all,而且应该是大多数的人都用过Promise.all这个方法。首先Promise.all可以将多个Promise实例包装成一个Promise实例。 Promise.all方法可以接受一个数组作为参数,数组中的 阅读全文
posted @ 2020-01-09 00:29 曹思源 阅读(1032) 评论(1) 推荐(1) 编辑
摘要:当浏览器下载完页面所需元素(html标记,css层叠样式表,javascript,图片)之后,会生成两个东西:Dom树和渲染树。 Dom树 Dom树,主要是用来表示页面的Dom结构。 渲染树 渲染树主要是用来表示页面是如何进行渲染的。 Dom树中,除了隐藏节点,其余的节点需要与渲染树中的至少存在一个 阅读全文
posted @ 2019-12-25 18:22 曹思源 阅读(1123) 评论(0) 推荐(0) 编辑
摘要:前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如 阅读全文
posted @ 2019-12-22 10:36 曹思源 阅读(167) 评论(0) 推荐(0) 编辑