redux

因为redux和react的版本更新的比较频繁，博客园这里用的redux版本是1.0.1，如果你关心最新版本的使用技巧，欢迎来我的Github查看(https://github.com/matthew-sun/blog/issues/18) ，我会在这里进行持续的更新和纠错。 React是最好的前端库，因为其发源于世界上最好的后端语言框架。 ---信仰 4.0 will likely be the last major release. Use Redux instead. It's really great. —Flummox框架作者 acdliteAndrew Clark 为什么使用React还需要使用别的框架来搭配？ React的核心是使用组件定义界面的表现，是一个View层的前端库，那么在使用React的时候我们通常还需要一套机制去管理组件与组件之间，组件与数据模型之间的通信。 为什么使用Redux？ Facebook官方提出了FLUX思想管理数据流，同时也给出了自己的 实现 来管理React应用。可是当我打开 FLUX 的文档时候，繁琐的实现，又臭又长的文档，实在难以让我有使用它的欲望。幸好，社区中和我有类似想法的不在少数，github上也涌现了一批关于实现FLUX的框架，比较出名的有 Redux , Reflux , Flummox 。

一、基础学习类网站 MDN开发者文档：https://developer.mozilla.org/zh-CN/ 菜鸟教程：https://www.runoob.com/ W3CSchool：http://www.w3school.com.cn/ JavaScript教程网：https://zh.javascript.info/ 谷歌开发者工具教程：https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2 Linux整体学习：https://man.linuxde.net/rm 渐进式web应用程序核对表：https://developers.google.cn/web/progressive-web-apps/checklist 开发者中心： https://dev.dcloud.net.cn/ CSS参考笔记：http://css.doyoe.com/ Bootstrap官网：https://www.bootcss.com/ CSS优质内容网站：https://css-tricks.com/ CSS 优质内容网站：https://css-weekly.com/ HTML 优质内容网站：https://www.html5rocks.com/en/ JS 优质内容：http://www

redux工作流成： 在组建里通过dispatch触发action，reducer将产生新的state,通过createStore将reducer进行包裹，然后注册监听subscribe,创造的store对象能触发action,接受reducer传过来的新的state 来源： https://www.cnblogs.com/MDGE/p/12641375.html

js： 怎么实现this对象的深拷贝 文件上传如何做到断点续传 表单可以跨域吗 promise,async有什么区别 搜索请求如何处理（防抖） 搜索请求中文如何请求 介绍观察者模式 介绍中介者模式 观察者和订阅发布的区别，各自用在哪里 介绍service worker 介绍promise，异常捕获 浏览器事件流向 介绍事件代理及其优缺点 介绍this各种情况 前端怎么控制管理路由 使用路由时出现问题如何解决 js异步解决方案的发展历程以及优缺点 对async,await的理解，内部原理 介绍下promise，内部实现 bind,call,apply的区别 动画的了解 介绍下原型链（解决的是继承问题吗） 对跨域的了解 介绍暂时性死区 es6中map和原生的对象有什么区别 如何设计promise.all() sum(2,3)实现sum(2)(3)的效果 两个对象如何比较 js原型 变量作用域链 防抖和节流的区别 介绍各种异步方案 介绍Fiber 介绍dom树对比 项目中如何应用数据结构 设计模式-前端开发中用到哪些设计模式 [1,2,3,4,5]变成[1,2,3,a,b,5] 取数组最大值（es5,es6） es5和es6有什么区别 some,every,find,filter,map,forEach有什么区别 页面上有一万个button如何绑定事件 如何判断是button

前端额前端题库 阿里 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍pm2 master挂了的话pm2怎么处理 如何和MySQL进行通信 React声明周期及自己的理解 如何配置React-Router 路由的动态加载模块 服务端渲染SSR 介绍路由的history 介绍Redux数据流的流程 Redux如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理 多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块 使用过的Redux中间件 如何解决跨域的问题 常见Http请求头 移动端适配1px的问题 介绍flex布局 其他css方式设置垂直居中 居中为什么要使用transform（为什么不使用marginLeft/Top） 使用过webpack里面哪些plugin和loader webpack里面的插件是怎么实现的 dev-server是怎么跑起来 项目优化 抽取公共文件是怎么配置的 项目中如何处理安全问题 怎么实现this对象的深拷贝 网易 介绍redux，主要解决什么问题 文件上传如何做断点续传 表单可以跨域吗 promise、async有什么区别 搜索请求如何处理（防抖） 搜索请求中文如何请求 介绍观察者模式 介绍中介者模式 观察者和订阅-发布的区别

一、前端项目结构 在上一节的基础上，我们分别在src下创建如下文件夹： assets：静态文件； components：公共组件，比如面包屑、编辑器、svg图标、分页器等等； hooks：函数组件，使用 React 16.8引进的Hook 特性实现； layout：布局组件； redux：redux目录，负责状态管理； routes：路由，负责路由管理； styles：全局样式； utils：工具包； views：视图层； 二、redux目录构建 我们项目使用redux进行状态管理，在使用redux状态管理器之前，我们需要安装依赖包： npm install redux --save npm install react-redux --save npm install redux-logger --save npm install redux-thunk --save npm install redux-devtools-extension --save 1、在redux文件夹下创建root_reducers.js文件，用于保存整个项目使用到的reducer： /** * @author zy * @date 2020/4/5 * @Description: 合并reducer */ import {combineReducers} from 'redux'; export