解构赋值语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中。本文主要聊一聊变量的数组解构, 摘自解构赋值

一、语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

var a, b, rest;
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); // 10
console.log(b); // 20
console.log(rest); // [30, 40, 50]

({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20


// Stage 3 proposal
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); //{c: 30, d: 40}

React 的核心机制之一就是可以在内存中创建虚拟的 DOM 元素。React 利用虚拟 DOM 来减少对实际 DOM 的操作从而提升性能。

JSX(JavaScript XML)是一种在 React 组件内部构建标签的类 XML 语法。React 发明了 JSX，利用 HTML 语法来创建虚拟 DOM。当遇到<，JSX 就当 HTML 解析，遇到 { 就当 JavaScript 解析。

实际上 HTML 也是 XML 协议，由浏览器解析，而 JSX 是由 JS 解析，当然也可以通过构建工具解析完成，如 grunt、webpack，可以避免 JS 在运行中解析 JSX 所消耗的时间。JSX 原本是使用官方自己提供的方法处理， 2015-7-12日官方博客文章声明其自身用于 JSX 语法解析的编译器 JSTransform 已经过期，不再维护，React JS 和 React Native 已经全部采用第三方 Babel 的 JSX 编译器实现
more >>

在 React 里有两种数据来控制一个组件：state (状态)和 props (properties), 是 React 用来更新数据的核心特性

一、 state 属性

React 是基于状态实现对DOM控制和渲染，React 把用户界面当作状态机，根据状态变化渲染用户界面，可以让用户界面和数据保持一致。

state 属性是组件自己私有的， 主要用来存储组件自身需要的数据，我们一般通过修改 state 属性的值来更新数据，React 内部会监听 state 的变化，一旦发生变化就会主动触发组件的 render() 方法来更新 Dom 结构， 因此 state 数据是可变的。
more >>

最近的一个项目，要做技术选型，把我整理的PPT原型拿过来贴上。
more >>

npm 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS 代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
  由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。

npm 的包安装分为本地安装（local）、全局安装（global）两种，可以通过命令行查看
more >>

本文转自 阮一峰老师的 npm 模块安装机制简介

npm 是 Node 的模块管理器，功能极其强大。它是 Node 获得成功的重要原因之一。
正因为有了npm，我们只要一行命令，就能安装别人写好的模块 。
more >>

先看看上面实现的最终效果图

To Be Continued

在 RESTful 架构概念详解 中聊了一些概念和约束， 本篇主要简要的聊一聊 RESTful API 规范概要设计, 内容源自 阮一峰老师的博客

一、 协议(protocol)

服务端的 API 与 Client 的通信协议，总是使用 HTTPS 协议。
使用 HTTPS 协议和 RESTful API 本身没有多大关系，但是对于增加网站的安全是非常重要的，特别是如果提供的是对外暴露的公开的 API，那么 HTTPS 就会是你非常重要的选择了。
more >>

在 微服务架构(MicroService Architecture) 一篇中，我们提到在微服务的服务之间是通过轻量级的API来实现服务之间的通信和交互。 RESTful API架构经常会用于这种服务之间的通信，本文主要来讨论一下 RESTful 架构。

REST 全称是 Representational State Transfer，中文意思是表现层状态转移。 指的是一组架构约束条件和原则。” 如果一个架构符合 REST 的约束条件和原则，我们就称它为 RESTful 架构。简单的来说： 就是用URL定位资源，用HTTP动词（GET,POST,DELETE,DETC）描述操作。
more >>

BOM（浏览器对象模型）中最有用的对象之一就是 location。
Location 对象是很特别的对象，因为它既是 window 对象的属性，也是 document 对象的属性。
Location 对象包含有关当前 URL 的信息, Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
more >>