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... 阅读全文
摘要：
我们要构建如下组件：（最终代码在这里：https://codesandbox.io/s/38k1y8x375） 开始 Vue是支持单文件组件的，但是我们不准备这么做。你也可以构建一个全局的组件，通过Vue.component，但是我们也不准备这么做。 我们希望跟在真实项目中一样，构建一个可被编译的，可维护的组件。 首先安装： npm install -g vue-cli vue i... 阅读全文
摘要：
普通函数 下面这种就是普通函数 function add(x, y) { return x + y; } 每个普通函数被调用的时候，都相当于有一个this参数传进来。 内部函数this不会是外部函数传入的this，相当于和外部的this隔离开了。 function outer() { function inner() { console.log(this)... 阅读全文
摘要：
什么是scoped slots A scoped slot is a special type of slot that functions as a reusable template (that can be passed data to) instead of already-rendered-elements. 上面是官方的定义。 简单点说slot就是插槽，它是可以被替换掉的... 阅读全文
摘要：
前言 作为一名前端工程师，不仅要能写前端页面，还要懂前端工程，各种库，各种框架，各种衍生语言，信手捏来。 如果你想要成为一名全栈工程师，那么就必须要学会Node.js，学会线上服务器部署和发布。 准备 为了避免个人花钱买云服务器。我试验的方式是本地Vmware虚拟机（装ubuntu 16.04）和本 阅读全文