问题标签 [todomvc]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
70 浏览

javascript - 在 Ember 中对对象进行排序,Ember.SortableMixin sortProperties 未按预期工作

我是 Ember 的新手,最近按照 Ember“入门”指南构建 TodoMVC。这是在jsbin中。

一切正常,但现在我试图todos通过添加sortProperties到 TodosController 来排序:

在模板中,我有这个:

根据Ember.SortableMixin 文档,我所做的似乎是合理的,但显然我错过了一些东西。

任何帮助将非常感激!

0 投票
2 回答
468 浏览

javascript - 断言失败:#each 循环的值必须是数组错误。我究竟做错了什么?

我正在关注 Ember 的 TodoMVC 教程,但我被卡住了。基本上,我定义了 2 个控制器。这是 todos.js

这是 todo.js

这是路线/todos.js

最后,还定义了 todos.hbs

一切看起来都不错,但我在控制台中收到以下错误:

未捕获的错误:断言失败:#each 循环的值必须是一个数组。你通过了 todomvc-embercli@controller:array:,但它应该是一个 ArrayController

我在这里做错了什么?

0 投票
1 回答
628 浏览

node.js - 尝试安装 React.js TODO-MVC 教程时出现 NPM 错误

我正在尝试从 github (link)安装 react.js Flux-todomvc 教程,但是在克隆 repo、运行 NPM install、然后运行 ​​NPM start 之后,NPM 返回一个如下所示的错误:

任何人都知道如何解决这个问题?

0 投票
1 回答
663 浏览

reactjs - React TodoMVC turorial react-boilerplate 无法运行

当我想从教程中设置 react-boilerplate 项目时遇到了问题:http: //facebook.github.io/flux/docs/todo-list.html#content

当我运行npm install它安装所有模块,但是当我使用命令npm run build作为教程说我得到这种错误:

我用的是Win7。我可能做错了什么?

0 投票
1 回答
635 浏览

javascript - 将 document.body.innerHTML 应用于元素会禁用 AngularJS 功能

为什么对angular todo应用程序这样做会停止所有功能?

所有带有 ng-click 的按钮都不会调用它们各自的作用域函数,并且在输入上按 enter 会导致页面重新加载,而不是添加新的 todo 项。

演示提交:https ://github.com/QuantumInformation/todomvc/commit/95ca6233a3e5b3a9775675c3f92d731ecc6032af

0 投票
0 回答
93 浏览

javascript - 如何创建像 TodoMvc 示例这样的注释

我想在使用 jQuery Html Css Js 的链接下创建一个像这样的注释表单。 http://todomvc.com/examples/flight/

这是我的html代码:

这是我的jQuery:

我想要:

  1. 复选框输入类型和 p 标签在同一行

  2. 在每个复选框旁边添加一个删除按钮以删除该注释

  3. 一个按钮来选中所有框并取消选中所有

0 投票
2 回答
308 浏览

javascript - 如何重建 Polymer 的 TodoMVC 应用程序

这更像是一个关于学习 Polymer 1.0的一般性问题,聚合物团队建议在 stackoverflow 上发布它们。

我个人学习东西的最好方法是重建小应用程序。todomvc.com是一个很好的来源。

我在重建聚合物应用程序时遇到了麻烦,因为他们的 javascript 文件似乎是这个 124kb 或者当美化了 4736 行 javascript 代码时,这几乎不可能重现。

这些行似乎包含与使用的所有其他元素(flatiron-director、iron-selector、iron-localstorage 等)相关的任何 javascript,以及可能与核心库相关联的一大堆 javascript,不确定是哪一个。

有人会如何重现这个 todomvc-app?

vue todo app javascript 文件相比,它需要最多 123 行实际 javascript 代码才能正常运行,Polymer 的 4736 行代码似乎有点不成比例,因为它是 todomvc.com 堆栈中用于教育目的的应用程序。

任何想法如何实际复制聚合物的 todomvc 应用程序?

此外,该应用程序似乎没有按照 Polymer 的模块化理念构建,因为有一个巨大的elements.build.html文件,其中包含四个 dom 模块,而不是不同的自定义元素。由于我不知道的任何限制,聚合物应用程序是否应该以这种方式构建,或者这个特定的应用程序是否以这种方式构建?


编辑

建议只重命名builds.elements.htmlto elements.html,但这不起作用,因为未显示任务并且添加任务会引发错误:

未捕获的类型错误:无法读取未定义的属性“concat”

0 投票
2 回答
258 浏览

angularjs - 如何在 angularJS 中反转我的任务的显示顺序?

我有一个任务清单。使用我的 todoController 创建新任务后,它们会按从最早到最新的顺序显示。但是,我希望最新的任务显示在顶部。我该怎么做?

这是我的 todoController:

这是我的观点:

0 投票
0 回答
31 浏览

javascript - 如何理解 TodoMVC 基准测试中的“asyncTime”?

我想在我的javascript框架和其他框架之间做性能基准测试。我发现了“TodoMVC”基准测试。很多人使用这个测试的结果。看起来很合理。但我无法理解“asyncTime”这个测试的。

这是获取“syncTime”和“asyncTime”的代码片段。

为什么它使用两个“setTimeout”来获取“asyncTime”?

有意义吗?

这是原始存储库。https://github.com/Matt-Esch/mercury-perf

0 投票
1 回答
41 浏览

javascript - todomvc Backbone 对“编辑”类的更改如何使 todo 可编辑?

我正在阅读Backbone教程并查看代码我不理解双击事件(todo-view.js),这导致了编辑方法,这导致元素获取类“编辑”使元素(输入)可编辑。