Vue  2019-01-21

构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具，其作用就是用配置好的模板迅速搭建起一个项目工程来，省去自己配置 webpack 配置文件的基本内容，大大降低了初学者构建项目的难度。这节我们看看如何使用 vue-cli 构建 vue 项目以及对构建项目的具体分析。

一、环境搭建

node 和 npm 是必不可少的，这里不再介绍。

1、安装 vue-cli

$ npm install -g vue-cli

检查是否安装成功：

$ vue --version
3.3.0
vue vue-cli
阅读更多
Tool  2019-01-16

一直把 VSCode 作为前端开发编辑器，非常好用。因为装的插件和自定义配置较多，这里做个备份备忘。

一、插件

- advanced-new-file
- Docker
- ESLint
- HTML Snippets
- JavaScript（ES6）code snippets
- Markdown All in One
- Material Theme
- Path Intellisense
- Prettier - Code formatter
- React Standard Style code snippets
- Vetur
阅读更多
JavaScript  2018-12-07

翻译自：原文链接：copying-objects-in-javascript

前言

这篇文章我们将会说说 Javascript 中对象拷贝的几种方式，我们会仔细探究深拷贝（deep coping）和浅拷贝（shallow coping）。

在文章开始之前，先提一下一些基础知识：在 Javascript 中，对象只是指向内存中某个位置的指针。这些指针是可变的，也就是说，它们可以重新被赋值。因此，如果我们单单简单地复制这个指针，那就可能造成有两个指针指向内存中的同一块地址的结果。

对象拷贝
阅读更多
JavaScript  2018-06-29

阮一峰老师的 ES6 Promise 文章里，把 Promise 介绍地很详细。这里再整理一下，加深理解。

学习一个东西，得先知道它是什么。我们先在浏览器中使用 console.dir(Promise) 打印出 Promise 对象的所的属性和方法。

Promise

从打印结果可以看出，Promise 是一个构造函数，它自己本身有 all、reject、resolve 等方法，原型上有 catch、finally、then 等方法。所以 new 出来的 Promise 对象也就自然拥有 catch、finally、then 这些方法。从上图中可以看到，then 方法返回的是一个新的 Promise 实例（注意，不是原来那个 Promise 实例）。因此可以采用链式写法，即 then 方法后面再调用另一个 then 方法。

Promise 的中文意思是承诺，这种“承诺将来会执行”的对象在 JavaScript 中称为 Promise 对象。简单说就是一个容器，里面保存着某个未来才会执行的事件（通常是一个异步操作）的结果。

ES6
阅读更多
Docker  2018-05-12

准备：腾讯云服务器：centos 7.5

部署工具：

  • Docker
  • Docker Compose
  • WordPress 和 MySql5.7 (运行在 Docker 容器中)

一、安装 Docker

1、卸载旧版本（重装的新系统可跳过）

$ sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-selinux \
                  docker-engine-selinux \
                  docker-engine
Docker-Compose
阅读更多
Tool  2018-02-12

How to ask a question?
如何提问

阅读更多
React  2017-10-12

核心思想：

(1)Web 应用是一个状态机，视图与状态是一一对应的。
(2)Redux 专注于状态管理，把所有的状态都存在一个对象中。

核心概念包括：store、state、action、reducer。

React Redux
阅读更多
React  2017-08-12

零、介绍

React.js 是一个帮助你构建页面 UI 的库。如果你熟悉 MVC 概念的话，那么 React 的组件就相当于 MVC 里面的 View。如果你不熟悉也没关系，你可以简单地理解为，React.js将帮助我们将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，就成了我们的页面。

一个组件的显示形态和行为有可能是由某些数据决定的。而数据是可能发生改变的，这时候组件的显示形态就会发生相应的改变。而 React.js 也提供了一种非常高效的方式帮助我们做到了数据和组件显示形态之间的同步。

React.js 不是一个框架，它只是一个库。它只提供 UI （view）层面的解决方案。在实际的项目当中，它并不能解决我们所有的问题，需要结合其它的库，例如 Redux、React-router 等来协助提供完整的解决方法。

React
阅读更多
1 / 3