2015-10-05 AnnatarHe
数据存储 集合(Collection)是Meteor存储持久化数据的方式。Meteor 中的集合比较特殊的是,它可以从服务端,包括客户端接收数据。这使得编写视图逻辑变得更加简单 -- 不用去写太多的服务端的代码。它也可以自动的自我更新,因此一个视图组件受到一个集合的支持,他可以自动的展示最新的数据。 继续阅读 »
2015-04-05 Alex Sun
JSX和HTML 在JSX中,可以像通常使用HTML标签那样使用它们,也可以自定义标签,例如: javascript React.render( welcome to react world, document.getElementById('example') ); 继续阅读 »
2015-11-09 Alex Sun
例子中的React版本为v0.14.2. 示例目录结构如下: - libs/ - react/ - node_modules/ - src/ - main.js - gulpfile.js - index.html - bundle.js - package.json 继续阅读 »
2015-04-13 Alex Sun
事件处理 React中的事件处理方式与HTML方式类似,都是通过为标签添加属性来声明事件处理函数。如下所示: ```javascript var LikeButton = React.createClass({ getInitialState: function(){ return {like: true}; }, handleClick: function(){ this.setState({like: !this.state.like}); }, render: function(){ return ( 继续阅读 »
2015-10-13 AnnatarHe
通过发布订阅模式过滤数据 现在我们已经把应用中比较敏感的代码放到了一些方法里面,我们还需要学习Meteor安全故事的另一半内容了。 到现在为止,我们一直是假设整个整个数据库到客户端上,这意味着我们调用Tasks.find()方法我们将会得到集合中所有的数据。如果我们应用程序的用户想要保存私密敏感信息的话,这样做并不好。我们需要一种可以控制数据的方法,使Meteor发送所需数据到客户端数据库 继续阅读 »
2015-04-06 Alex Sun
this.props 在React中,可以通过this.props来传递参数,看下面的例子: ```javascript var OuterComponent = React.createClass({ render: function(){ return ( This is a message first message second message 继续阅读 »
2015-10-14 AnnatarHe
下一步干什么? 恭喜你刚刚成功编写了你的Meteor应用,别忘了再部署一遍,这样你的朋友们就可以使用这些新特性了! 你的应用在一个单个的任务清单中是支持合作的。试试怎么样添加更多的功能。检查一下例子--待办事项。更多的可以控制分享多个列表的已完成应用。同时,试一下本地市场,跨平台定客户互动应用,展示原生硬件功能和社交功能 继续阅读 »
2015-10-08 AnnatarHe
部署你的应用 现在你有了一个可以运行的待办事宜的应用,你可以分享给你的朋友们! Meteor使得发布你的应用到其他人可以使用的互联网变得非常的简单。 同样是在你的应用文件夹的命令行中输入: meteor deploy my_app_name.meteor.com 继续阅读 »
2015-10-07 AnnatarHe
确认完成和删除任务 到现在为止,我们只有一个和集合互动的方法 -- 在文档中进行插入操作。 现在,我们来学习如何进行更新和删除操作。 先来给task组件添加两个元素: 一个确认选框和一个删除按钮,并给他们带上各自的事件监听 继续阅读 »
2015-04-26 Jason Liao
2月份开始接触 React.js,主要是为了之后学习 React Native 但是现在开源的IOS端只能在OSX下才可以进行开发,然后Android端好像在10月份才开源 继续阅读 »