2018年3月31日
摘要：
Regular的Redux实现整理 什么问题？ 组件的树形结构决定了数据的流向，导致的数据传递黑洞 怎么解决？ 所有组件都通过中介者传递共享数据 方案： 中介者： (function createStore() { var store; return function() { if(!store) { store... 阅读全文
摘要：
字符串常量基础 在ES2015之前我们是这么拼接字符串的： var result = 10; var prefix = "the first double digit number I learnt was "; var assembled = prefix + result.toString(); console.log(assembled); // logs => 'the first d... 阅读全文
摘要：
在JavaScript中如何拷贝一个对象？ 通过引用调用 function mutate(obj) { obj.a = true; } const obj = {a: false}; mutate(obj) console.log(obj.a); // prints true mutate可以对obj进行改动，然后外面的obj的值也变化了。 浅拷贝：Object.assign() 一... 阅读全文
摘要：
try/catch 在使用Async/Await前，我们可能这样写： const main = (paramsA, paramsB, paramsC, done) => { funcA(paramsA, (err, resA) => { if (err) return done(err) return funcB(paramsB, (err, resB) => { ... 阅读全文
摘要：
Var var firstVar; //firstVar被声明，它的默认值是undefined var secondVar = 2; //secondVar被声明，被赋值2 先看一个例子： var increment = 1; if (increment === 1){ var increment; //重新声明 //Do something } console.log(incr... 阅读全文
摘要：
安装v4.0.0-beta.0 yarn add webpack@next webpack-cli --dev 或者 npm install webpack@next webpack-cli --save-dev 测试例子 创建文件： 运行结果： 哪些新特性 1 不在需要设置配置文件（如上例子） 默认入口文件为./src 默认输出文件为./dist 2 可以选择两种模式... 阅读全文
摘要：
花落水流红，闲愁万种，无语怨东风。 Hammer介绍 Hammer库是一个移动端手势库，移动端的手势操作（比如touch，tap，拖动，滑动等等）都可以用这个库，而我们不用关心，它的底层方案具体是怎么实现的。我们知道手势的操作可以很复杂，比如缩放，长按等等。 而这个库都帮我们都做好了，并且它非常的轻量，压缩后只有7.34kb。 使用方法 非常简单： 第一步是拿到你要操作的元素... 阅读全文
摘要：
PWA是什么 PWA(Progressive Web Apps)是 Google 最近在提的一种 Web App 形态 （或者如 Wikipedia 所称的“软件开发方法”）。PWA 意图让 Web 在保留其本质（开放平台、易于访问、可索引）的同时， 在离线、交互、通知等方面达到类似 App 的用户体验。按 Google 官方的解释 PWA 具有这些特性：Reliable, Fast, En... 阅读全文
摘要：
好处 React16推出了流式服务端渲染，它允许你并行地分发HTML片段。这样可以让渲染 出的首字节有意义的内容给用户速度更快。 （例子1，上面部分是一次性转换，下面是流渲染，两种方式） 而且相对renderToString，流是异步的。这个可以让你的Node.js服务一次性渲染多个请求，并且保持在高请求压力环境下的及时响应。在一个持续的时间内，如果网络阻塞了，它可以停止React的渲... 阅读全文
摘要：
项目初始化：采用TypeScript 我们的版本是： $ node --version v8.5.0 $ npm --version 5.5.1 npm版本升级了，因为npm最近带来了新特性，本地会生成package-lock.json，能 提高一些性能，想知道更多的，可以google一下。 创建目录初始结构： $ mkdir pickle $ cd pickle $ touch in... 阅读全文