摘要：
有许多种部署Meteor应用的方法： 各种部署方案有各自的特点，本文不做详细比较，在这里主要简单介绍如何在daocloud平台使用docker以最简洁的方式进行meteor应用部署： 登录daocloud，如果没有账号，则申请账号 部署image（从image生成container并运行） 阅读全文
摘要：
React 易于使用 inline-style，而 semantic-ui 和一些特殊情况不得不使用样式文件。另外，浏览器兼容性问题也需要解决。 解决方案：同时使用 post-css + autoprefixer 和 inline-style-prefixer。 注意：semantic-ui 官网建 阅读全文
摘要：
semantic-ui 的 fixed menu 和 sidebar 放在 body 中运行的很好（这是 sui 的默认设计），但是在 react 应用中，组件体系都是放在比较深的地方，很难直接放在body中，这时，问题很多。 基本思路：创建一个 sidebar 组件，以此作为 sidebar 的 阅读全文
摘要：
Props是React组件的参数，而一个组件还可能拥有其内部状态。这里的状态是抽象的状态，不仅仅指state（欢迎补充例子）。 Props可以由外部调用者改变，但是组件自己不能改变自己接收到的Props，虽然组件可以监听Props的改变。相反，组件可以改变自己的状态，而外部调用者却不应该直接改变组件 阅读全文
摘要：
以前常听的一句话是：write less，do more 然而今天我要说的一句话是：write less，get more 主旨是：少创造东西，少很多烦恼 之前一个阶段，我由一片空白，通过大量学习，逐步学到了不少花拳绣腿，于是急着在任何地方施展，各种混用，各种为了一点小功能而制造轮子……然后，很光鲜 阅读全文
摘要：
功能描述：在浏览器退出时（所有tab关闭时）退出登录需求来源：支持类似传统网页登录时的remember me选项背景：Meteor应用中，用户登录后，会在浏览器的localStorage保存resume token， 所以下次再使用该浏览器打开同一meteor应用时，会自动登录。有时，我们希望应用支... 阅读全文
摘要：
写React组件，基本上使用jsx文件，在render方法中返回html节点。然而，在jsx中的html标签中的js代码，只能是简单运算，对象，或函数调用，并不支持if-else或for-while等结构，因此，有时我们需要根据条件决定不同元素，或决定是否显示某元素时，不得不将这段代码抽到rende... 阅读全文
摘要：
微博使用Oauth2.0向第三方授权，具体信息参考oauth2和微博官方文档。meteor的用户系统集成了第三方账号绑定功能。实际上，在meteor的用户系统中，用户通过账号关联的service进行认证（登录），service可以是weibo、twitter、google等第三方账户，也可以是pas... 阅读全文
摘要：
Meteor应用的UI状态该如何存放？这里介绍几种方法。SessionSession是meteor提供的一个前端全局reactive数据源。使用方法简单，功能也相对简陋，适用于页面结构简单的单页应用。Local Collection前端通过new Mongo.Collection(null)创建一个... 阅读全文
摘要：
所谓延迟补偿，即在前端执行某项数据变更业务之后，不等后端返回执行结果，前端先行模拟执行，以尽快呈现结果给用户。如果服务端返回执行成功，则前端不需要进行任何变更渲染。如果服务端返回执行失败，则前端根据后端返回信息进行修正渲染。延迟补偿得以实现的基础，是前后端数据协作机制。具体来说，原本整个数据变更流程... 阅读全文