crossvent：封装跨平台事件绑定的库

跨平台的触摸事件

利用crossvent封装绑定跨平台拖拽事件的方法touchy，以便支持移动端和pc端

根据环境获取的触摸事件名，用懒加载的方式替换掉touchy函数，之后绑定事件不需要再判断

工具类

bind

1
2
3
4
5
6
7
8
9

function bind(fn, thisArg) {
  return function wrap() {
    var args = new Array(arguments.length);
    for (var i = 0; i < args.length; i++) {
      args[i] = arguments[i];
    }
    return fn.apply(thisArg, args);
  };
};

快速初始化

用npm

1

npm init egg --type=simple

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

引入

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

1.用 … 解构设置

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

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

从出口开始

1
2
3
4
5

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