JavaScript中的this到底指向谁?

JavaScript中的this逃不过这4种绑定方式: 1.默认绑定 2.隐式绑定 3.显式绑定 4.new绑定 在申明式函数中,this指向调用这个函数的执行上下文,而在箭头函数中...
JavaScript中的this到底指向谁?

手写一个Promise

PromiseA+规范 状态机制 [[PromiseState]] 有三种状态,fulfilled、rejected、pending。 初始值为pending。 状态值一旦改变就不能再改变。 class MyPromise {...
手写一个Promise

手写一个call、apply、bind

call、apply接受一个上下文和剩余参数,apply一个数组接受剩余参数,call则以逗号分割接受剩余参数。 let o1 = { name: 'o1' } let o2 = { nam...
手写一个call、apply、bind

防抖(debounce)、节流(throttle)原理与实现

防抖(debounce) 防抖指在指定时间间隔内重复触发只保留这段时间内的最后一次触发,如果在指定时间内再次触发会重新开始计时。 function debounce (fn, inter...
防抖(debounce)、节流(throttle)原理与实现

Vue生命周期钩子

一个框架最重要的就是他的生命周期,掌握了其生命周期是理解进阶一个框架的必要。 以下列举所有的生命周期钩子以及其调用的时机: const app = new Vue({ e...
Vue生命周期钩子

「Redux初探」Rudex的工作流程

Redux的工作流程图 Store为公共数据的存储库。当组件需要更新Store中的数据时,需要分发一个Action告知Store,Store中没有逻辑,需要通过Reducer处理Action...
「Redux初探」Rudex的工作流程

「redux-thunk」引入redux-thunk

redux-thunk官网戳这里 $ npm install redux-thunk use applyMiddleware() : // import { createStore, applyMiddleware } from 'redux'; import ...
「redux-thunk」引入redux-thunk

Emmet 语法

emmet syntax 子代操作符(Child) > div>div>p 兄弟操作符(Sibling) + div>div+p 返回上级操作符(Climb-up) ^ div>div+p^div 分组操作符(Gr...
Emmet 语法

伪元素

伪元素:before&::before的区别 (::)双冒号用于CSS3伪元素而(:)单冒号用于CSS3伪类,目的是为了区分伪元素和伪类。对于CSS2中已有的伪元素,单冒号和双冒...
伪元素