
JavaScript
文章平均质量分 68
一路斜阳
这个作者很懒,什么都没留下…
展开
-
ES6中this值为null
ES6中this值为null原创 2016-09-10 15:38:22 · 1698 阅读 · 0 评论 -
原型和原型链
我们知道在JavaScript中什么都是对象,但是对象主要分为两类:普通对象(Object)和函数对象(Function)。理解了这两种对象也就能更好的理解原型对象和原型链。function Animal(){} Animal.prototype存储的值就是原型对象,该对象可以理解为Animal的一个实例。也就是在函数对象声明的时候创建的,并且赋值给prototype。var ani...原创 2018-02-26 20:34:27 · 593 阅读 · 0 评论 -
async/await解决异步调用
async/await是新增的用于解决异步回调的方法,虽然在ES5的环境下还不可以使用该特性,但是基于babel我们可以添加如下配置来使用该特性:transform-async-to-generator。 async关键字表明后面的函数时异步执行函数,函数会返回一个Promise对象。如果在async函数执行的时候遇到await,就会先返回(此时Promise的状态为Pending)...原创 2018-03-10 22:11:50 · 1727 阅读 · 0 评论 -
双箭头函数词法作用域
在这里我们先来看看词法作用域和动态作用域的区别,然后在来介绍双箭头函数的词法作用域。 词法作用域 词法作用域就是定义在词法阶段的作用域。也就是说词法作用域是由你在写代码时将变量和块作用域写在哪里决定的。比如: var a = 4; function foo(){ console.log(a) } function bar(){ var b = 3; foo...原创 2018-06-03 21:25:34 · 989 阅读 · 1 评论 -
JS中new和Object.create()区别
new操作符 首先我们来看new操作符: function Animal(){} var animal = new Animal(); 如果你熟悉原型链的话(原型链分享),就会知道new操作符会在执行的时候将Animal.prototype赋值给animal.[[Prototype]]。 Object.create 我们先看下Object.create的语法: Object...原创 2018-07-12 23:47:04 · 5721 阅读 · 3 评论 -
debounce 和 throttle
debounce 和 throttle 为什么要使用 debounce 和 throttle 在实际开发过程中会遇到这样对问题: 点击事件:连续点击按钮 鼠标事件:拖动鼠标滑动 实时搜索,在输入过程中不触发搜索方法 由于这样对行为会导致对应对方法被执行多次,所以如果不进行处理就会带来性能问题、页面卡顿和多次提交ajax请求等。 这时就会考虑使用debounce和throttle来解决该...原创 2019-03-23 17:22:32 · 223 阅读 · 0 评论 -
HTML中文件上传
文章目录如何获取本地文件表单输入获取文件拖拽获取文件读取文件内容读取文件 如何获取本地文件 表单输入获取文件 该方式是比较常见对方式,只需要将input的type设置为file,同时监听input的change时间即可。在change时间中可以获取文件对象。 function handleFileSelect(event) { console.log(event.target.files); ...原创 2019-03-23 17:30:07 · 7514 阅读 · 0 评论