wlqdbtx的博客

1、redux抛开react，如果只是仅仅使用redux，就像如下示例：const initialState = { name: 'Jack', age: 27, gender: 'boy'};function reducer(state = initialState, action) { switch(action.type) { ...

function deepClone(obj) { var clone = Array.isArray(obj) ? [] : {}; // 数组和对象 if (obj && typeof obj === 'object') { for (var key in obj) { if (obj.hasOwnPropert...

1.onload事件​在页面的所有资源加载完成时，window对象上会触发一个onload事件。此时页面的DOM树已经构建完成，并且完成了所有图片、样式表、脚本等资源也已经加载完成。但是存在的问题是，当资源过多过大时，onload会出现比较严重的延迟问题，严重影响用户体验。2.DOMContentLoaded事件对比onload事件，DOMContentLoaded事件就更加合...

generator又名生成器函数，它是一个崭新的函数类型，它和标准的普通函数完全不同。通过显式的调用生成器函数，能对应的产生一个新的值。通过多次调用后，产生一组值的序列，直到生成器告诉我们无法在产生新的值了。每当生成器函数产生一个新值后，它的执行状态会被保留，直到下次请求到来，它就会从上次离开的位置恢复执行。1、如何定义generator函数下面我们来看一个简单的例子：// 通过在f...

闭包是JavaScript的的显著特征，使用闭包可以减少代码量来添加高级特性，下面让我们来探讨下什么是闭包。1、理解闭包让我们看下一个简单的闭包:var outer = 'outer';function outerFunc() { console.log(outer);}outerFunc();我们在全局作用域中定义了一个变量outer和函数outerFunc，然后...

koa2的思想就是把一个个用于处理用户请求的中间件串联起来，并支持异步中间件。下面是一个使用koa2的简单示例const Koa = require('koa')const app = new Koa()app.use(async (ctx, next) => { console.log('a1') await next() console.log('a2')})...

前面一篇文章已经讨论了redux的实现原理，如果没看过的小伙伴可以点击链接查看redux的原理及简单实现下面让我们先看下在react中使用redux的例子：import React from 'react';import ReactDOM from 'react-dom';import { createStore, applyMiddleware } from 'redux';...

仅供自己学习记录const PENDING = Symbol.for('pending');const FULFILLED = Symbol.for('fulfilled');const REJECTED = Symbol.for('rejected');class MyPromise { constructor(func) { this.state = PENDING;...