React & Vue

前言

花了两周时间使用 React 对百一测评的后台管理系统进行了重构,效果还不错。第一版使用 Google 的 Polymer,很酷的 Shadow DOM,很酷的 Web Component 以及 Data binding System;以至于后来第一眼看到 Vue 时就觉得特别亲切,Vue 是一个更酷的框架,本身小而美,而其强大的扩展性也让它能胜任复杂的项目。React 是目前最火的前端框架,配合 React-Native 让你 Learn Once, Write Anywhere

Read more   2016/8/5 posted in  React

10 个 Node Hacker 的习惯(2016)

翻译自:http://blog.heroku.com/archives/2015/11/10/node-habits-2016

在 2015 年的尾声,JavaScript 开发者有着过剩的工具,现今,我们很容易在巨大的 JavaScript 生态系统中迷失,所以成功的团队遵循指南,以最大限度的利用他们的时间,并保持他们的项目的健康。

这是在 2016 年的来临之际为快乐的 Node.js 黑客们提供的十个习惯,尤其是为应用程序开发人员,而不是模块的作者,因为这些群体有不同的目标和约束。

Read more   2016/5/14 posted in  Javascript

Coding.net + MWeb 搭建博客

Ghost 是我接触的第一个 Node.js 工程 & blog 工具。折腾 Ghost 让我了解了不少东西:Node.js、阿里云、Markdown...,Ghost 很酷,主题漂亮,功能够用,但需要购买云服务器养着,长远来讲还是不划算的(因为穷),不过它一直不温不火的,会一直很小众...

Read more   2016/5/6 posted in  博客搭建

Vue.js 的两个核心概念

翻译自 Evan You 的回复

数据驱动视图

在 Vue.js 中 DOM 的状态只是数据状态的映射。通过创建 “ViewModel” 对象将这两者连接起来。当你改变数据时,DOM 自动更新。实际的 DOM 操作被封装在 “Directives(指令)” 中 - 指令是观察表达式的对象,并且会在表达式值改变时做出反应。

<span v-text="message"></span>

在这里 v-text 是一个指令:它的工作是在你数据中的 message 属性值发生改变时更新 span 中的文本。
这可能在你实际开始使用前难以理解,但是核心概念很简单(即使非常重要):当你想要更新你的视图时,不要以为必须使用 JQuery 手动更新 DOM;而是想想如何表达模板中视图和数据之间的关系。一旦你声明了视图与数据的关系,Vue 会帮你做剩余的事情。

组件

UI 可能变得很大很复杂,我们想将一个复杂的应用分解成很多小的,解藕的单元,以便更容易理解和维护。在 Vue.js 中,我们通过 components 来实现 - 组件本质上是行为被提前定义好的 ViewModels。将你的 UI 认为是一颗组件树。Vue.js 提供了一个 API 用于定义,组装和组件间的数据沟通。

2016/5/5 posted in  Vue.js

阿里云搭建ghost博客

准备条件

  • 购买阿里云ECS,选择镜像为CentOS7.0
  • 新建博客用户
    • 使用 root 用户登录ECS
    • 新建用户 useradd -s /bin/bash -g root -d /usr/ghost -m ghost
    • 设置 ghost 用户密码 passwd ghost, 输入 ghost 用户的新密码
    • ghost 用户加上 sudo 命令
    • root 用户下执行 visudo
    • 找到 root ALL=(ALL) ALL ,在下方添加 ghost ALL=(ALL) ALL

安装 Node.js

Read more   2016/5/5 posted in  博客搭建