摘要：
const Redux = require('redux'); const reducer = function(state, action) { if (action.type 'changeName') { // const newState = JSON.parse(JSON.stringif 阅读全文
摘要：
Reflux中的Store既是一个listener（既有对action的监听，又有对store的监听）同时又是一个publisher. 一、监听单个action const Reflux = require('reflux'); const action = Reflux.createAction( 阅读全文
摘要：
reflux在flux的基础上，去掉了dispatcher. 在Reflux中，每一个Action本身就是一个Publisher（消息发布者），具有消息发布功能；而每一个Store除了作为数据存储之外，它还是一个Subscriber，或者叫做Listener（消息订阅者），可以通过监听Action， 阅读全文
摘要：
一、基本概念 action dispatcher：接受actions,每个application中只有一个dispatcher. store：管理application的数据。每个store都在dispatcher中进行注册，并接受actions。store中的数据改变时，会触发change事件。每 阅读全文
摘要：
webpack 命令行环境配置中，通过设置 --env 可以使你根据需要，传入尽可能多的环境变量。在 webpack.config.js 文件中可以访问到这些环境变量。 webpack --env.NODE_ENV=local --env.production --progress 如果设置 env 阅读全文
摘要：
将webpack与TS进行集成。 1. 安装TypeScript 编译器和 loader npm install --save-dev typescript ts-loader 2. 在package.json同级目录下新建tsconfig.json { "compilerOptions": { " 阅读全文
摘要：
渐进式网络应用程序(Progressive Web Application - PWA)，是一种可以提供类似于原生应用程序(native app)体验的网络应用程序(web app)。PWA 可以用来做很多事。其中，最重要的是，在离线(offline)时应用程序能够继续运行功能。这是通过 Servi 阅读全文
摘要：
shimming 将一个新的 API 引入到一个旧的环境中，而且仅靠旧的环境中已有的手段实现。 ProvidePlugin 我们在程序中暴露一个变量，通知webpack某个库被使用，webpack将在最终的bundle中引入该库。 // index.js function component() { 阅读全文
摘要：
缓存 把 /dist 目录中的内容部署到服务器上，客户端（通常是浏览器）就能够访问网站此服务器的网站及其资源。而通过网络获取资源是比较耗时的，这就是为什么浏览器要使用缓存这种技术。可以通过命中缓存，以降低网络流量，使网站加载速度更快。然而，如果我们在部署新版本时不更改资源的文件名，浏览器可能会认为它 阅读全文
摘要：
code spliting 把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。 代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大缩减加载时间。 首先，看一组概念。参考：https://www.jianshu.com/p/a1ccd6d1b 阅读全文