这篇博客是前面几篇有关前端博客的总结。

包管理器

大约一年前，我写前端还用 Bower 来作为前端的包管理器。

$ bower install what-you-need 将依赖安装到 bower_components 中，（或者通过 .bowerrc 配置安装的路径）。 配合 wiredep ，在 index.html 中 <!-- bower:css --><!-- endbower --> 和 <!-- bower:js --><!-- endbower --> 即可导入所有依赖。

而最近了解了 WebPack 之后，更喜欢 npm + webpack 来作依赖管理。

$ npm install what-you-need
$ npm init    # Create package.json

index.js:

import DepOne from 'scripts ...

在 Vanke 近一年的工作，我们重写了原本的 2.0 系统。现在也基本进入稳定状态。 接下来的工作，更多地是用运营数据说话，尽可能通过技术手段影响我们所在的行业。

R2D2 就是这么一个背景下诞生出来的项目。本质就是一个数据可视化的项目。

讲讲两个 App

我们对外产品主要是 “住这儿” 和 “助这儿”，用户分别是业主和员工。关于产品的设计不是这篇 Blog 要讨论的，所以不评论功能是否合理等等。

“住这儿” 面向业主。提供了缴物业费、查询邮包、提交报事、反馈、物业评分等物业支撑功能，同时也提供了一些社区活动、帖子，以及我们发送通知的渠道。

可以收集的数据有：

• App 的普及率；
• 不同社区业主的活跃程度；
• 不同社区业主使用 App 的主要目的；
• 不同社区物业评分情况；
• 业主更喜欢什么功能。

“助这儿” 面向员工。提供员工工作所需的功能，签到、抢单、查询业主信息等 ...

Vue

Vue 是一个类型 AngularJs 的库。但不同于 Angular，Vue 主要是转主语数据绑定和组件化开发两大特性。同时 Vue 也提供了一套非常简单的 API，上手非常容易。

Data Binding

Vue 数据绑定会将 HTML 模板中的 “变量” 和 JavaScript 中的对象绑定起来，一旦数据绑定了，Vue 就会对它们进行同步。

这点跟 AngularJs 的效果是一样的。

文本绑定

文本绑定语法与 Angular 是一样的:

Hello {{ username }}

一次绑定

Vue 数据绑定支持 “一次绑定”，也就是说当数据改变时候，HTML DOM 并不会跟着同步。

Hello {{* onceBindingUsername }}

JavaScript 表达式

Vue 支持在 ...