Redux 的三个原则

• 整个应用的状态都以一个对象树的形式保存在一个单一的 store 中
• 唯一去改变这个对象树的方法就是通过去触发 action,一个用来描述发生了什么事情的对象
• 通过编写纯函数 reducers，去描述这个 action 如何改变了整个对象树

Action

Action 就是承载了要从你的应用传送给 store 的信息。它们只是 store 的信息数据来源。可以通过 store.dispatch() 来传递 action. action 可能长这个样子：

const ADD_TODO = 'ADD_TODO'
{
    type: ADD_TODO,
    text: 'Bulid my first Redux App'
}

Actions 就是普通的 JavaScript 对象，但是必须有

我们都知道 JavaScript 是一门基于原型的语言。当我们调用一个对象本身没有的属性时，JavaScript 就会从对象的原型对象上去找该属性，如果原型上也没有该属性，那就去找原型的原型，一直找原型链的末端也就是 Object.prototype 的原型 null。这种属性查找的方式我们称之为原型链。

类的实现

由于 JavaScript 本身是没有的类的感念的。所以我们如果要实现一个类，一般是通过构造函数来模拟类的实现：

function Person(name, age) {
  //实现一个类
  this.name = name
  this.age = age
}
var you = new Person("you", 23) //通过 new 来新建实例

首先新建一个 Person 的构造函数，为了和一般的函数区别，我们会使用 Camel

上周买了个 VPS 玩 ，从板瓦工买的，一年的 19 刀。性价比还算合适，这是配置：

10 GB SSD RAID-10 Disk Space
256 MB RAM
500 GB Transfer
Gigabit port
Multiple locations

这是购买链接。

买过来，先是搭了个 SS 解决科学上网的问题。然后想想要不要把博客也迁移过去算了,一个 ss 又用不了多少流量。于是说干就干，一番搜索查询后，达成成就。

简单的记录下操作的步骤：

客户端：

1. 配置 ssh
2. 本地部署 hexo

服务器：

1. 安装所需软件 a. Git b. Nginx
2. 为了安全与方便，新建专用与部署 hexo 的用户 git，并给予相应权限。
Read more

下午意外的接到了阿里钉钉前端的面试，很是欣喜。 面试内容从做的项目，到使用的技术 Angular、React、Express 等，让我感觉到自己的理解还是不够深刻。 比如我说我喜欢 React，大项目中需要配合 Redux 来用处理数据，然后就问到 Redux 到底解决了哪些问题，我没能清楚的答上来。但是整体上，面试的前面部分，自我感觉还是很不错的。 但是到最后，面试官说问一个比较基础的问题：如何在 HTTP 协议中控制缓存？ 我懵了，平时工作中根本接触不到。只能凭自己感觉说，从文件名的更改以及在 HTTP 的 header 中设置相应参数来设置，但具体怎样设置，设置的内容是什么，我完全答不上来。感觉肯定是要挂在这里。不过俗话说的好，人不能在同一个地方跌到两次，谨以此篇记录 HTTP 缓存的相应内容。

概览

HTTP 控制缓存主要有一下几种方式：

1. Expires
2. Cache-Control
3. Last-Modified/If-Modified-Since
4. Etag/If-

Postman 是一款用来测试 WEB 接口的工具，可以简单的发送 GET 、POST、PUT、DELETE 等请求，可以在 chrome 商店里面搜索安装。 为了介绍它的功能，首先本地起一个服务器：

var http = require("http")
var url = require("url")
var querystring = require("querystring")

http
  .createServer(function (req, res) {
    res.writeHead(200, { "content-type": "text/json" })
    if (req.method === "GET") {
      var params = url.parse(req.url, true).query
      res.write(params.name + " is " + params.age + " years old")
      res.on("error"

用 ES6 重写了 fullpage-light.js。 主要做了一下修改：

-bootstrap.js   //方法和功能
-constant.js    //一些常量
-event.js       //绑定的事件
-index.js       //入口
-utils.js       //工具函数

做手机商城接到一个需求。 具体大概是这样子的，要求用户点击购买按钮后，直接显示输入密码的弹窗并弹出键盘。 拿到需求一想，这挺简单的。 就麻利的写了个模拟的密码输入框，然后在用户点击购买按钮的时候让他弹出来，并且让焦点 focus 在 input 框上。 Chrome 上一试，完全没问题，觉得自己简直太棒了有没有。可是拿出自己的手机一试，oh no ~,键盘直接把页面给推了上去，导致完全看不到弹窗弹的是个什么东西。 但是在 Android 上是没有任何问题的。观察了下是因为 Android 和 ios 上键盘弹出的行为是不一样的，Android 上键盘弹出来，直接覆盖在原来的页面上，而 ios 上键盘弹出来的时候会直接把整个页面推上去。 怎么解决呢？其实也挺好解决，就是针对不同系统 hack 一下。

// 后面的遮罩
.dialog-wrap {
  width: 100

来到杭州

为了练手，用 react 写了个 v2ex 的首页： 页面地址 项目地址

│  .babelrc
│  .editorconfig
│  .eslintrc
│  .gitignore
│  index.html
│  index.js
│  package.js

为什么要搭这么一套框架