确认完成和删除任务
到现在为止,我们只有一个和集合互动的方法 -- 在文档中进行插入操作。
现在,我们来学习如何进行更新和删除操作。
先来给task组件添加两个元素: 一个确认选框和一个删除按钮,并给他们带上各自的事件监听
继续阅读 »
数据存储
集合(Collection)是Meteor存储持久化数据的方式。Meteor 中的集合比较特殊的是,它可以从服务端,包括客户端接收数据。这使得编写视图逻辑变得更加简单 -- 不用去写太多的服务端的代码。它也可以自动的自我更新,因此一个视图组件受到一个集合的支持,他可以自动的展示最新的数据。
继续阅读 »
CSS自定义属性除了简单的保存和获取CSS值机制外,还有很多有趣的用处。在这篇文章里,我们将会探索自定是属性的最佳实践。
浏览器支持度
从图中可以看出浏览器的支持度还是挺高的。
用class分离css和js
大多数情况下,为了分离关注点和简化两者的交互,你想让js和CSS保持高度分离。最简单的经常被工程师实践的示例是使用定义良好的CSS类,在js端为了触发事件驱动的视觉变化,只需要添加或移除相关的css类,比如:
```css
.button {
position: relative;
transform: scale(1);
}
.button.js-toggled {
transform: scale
继续阅读 »
通过表单(form)添加任务
在这个步骤,我们将为用户在列表上添加输入框。
首先,在App.jsx文件中App组件上添加表单吧。
Todo List
继续阅读 »
方法的安全性
在这个步骤之前,这款应用的任何用户都可以修改数据库的任何部分,在一个非常有意思的小项目或者演示项目中可能已经不错了,但是任何一个真实的应用都需要对这些数据进行权限控制。
在Meteor上,最好的方法就是通过声明方法。以此来直接取代客户端的代码。这些方法叫做insert, update, 还有remove,这将会替换执行的方法。它将会确认用户是否有权限完成这么一整套操作。那么随后在客户端中做出的任何对客户端的改变都会发给数据库
继续阅读 »
在React组件中定义视图
在开始编写React视图库之前,要先添加react包,这个包囊括了你在Meteor应用中开始运行React所需要所有东西。这个React库自己可以自动将jsx文件编译,并且通过ReactMeteorData的mixin加载数据。我们将会在接下来的步骤中看到如何使用所有的这些东西。
继续阅读 »
在组件状态中存储临时数据
在这个步骤,我们会在为应用的客户端添加数据过滤特性,这样用户就可以通过点击’确认选框‘来查看当前进行的任务。我们会去学习如何仅在客户端使用React组件状态来存储临时模板
首先,我们需要在我们的App组件中,添加’确认选框‘
继续阅读 »
Yarn: A new package manager for JavaScript
继续阅读 »
OpenStack Icehouse于4.17正式发布,release notes也在第一时间发布。但毕竟是开源项目,release notes在质量上无法与大公司的版本发布时相比较,至少没有我司看着规整。罢了,没有参与没有发言权,还是感谢来自全球的开发者的努力。
继续阅读 »
原文发表在 Performance Calendar 上,作为其 2010 年系列文章的一部分。在上一篇翻译的文章中,作者推荐了这篇文章,译者阅读之后觉得有一定的价值,而且网络上没有这篇文章的中文翻译,权当学习就在此翻译成了中文,水平有限,如果有表达不恰当或者表达有误的地方,请直接在评论中指出。
原文链接:Bulletproof JavaScript benchmarks,下面开始翻译正文。
编写 JavaScript 基准测试并不是想象的那么容易,撇开潜在的跨浏览器兼容问题不说,还将面临很多陷阱(甚至诡雷)。
这也是我创建 jsPerf 的一部分原因,jsPerf 提供了一个非常简单的 Web 接口,您可以非常轻松地创建和分
继续阅读 »