- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
RactiveJS 与 JSX 兼容吗?
我猜有些标记不兼容。我喜欢强类型的想法,并且能够在 JavaScript 源代码中干净地编写模板。也许这被认为是糟糕的设计?
最佳答案
没有。 React.js 和 Ractive.js 有许多相似之处(例如,两者都通过在内存中构建轻量级虚拟 DOM 来工作),但它们有一个非常重要的区别 - React 完全拒绝模板的想法。
也就是说 JSX 不是一种模板语言,它只是看起来像一种!在 React 中,如果你有这样的事情......
<h1>Hello world!</h1>
...它被 JSX 预处理器转换成这样的东西:
React.DOM.h1(null, 'Hello world!');
换句话说,JSX 描述的是函数,而不是模板。相比之下,在 Ractive 中,Mustache 模板被解析为可以作为 JSON 传输的树状结构。
现在,在这个例子中,原始字符串经过什么过程并不重要——它仍然会以 <h1>
结束。某处浏览器中的元素。但是,当您开始引入引用 this.state
的任意 JavaScript 时,它会变得更加困难。和 this.props
- 可以改变 React 中组件的基本结构,但在 Ractive 中没有意义的东西。
Ractive 将来可能会支持除 Mustache 之外的模板语言,但 JSX 不太可能是其中之一,因为它们具有如此不同的方法和设计目标。
但是这里有一个相关的问题,即能够在单个文件中完整描述组件。有一些 ongoing work发生在那里 - 最有可能的情况是我们将能够在 .html 文件中描述组件(因为您可以在 HTML 中使用 JavaScript 和 CSS),而不是将模板写入您的 .js 文件。
关于reactjs - RactiveJS 和 JSX,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20737863/
我正在使用 Ractive.JS 绑定(bind): var alertsBinding = new Ractive({ el: '.alerts', template: alerts
事件模板 单击 div 时,会显示更多详细信息,但有点不确定如何通过单击图标关闭 div 来关闭 div.more。 尝试通过教程来寻找答案,但找不到。我想通过使用与 JQuery 类似的方式,
如果我的 Ractive 模板中有以下内容: click me 然后我可以用这个来监听点击: app.on({ handleClick:function() { alert("
自从发现 Ractivejs 以来,我正在慢慢地将我的应用程序转移到它上面。 之前,我使用 vanilla JavaScript 构建了一个 html 树结构来创建元素,然后在完成后将其附加到页面。我
我在使用 Ractive 动态添加子组件时遇到了一些问题。 我正在制作一个时间表/日历组件,并通过选择一天的时间间隔来添加新的事件/ session 。这就是为什么我需要动态添加子组件。 现在我做这样
我正在尝试使用代理事件(on-mousedown、up、move、out)通过 RactiveJS 实现一个简单的可拖动 DIV 正在关注 JSFiddle工作正常,但是当用户移动鼠标太快时拖动停止。
我做错了什么吗? 我的模板 {{#formData.municipalities}} {{name}} {{/formData.municipalit
http://examples.ractivejs.org/comments 上面的例子中有一行: // fire an event, so we can (for example) // save
我知道在普通 JS 中你可以使用删除命令来删除对象,但我在文档中找不到任何用于对象操作的内容。 例如,我如何在ractivejs中删除这个对象? template.set('object', {hel
也许这是一个基本的 javascript 问题,而不是特定于 Ractivejs 的问题。 我如何向 Ractive 组件添加共享行为...例如,如果多个组件都有一个 strip_whitspace(
RactiveJS 与 JSX 兼容吗? 我猜有些标记不兼容。我喜欢强类型的想法,并且能够在 JavaScript 源代码中干净地编写模板。也许这被认为是糟糕的设计? 最佳答案 没有。 React.j
我一直在研究许多双向数据绑定(bind)库,但到目前为止还没有找到一个可以在根据模型更改设置输入值时触发 onchange 事件的库。有没有办法用 ractive.js 做到这一点? 最佳答案 这是可
基本上我想要这个:In Mustache templating is there an elegant way of expressing a comma separated list without
我发现自己处于一种情况,我想从父 Ractive 访问从 Ractive 组件创建的实例。 例如。 var myComponent = Ractive.extend( { us
我正在尝试将一个 active 类名添加到被点击的 li 中。显示它已被选中。 我的模板: var legCatagoryTemplate = "{{#legs:i}}{{name}}W: {{wi
有什么方法可以使用参数运行计算属性吗?几乎是一个计算函数。 JS代码 computed: { IsShapeToolSelected: function (toolId) {
我有一个在单击元素时调用的函数,我正在比较两个数组。第一个数组使用过滤数组的表达式打印到 DOM。 Handlebars : {{#each search(~/budgets, searchValue
我试图让 HTML 有条件地出现在 ractive 模板中,但没有成功。 正如您在此 JSFiddle 中看到的那样结果与预期不同 - 表是单行。 我的模板: {{#list:nu
我在 RactiveJS 中使用 Pikaday 日期选择器作为装饰器,想在装饰器之外访问日期选择器的 api,但将其添加到返回对象似乎不起作用。请有人指出我正确的方向。 http://jsbin.c
我有一个页面显示来自带有 Ractive.js 的 json 的时间相关文本片段。初始化后,我想每分钟检查一次,存储在 json 中的停止时间是否到期。然后应该隐藏文本片段。 我尝试过的事情: {{#
我是一名优秀的程序员,十分优秀!