Redux 官方文档对 Redux 的定义是：一个可预测的 JavaScript 应用状态管理容器

安装

1

npm install --save redux

函数式组件只能使用props，Hook能够在函数式组件的情况下使用state、生命周期以及其他的React特性

为什么需要引入React Hook，可以查看官方文档：https://zh-hans.reactjs.org/docs/hooks-intro.html#motivation

• react-router：路由核心库，包含诸多和路由功能相关的核心代码
• react-router-dom：利用路由核心库，结合实际的页面，实现跟页面路由密切相关的功能

安装

1
2
3

# react-router-dom依赖react-router
# 安装的时候会把react-router一起安装了
npm install react-router-dom -S

1. 设计思想

1. React 设计思想
2. React的设计哲学 - 简单之美
3. 颠覆式前端UI开发框架:React

js准确倒计时

引入

如果用最初始的setTimeout递归实现定时器，一秒执行一次回调，则代码如下

1.用 … 解构设置

在看compressor.js的时候，他用一个文件来存默认值，然后导出，最后用解构的方式，后面的值覆盖前面的方式设置默认值。当然也可以用Object.assign都是一样的

crossvent源码解读

其实就是一个封装事件绑定的库，但是看到了一些技巧记录下来
github地址：https://github.com/bevacqua/crossvent/blob/master/src/crossvent.js

从出口开始

1
2
3
4
5

module.exports = {
  add: addEvent,
  remove: removeEvent,
  fabricate: fabricateEvent
};

Koa洋葱原型源码解读

版本：2.13.1

application.js

构造函数

1
2
3
4
5

constructor(options) {
    ...
    this.middleware = [];
    ...
}

有一个middleware存函数

尤雨溪Frontend Master课程笔记

1.响应式

目的

实现一个神奇的函数auto，会在state.count改变后，自动运行里面的函数

1
2
3
4
5

autoRun(() => {
    document.getElementById("app").innerText = state.count;
})

state.count++; // 重新执行autoRun内的函数

MPA首屏加载速率优化实战

背景

​ 学校实验室的项目，因为学校只开放给我们一个端口，所以只能把后台管理和学生端合并成多页应用，我是做后台管理的，老师要求某个功能要加上代码高亮，在全局引入highlight.js后发现首屏加载速率不行了，记录一下发现更多问题并优化的过程。