前端
文章平均质量分 50
Danny_zgf
爱摄影的程序猿
展开
-
JavaScript事件的防抖和节流
函数防抖和节流函数的防抖和节流在我们的工作中经常会用到,在面试中也经常会出现.因此今天我们来聊聊防抖和节流首先我们来看下面这张用竖线画成的图:这其中的每一条竖线都代表着一次函数调用(如鼠标mousemove事件,input输入事件等) 正常执行的时候,调用的频率很快.但有时,我们并不需要这么高的频率去调用这个函数.假如这是一个调用后台接口的操作,那么就容易造成网络堵塞,大大的增加服务器的压力 函数防抖的时候,每次调用事件都是在正常执行暂停后一段时间(等你歇菜了我再上) 函数节流的时候.原创 2021-04-09 16:53:08 · 143 阅读 · 1 评论 -
JavaScript闭包理解
目录什么是闭包?变量的作用域初识闭包分析闭包经典使用场景1. 使用return 返回函数知识拓展--简化2. 函数作为参数3.IIFE(自执行函数)4. 定时器setTimeout(回调函数都是闭包)知识拓展-回调函数5.循环和闭包思考题思考题1思考题1解答思考题2思考题2解答使用闭包注意点参考我们学习闭包之前先了解作用域和作用域链的相关知识什么是闭包?闭包:闭包就是访问另一个函数作用域变量的函数闭包简单定义为在.原创 2021-03-31 02:16:43 · 240 阅读 · 0 评论 -
理解Javascript的作用域和作用域链
目录正文什么是作用域作用域的类型作用域嵌套词法作用域作用域链作用域和作用域链是如何工作的Javascript引擎是如何进行变量查找的结论正文作用域和作用域链在Javascript和很多其它的编程语言中都是一种基础概念。但很多Javascript开发者并不真正理解它们,但这些概念对掌握Javascript至关重要。正确的去理解这个概念有利于你去写更好,更高效和更简洁的代码,让你成为一个更优秀的Javascript开发者。因此,在本文中,我将会向大家解释.转载 2021-03-30 01:23:38 · 264 阅读 · 0 评论 -
promise函数封装(完整版)
// 声明构造函数function Promise(executor) { // 添加默认属性 this.PromiseState = 'pending'; this.PromiseResult = ''; // 接受多个then链式调用 this.callbacks = []; const self = this; // resolve函数 function resolve(data) { if (self.Promis.原创 2021-02-28 00:31:18 · 1623 阅读 · 5 评论 -
flex布局(精华-全)
目录什么是Flex布局flex布局中的一些基本概念容器的一些属性项目的一些属性什么是Flex布局flex布局表示弹性布局,为盒状模型提供最大的灵活性。适用范围任何一种元素都可以指定为flex布局.wrap{ display:flex;}1 2 3使用时应该注意些什么?如果是Webkit内核的浏览器,需要加上-webkit前缀 在父级元素设置为flex布局后,子元素的float、clear、vertical-align属性都将失效,所...原创 2021-02-23 21:06:31 · 1696 阅读 · 3 评论 -
ES6+知识点集(详细-超长篇)
目录let关键字const关键字解构赋值数组解构对象解构字符串/数值/布尔值浅拷贝交换变量遍历Map结构map函数let关键字声明变量 块级作用域 变量不能重复声明 不存在变量提升 不影响作用域链const关键字声明常量并且必须赋值 不存在变量提升 不能重复赋值 但可以更改和添加常量对象的属性 块级作用域 const car = { type: "porsche", model: "911", color: "Bla.原创 2021-02-01 20:40:44 · 1234 阅读 · 0 评论 -
ajax讲义
jax 运行原理Ajax 相当于浏览器发送请求与接收响应的代理人,以实现在不影响用户浏览页面的情况下,局部更新页面数据,从而提高用户体验。Ajax的实现步骤:1.创建Ajax对象var xhr = new XMLHttpRequest();2.告诉Ajax请求地址和请求方式xhr.open('get','http://.....');3.发送请求xhr.send();4.获取服务器端和客户端的相应数据xhr.onload = function(){ co原创 2021-01-24 17:39:00 · 65 阅读 · 0 评论