投票现在我们的系统更完善了，但是想要找到最受欢迎的帖子有点难。我们需要一个排名系统来给我们的帖子排个序。我们可以建立一个基于 karma 的复杂排名系统，权值随着时间衰减，和许多其他因素（很多功能都在 Telesc ...……

高级发布机制目前你应该对发布和订阅交互模式有一个不错的掌握了。因此，我们废话少说，来看几个更高级的情景。多次发布一个集合在我们第一个关于发布的附录中，我们看到了一些更普遍的发布和订阅模式，同时我们学习 ...……

动画我们现在有了实时的投票、评分和排名。然而，由于帖子在首页上跳来跳去，导致了跳动不稳的用户体验。我们用动画来平滑这种过渡。介绍 _uihooks_uihooks 相对较新，Blaze 文档也未包含该特性。正如其名称所示，它 ...……

更进一步我们希望，之前的章节给了你一个良好的概述，如何构建一个 Meteor 应用。但是，现在你还要去哪里呢？额外章节首先，如果你还没有购买本书的话，你可以购买 Full 或 Premium 版本来阅读本书额外的章节。这些 ...……

允许与拒绝Meteor 的安全系统不需要我们在每次修改数据的时候，在各自的函数里面进行手动检查。例如，对于一个博客系统，我们常常需要做很多操作，往新帖子上添加属性，当发布帖子的时候进行特定检查。这些操作都是 ...……

错误仅使用浏览器标准的 alert() 对话窗去警告用户他们的提交有错误有那么一点不令人满意，而且显然不是一个良好的用户体验。我们可以做得更好。相反，让我们建立一个更加灵活的错误报告机制，来更好地在不打断流程 ...……

创建 Meteor Package我们在报告错误的工作中已经创建了可重复使用的模式，为什么不把它打包让 Meteor 社区的其他人都可使用呢？为了开始，我们需要一个 Meteor 开发者账号。你可以从 meteor.com 申请，但是很有可能 ...……

评论社交新闻网站的目标是创建一个用户社区，如果没有提供一种方式让人们互相交流，这将是很难做到的。因此在本章中，我们添加评论！我们首先创建一个新的集来存储评论，并在该集中添加一些初始数据。Comments = new ...……

非规范化非规范化数据不存储规范化的数据。换句话说非规范化意味着相同数据的多个拷贝同时存在。上一章中，我们在帖子中非规范化评论总数，以避免每次都加载所有的评论。在数据建模意义上说这是冗余的，因为我们可以 ...……

Notifications现在用户们可以给帖子添加评论了，让他们互相知道讨论已经开始了是个好主意。我们将通知帖子的作者已经有用户在他的帖子上添加了评论，并且提供一个链接可以看到评论。这是 Meteor 真正闪光的特性之一 ...……

高级的响应性虽然需要你自己写代码来跟踪依赖变量的情况十分罕见，了解依赖变量的工作流程还是十分必要的。设想我们现在需要跟踪一下 Microscope上，当前用户的 Facebook 朋友在 “like” 某一篇帖子的数量。 让我们 ...……

分页Microscope 的功能看起来不错。我们可以想象当它 release 之后会很受欢迎。因此我们需要考虑一下随着新帖子越来越多所带来的性能问题。之前我们说过客户端集合会包含服务器端数据的一个子集。我们在帖子和评论集 ...……

路由现在，我们已经创建了一个帖子列表页面（最终是由用户提交的），我们还需要添加一个单独的帖子页面，提供给用户评论对应的帖子。我们希望可以通过固定链接访问到每个单独的帖子页面，URL 形式是 http://myapp.co ...……

会话Meteor 是一个响应式框架。这意味着随着数据的变化， App 的改变并不需要你显式地做任何事情。事实上，我们已经看到过我们的模板是如何根据数据和路由规则的变化去进行改变的。我们将在后面的章节去深入了解这里 ...……

添加用户到目前为止，我们已经以较合理的方式去创建并显示一些静态数据，并将其连接到成一个简单的数据原型。尽管我们的界面是根据变化的数据进行即时响应的，并且数据的实时插入或更改的都会在界面上得到体现。然而 ...……

响应式如果说集合是 Meteor 的核心功能，那么响应式可以能让这个核心功能更强大。集合从根本上改变你的应用程序的数据处理方式。从而不必手动检查数据更改（例如，通过一个 AJAX 调用），再根据这些变化去修改 HTML ...……

创建帖子我们曾经轻松地通过控制台去使用 Posts.insert 来创建帖子并插入到数据库。但我们不可能指望用户去打开控制台来创建一个新的帖子吧？所以我们需要在用户界面上创建一些表单控件，让用户在我们的 App 上发布 ...……

延时补偿在上一章，我们介绍了 Meteor 的一个新概念：内置方法。Meteor 的内置方法是一种在服务器上执行一系列命令的结构化方法。在示例中，我们使用内置方法是为了确保新帖子是通过作者的姓名和 ID ，以及当前服务 ...……

编辑帖子上一章，我们已经学会了创建帖子，下面来学习编辑和删除它们。页面的代码非常简单，让我们在这个时候来谈论一下 Meteor 是如何管理用户权限。让我们先设置我们的路由器，添加一个可以访问帖子编辑页的路径， ...……

简介先来活动一下大脑。假设你坐在电脑面前，在两个窗口中打开同一个文件夹。在其中一个窗口中删除一个文件，另一个窗口中的这个文件会消失吗？不用实际操作你也知道肯定会消失的。在本地文件系统中的操作，不用刷新 ...……

开始第一印象十分重要，安装 Meteor 并不会遇到什么困难。大多数情况下，在五分钟内便可以完成。首先，如果在 Mac OS 或 Linux 系统下，你可以打开终端窗口，输入以下命令来安装 Meteor：$ curl https://install.met ...……

部署有些人喜欢不被打扰地工作，直到项目足够完美才去发布，而有些人则迫不及待的要向大家展示自己的项目。如果你是第一种人，现在宁愿在本地开发，那么可以果断跳过这一章。相反，如果你更愿意花时间去学习如何把 M ...……

模版为了更容易地进入 Meteor 的开发，我们将采用从外向内的方法来搭建项目。换句话说，我们将首先建立一个 HTML/JavaScript 的外壳，然后把它放到我们的项目里，内部细节处理稍后再说。这意味着在本章中，我们只关 ...……

使用 Git 和 GitHubGitHub 是一个开源项目的社交化代码存储空间，基于 Git 作为版本控制系统。它的首要功能就是代码共享和项目协作。在本章你可以快速找到用 GitHub 学习本书的一些方法。本章节假设你不太了解 Git ...……

集合在第一章我们提到了 Meteor 的核心功能， 那就是服务器端和客户端的自动数据同步。在这一章我们要仔细了解一下它是如何运作的，以及研究那个让它得以运行的关键技术: Meteor 集合（Collection）。集合是一个特殊 ...……

发布和订阅发布（Publication）和订阅（Subscription）是 Meteor 的最基本最重要的概念之一，但是如果你是刚刚开始接触 Meteor 的话，也是有些难度的。这已经导致不少误解，比如认为 Meteor 是不安全的，或者说 Mete ...……

ReactReact 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。由于有 ...……

Vue.js2.0混合基础混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。例子：// 定义一个混合对象var myMixin = { cr ...……

Vue.js2.0 开发插件插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种： 添加全局方法或者属性，如：vue-element 添加全局资源：指令/过滤器/过渡等，如：vue-touch 通过全局 mi ...……

Vue.js2.0单文件组件介绍在很多Vue项目中，我们使用Vue.component来定义全局组件，紧接着用new Vue({ el: #container })在每个页面内指定一个容器元素。这种方案在只是使用 JavaS_来自Vue.js 2.0 教程 ...……

删除警告为了减少文件大小，Vue 精简独立版本已经删除了所有警告，但是当你使用 Webpack 或 Browserify 等工具时，你需要一些额外的配置实现这点。Webpack使用 Webpack 的DefinePlugin来指定生产环境，以便在压缩时 ...……

Vue.js2.0官方路由对于大多数单页面应用，都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。从零开始简单的路由如果只需要非常简单的路由而不需要引入整个路由库，可以动态渲染一个页面级的组件像 ...……

类 Flux 状态管理的官方实现由于多个状态分散的跨越在许多组件和交互间各个角落，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供vuex： 我们有受到 Elm 启发的状态管理库。vuex 甚至集成到vue-devtools ...……

配置和工具任何兼容基于模块的构建系统都可以正常使用，但如果你需要一个具体的建议，可以使用Karma进行自动化测试。它有很多社区版的插件，包括对Webpack和Browserify的支持。更多详细的安装步骤，请参考各项目的安 ...……

需要服务端渲染（SSR）吗？在开始服务端渲染前，我们先看看它能给我们带来什么，以及什么时候需要用它。SEO（搜索引擎优化）谷歌和Bing可以很好地索引同步的JavaScript应用。同步在这里是个关键词。如果应用启动时有 ...……

基础用法你可以用v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些 ...……

什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML ...……

Vue.js2.0深入响应式原理大部分的基础内容我们已经讲到了，现在讲点底层内容。Vue 最显著的一个功能是响应系统 —— 模型只是普通对象，修改它则更新视图。这会让状态管理变得非常简单且直观，不过理解它的原理以避 ...……

Vue.js 2.0过渡效果概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩 ...……

过渡状态Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如： 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性所有的原始数字都被事 ...……