![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
文章平均质量分 89
小木子子耳
这个作者很懒,什么都没留下…
展开
-
JS 函数节流和去抖应用场景
函数节流和去抖的出现场景,一般都伴随着客户端 DOM 的事件监听。 举个例子,实现一个原生的拖拽功能(不能用 H5 Drag&Drop API),需要一路监听 mousemove 事件,在回调中获取元素当前位置,然后重置 dom 的位置(样式改变)。如果我们不加以控制,每移动一定像素而触发的回调数量是会非常惊人的,回调中又伴随着 DOM 操作,继而引发浏览器的重排与重绘,性能差的浏览器可能...原创 2019-09-14 17:22:17 · 482 阅读 · 0 评论 -
ES6系列——Set和Map数据结构
ღ( ´・ᴗ・` )每天告诉自己编程是世界上最简单的事情,是不是很开心ღ 每当需要ES6语法的时候,都要去查阅阮一峰老师写的【ES6入门】,强烈推荐,传送门:http://es6.ruanyifeng.com/。 对于Set的用法仅仅停留在数组去重这个层面上,例如仅仅知道通过Array.from(new Set([1,2,4,5,6,4]) )可以实现数组去重,对Map的了解更是知之甚少。而且并...原创 2019-04-04 12:02:20 · 191 阅读 · 0 评论 -
对象的扩展
ღ( ´・ᴗ・` )每天告诉自己编程是世界上最简单的事情,是不是很开心ღ 承接上一节的数组扩展,接下来我们来看看对象扩展方面的知识 1. 属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法。这时,属性名为变量名, 属性值为变量的值。 属性简写 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} ...原创 2018-09-09 01:11:57 · 271 阅读 · 0 评论 -
ES6系列之—let、const命令
今天讲解比较简单,主要学习ES6的let和const。让大家牢固一下基础知识。 在讲解之前让我们先来了解一个知识点:什么叫做块级作用域? ** 1. 块级作用域 ** 名称 含义 块级作用域 任何一对花括号中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的 在ES6之前,是没有块级作用域这一说的,例如: for(var ...原创 2018-08-20 01:56:26 · 139 阅读 · 0 评论 -
数组的扩展
一、扩展运算符 1. 基本含义: 扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列 该运算符主要用于函数调用 function add(x, y) { return x + y; } const numbers = [4, 38]; add(...numbers) // 42 add(...numbers)使...原创 2018-08-26 13:51:54 · 181 阅读 · 0 评论 -
解构赋值
以前,为变量赋值,只能直接指定值。而ES6提出了解构赋值,其在实际开发中可以大量减少我们的代码量,并且让我们的程序结构更清楚。那大家一定就很好奇解构赋值的魅力到底有多大?接下来我们就对解构赋值进行详细的介绍。这里也没什么特别难的地方。只要足够细心,基本都能理解。 概念 本质 ES6允许按照一定模式,从数组和对象(以及字符串、数值、布尔值、函数参数等)中提取值,按照对应位...原创 2018-08-11 21:24:30 · 1505 阅读 · 0 评论 -
JS遗漏点
1.offsetTop、offsetLeft:只是值,没有单位,所以设置的时候一定加上px 2.getComputedStyle(obj).属性值:是一个可以获取当前元素所有最终使用的CSS属性值 IE8以下:使用对象.currentStyle.属性 举例 function getStyle(obj,attr){ return obj.currentStyle?obj.currentSty原创 2017-11-09 22:55:56 · 339 阅读 · 0 评论 -
JS正则表达式
1.前瞻正则表达式从文本头部向尾部开始解析,文本尾部方向,称为“前” 前瞻就是在正则表达式匹配到规则的时候,向前检查是否符合断言,后顾、后瞻方向相反 js不支持后顾 符合和不符合特定断言称为肯定/正向匹配和否定/负向匹配原创 2017-09-27 09:08:47 · 159 阅读 · 0 评论 -
JavaScript面试
1.介绍js的基本数据类型 Undifined、Null、Boolean、Number、String ECMAScript 2015 新增:Symbol(创建后独一无二不可变的数据类型) 2.介绍js有哪些内置对象 Object是javascript中所有对象的父对象 其他对象:Function、Arguments、Math、Date、RegExp、Error 3原创 2017-06-26 16:06:34 · 431 阅读 · 0 评论 -
JSON
理解JSON语法 解析JSON 序列化JSON 语法JSON的语法可以表示一下三种类型的值 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串、数值、布尔值和null。但不支持undefined 对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂类型的值 数组:数组也是一种复杂数据类型,表示一组有序的值得列表,可以通过数值原创 2017-06-30 20:38:10 · 244 阅读 · 0 评论 -
前端面试题
阿里 xhr对象有哪几种状态 跨域几种方式,jsonp为什么不安全 let var 不同的深层原因 假如百度不想让腾讯访问其某些网址,怎么办?(阻止爬虫) 网易有道(重复的题就不写了) 收获的一道题是:vue的子组件是怎么样通信的? 有一个拖拽的框,怎么设计减少重绘重排 朋友阿里 vue中的ref,vuex,双向数据绑定原理,vue中怎么获取dom,flex实现三列等高布局,安全...原创 2017-06-28 10:01:54 · 599 阅读 · 0 评论 -
js杂记---防自己跳坑
mock不可以拦截fetch的请求原创 2019-10-02 17:39:25 · 177 阅读 · 0 评论