Trekerz

求知若饥 虚心若愚

Immer源码解读

Mweststrate的另一杰作

// 以此例讲解produce(obj, state => { state.products.count++}) 生成代理将obj包装一下,转为draft。draft是一个Proxy。步骤如下: const state = { modified, // ..


Redux异步方案总结

循序渐进的方案思路

Redux本身只能处理同步的Action,但可以通过中间件来拦截处理其它类型的action,比如函数(Thunk),再用回调触发普通Action,从而实现异步处理,在这点上所有Redux的异步方案都是类似的。 一、redux-thunk Githubhttps://github.com/ga..


Webpack4总结

附带优化思路

entry / outputmodule.exports = { entry: './index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'index.bundle.js..


讲讲Axois

使用说明

一、Http相关 Rest Api 发送请求进行CRUD哪个操作由请求方式来决定 同一个请求路径可以进行多个操作 请求方式会用到GET/POST/PUT/DELETE 非Rest Api 请求方式不决定请求的CRUD操作 一个请求路径只对应一个操作 一般只有GET/POST 二、aja..


Vue双向绑定解析

聊聊来龙去脉

一、准备知识 [].slice.call(list):将伪数组转换为数组 node.nodeType:得到节点类型 Node接口是所有节点类型的父类,节点从这个接口继承了属性和方法。 Object.defineProperty(obj, propertyName, descriptor):给..


理解 React Hooks 的 Capture Value 特性

一个疑惑点

1、状态值为什么不是最新的? 官方相关 issue:Why am I seeing stale props or state inside my function? “这个 effects 取的值怎么不是最新的?!”这个疑惑可以说是在使用 React Hooks 时经常遇到的疑问。 在下列代码..


Vue的三种按需加载方式

常见面试题

一、vue异步组件技术 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。但是,这种情况下一个组件生成一个js文件。 { path: '/promisedemo', name: 'PromiseDemo', component: resolve => r..


正则表达式深入

冷门知识点

一、正则表达式引擎说起回溯陷阱,要先从正则表达式的引擎说起。正则引擎主要可以分为基本不同的两大类:一种是DFA(确定型有穷自动机),另一种是NFA(不确定型有穷自动机)。 简单来讲,NFA 对应的是正则表达式主导的匹配,而 DFA 对应的是文本主导的匹配。 DFA从匹配文本入手,从左到右,每个字..