2017年09月_zl1zl2zl3

转载 React 入门实例教程

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具...

2017-09-27 08:29:07 422

转载 ES6变量的解构赋值

数组的解构赋值基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值...

2017-09-09 10:10:47 616

转载 dva-知识地图

注：如果你使用 dva@2，请先忽略这里的路由部分，待更新。不知大家学 react 或 dva 时会不会有这样的疑惑：es6 特性那么多，我需要全部学会吗? react component 有 3 种写法，我需要全部学会吗? reducer 的增删改应该怎么写? 怎么做全局/局部的错误处理? 怎么发异步请求? 怎么处理复杂的异步业务逻辑? 怎么配置路由? ...这篇文档...

2017-09-07 14:37:54 1436

有关 redux-saga 的文章，网络上早已是汗牛充栋。因此，本篇主要谈一谈自己的理解，以及实践中的经验总结。众所周知，redux 大部分的想法，都来自于 elm。在 elm 和 redux 中，整个应用就是一个纯函数。elm 通过在 reducer 中返回一些声明副作用的 task 来处理异步问题，而 redux 借鉴 koa 的插件机制，用中间件改造 dispatch ，从而诞生了一批通...

2017-09-05 20:35:18 1594

转载 React Router 使用教程

真正学会 React 是一个漫长的过程。你会发现，它不是一个库，也不是一个框架，而是一个庞大的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。举例来说，React 不使用 HTML，而使用 JSX 。它打算抛弃 DOM，要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ，自己发明了一套查询语言 GraphQL 。当...

2017-09-05 17:28:18 458

转载 async 函数的含义和用法

一、终极解决异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又让人觉得不彻底。它们都有额外的复杂性，都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗，干嘛要搞得这么复杂？异步编程的最高境界，就是根本不用关心它是不是异步。...

2017-09-05 16:46:13 992

转载 Thunk 函数的含义和用法

一、参数的求值策略Thunk函数早在上个世纪60年代就诞生了。那时，编程语言刚刚起步，计算机学家还在研究，编译器怎么写比较好。一个争论的焦点是"求值策略"，即函数的参数到底应该何时求值。var x = 1;function f(m){ return m * 2; }f(x + 5)上面代码先定义函数 f，然后向它传入表达式 x + 5 。请问，这...

2017-09-05 15:33:25 504

转载 Generator 函数的含义与用法

异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程，如果没有异步编程，根本没法用，非卡死不可。以前，异步编程的方法，大概有下面四种。回调函数事件监听发布/订阅 Promise 对象ECMAScript 6 （简称 ES6 ）作为下一代 JavaScript 语言，将 JavaScript 异步编程带入了一个全新的阶段。这组系列文章的主题，...

2017-09-05 15:26:53 538

转载 Redux 入门教程（一）：基本用法

React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法写大型应用。为了解决这个问题，2014年 Facebook 提出了 Flux 架构的概念，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内...

2017-09-04 17:25:47 373

转载 ES6神奇的import...from...命令

学习的原因还是起源于大牛github项目的博客源码，看得我一头雾水...import Vue from 'vue';import App from './App';import router from './route';import axios from 'axios';import './less/index';于是赶快上了阮一峰大牛的《ES6标准入门》这辆车，学习了：1.项...

2017-09-04 16:49:27 33132 3

转载详解Node.js包的工程目录与NPM包管理器的使用_node.js

工程目录以编写一个命令行程序为例，一般我们会同时提供命令行模式和 API 模式两种使用方式，并且我们会借助三方包来编写代码。除了代码外，一个完整的程序也应该有自己的文档和测试用例。因此，一个标准的工程目录都看起来像下边这样。- /home/user/workspace/node-echo/ # 工程目录 - bin/ # 存放命令行相关代码 ...

2017-09-04 15:39:55 973

转载深入理解 Session 与 Cookie

Session 与 Cookie 不管是对 Java Web 的初学者还是熟练使用者来说都是一个令人头疼的问题。在初入职场时恐怕很多程序员在面试的时候都被问到过这个问题。其实这个问题回答起来既简单又复杂，简单是因为它们本身只是 HTTP 协议中的一个配置项，在 Servlet 规范中也只是对应到一个类而已；说它复杂原因在于当我们的系统大到需要用到很多 Cookie 的时候，我们不得不考虑 HTTP...

2017-09-02 18:03:22 456

勇往直前的专栏