圆儿圈圈

Redux解决了react中出现的多交互、多数据源问题，但是如果有异步操作，或者要对操作进行拦截或者执行后回调就比较麻烦。于是我们需要Redux 中间件。 redux 提供了类似后端 Express 的中间件概念，本质的目的是提供第三方插件的模式，自定义拦截 action ->…

使用流行的 web 应用技术栈 —— 比如PHP —— 来编写聊天应用通常是很困难的。它包含了轮询服务器以检测变化，还要追踪时间戳，并且这种实现是比较慢的。 大多数实时聊天系统通常基于 WebSocket 来构建,具体来说就是socket.io。 WebSocket 为客户端和…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

React Router 是建立在 history 之上的。 简而言之，一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 URL 转化为 location 对象， 然后 router 使用它匹配到路由，最后正确地渲染对应的组件。 history 是 Reac…

1. CSS分离 研究得出结论：webpack升级到v4然而响应的插件没有升级的原故。 在页面上引入第三方资源库，然后使用externals防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(ext…

Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言，进行编译。 上图的左边代码中有箭头函数，Babel将进行了源码转换，下面我们来看Babel的运行原理。 解析（parse），转换（transform），生成（genera…

Node.js 4 is no longer supported. Source Code was upgraded to a higher ecmascript version. development 模式给你极致的开发体验，包含浏览器调试相关工具，极快的增量编译，丰富全面…

Express是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。主要有 路由、中间件、模板引擎、 错误处理等功能 上面代码会在本机的3000端口启动一个网站，网页显示Hello World。 Express框架建立在node.js内置的http模块上。 上…

ETag是实体标签的缩写，根据实体内容生成的一段hash字符串,可以标识资源的状态。当资源发生改变时，ETag也随之发生变化。 ETag是Web服务端产生的，然后发给浏览器客户端。 yargs 模块能够解决如何处理命令行参数。它也需要安装。 执行 npm link 命令。