问题标签 [backbone-boilerplate]
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.
animation - 是否有专门为动画网页制作的主干.js 框架
所以我从一个购买的 Web 模板开始,其中包含一堆backbone.js 代码。每个视图都有动画进出。我开始广泛使用它,基本上重写了很多东西,并完全删除了他正在使用的动画引擎并用 tweenmax JS 替换它。现在我正在考虑一个新网站并想使用另一个backbone.js框架,但我不知道是否使用我以前使用过的同一个项目并坚持使用该系统是正确的答案,或者是否有骨干.js知识的人可以告诉我哪个框架最适合创建具有常规内容的“设计器”样式网页。主页、关于我们、投资组合、联系我们、博客等。我特别希望能够加载和加载页面并完全控制动画进出的视图,但我没有 不知道哪个框架助手最适合我的意图。我看了 Marionette, Boilerplate, 两者的结合,也看了看骨干MVC。在我深入学习一个新的框架助手之前,我想尽可能多地找出来,这样我就不必多次改变方向。
谢谢!
backbone.js - 使用带有骨干样板和 require.js 的主干.localstorage
我正在为一个项目使用主干样板 (grunt-bbb) 和 requireJS,我有一个关于主干.localstorage 和 lodash 的问题。似乎 localstorage 插件需要下划线。我在我的应用程序 config.js 文件中为backbone.localstorage 创建了一个别名:
在我将backbone.localstorage 加载到我的一个模块中后,我在underscore.js 上收到404 错误。我假设这是因为 bbb 使用 lodash。所以,我用 require.config.js 文件中的 lodash.underscore.js 文件替换了 lodash,一切正常:
我的问题是,这是正确的方法吗?我应该在我的 config.js 文件中完成此操作,然后将下划线作为模块加载吗?
backbone.js - 主干样板布局管理器
有人可以帮助解释/提供有关如何在 Backbone Bolierplate 中使用 LayoutManager 的示例吗?
在 app.js 中,我可以看到一个扩展主 app 对象的 useLayout 函数。在这里,它似乎正在设置一个基本布局元素:
那是对的吗?如果是这样,我是否以某种方式将“UseLayout”功能与应用程序路由器一起使用?...向主视图添加不同的 UI 元素/嵌套视图?
谢谢。
javascript - Backbone LayoutManager 重新渲染子视图
我将 BBB 与出色的 LayoutManager 一起用于视图。不幸的是,我找不到重新渲染特定子视图的方法。这是我的设置:
我不想重新渲染整个布局,再次调用 Home.HomeView.render() 会发生什么,但是我如何才能在此设置中仅渲染子视图?
backbone.js - d3.js 在主干视图中强制布局命名空间
我正在使用backbone.js 处理wordpress 数据的中型复杂应用程序,我不知道如何让力在主干布局中工作。
基本上,我正在尝试在骨干样板布局中实例化强制布局,如下所示:
问题是力是用所有空白函数定义的,比如gravity: function(x) { //lots of null things here }
. 我很确定这是一个命名空间问题,但我没有尝试任何工作 - 我已经尝试过$(window).force
,,var force
...$this.force
在我的示例tick
中是唯一的命名空间函数,但我也尝试与所有其他函数(重力、摩擦等)一起这样做,但无济于事(即使它们应该只是链接到力对象上)。
有人有想法么?我不能真正发布 .jsfiddle,因为该应用程序太复杂了,所以提前抱歉。当前版本在这里
编辑:这里是 d3 如何成功访问模型:
这有效:
就像这样:
myLayout.nodes.append("clipPath")
.attr("id", function(d) { return d.attributes.slug });
编辑:为了清楚起见,这里是非昵称代码:
javascript - 使用 Backbone.js 的多个页面
我正在使用 Backbone Boilerplate https://github.com/tbranyen/backbone-boilerplate并且不知道处理多个页面的最佳方法是什么。我找不到可以帮助我轻松理解的答案。基本上,我正在考虑这些选项:
- 每个页面应该有不同的
config.js
吗?比如config-userpage.js
……config-homepage.js
? - 我应该
router.js
为不同的页面设置不同的内容吗?喜欢router-userpage.js
还是router-homepage.js
...? - 我应该尝试不同的样板,例如https://github.com/hbarroso/backbone-boilerplate吗?
javascript - 如何结合 Backbone.Marionette 和 Backbone-Boilerplate?
有没有关于如何结合 Backbone.Marionette 和 Backbone-Boilerplate 的教程或见解?我遇到了麻烦。用于集成的 Marionette wiki 已过时且尚未完成。
我是否可以维护样板模块设置,但也可以使用 Marionette 视图?
谢谢
javascript - 实现骨干列表应用的最佳方式
我使用backbone.boilerplate 创建一个简单的应用程序。
我想创建可以显示网站集合的模块。每个站点都有 id 和 title 属性(例如[{ id: 1, title: "github.com" }, { id: 2, title: "facebook.com" }]
.
我的路由器:
所以,我的网站模块有布局,这样做:
好的。现在我的问题是:当用户单击集合元素时,请帮助我选择呈现一个站点视图的最佳方式。我希望它像 gmail 一样工作:所有字母的一个屏幕和一个字母的所有屏幕(当它选择时)。也许您有类似应用程序示例的链接。我正在等待你的建议。
backbone.js - 主干 + 布局管理器(主干样板)集合在 beforeRender 中为空
我正在做一个项目来测试这个骨干样板(https://github.com/tbranyen/backbone-boilerplate),但我在渲染视图时遇到了问题。我第一次调用 beforeRender,集合(图片)是空的,因为 Flickr 照片的获取仍在进行中。但是当加载数据时,我可以在我的 Pics.Collection 的“解析”函数中看到它们(带有断点),我的视图的 beforeRender 再也不会被调用。
我的 router.js :
我的模块 pics.js :
list.html(模板):
item.html(模板):
索引.html:
两天以来,我在论坛上和我自己搜索是否存在现有问题,但我找不到问题所在。
在此先感谢,皮埃里克。
javascript - bbb qunit 测试
我为我的项目使用主干样板并且在测试它时遇到了问题。对于测试,我使用 QUnit。例如,测试集合:
测试/index.html
测试/站点/collections.js
我在测试部分中的 grunt.js 文件如下所示:
当我打开浏览器窗口一切正常时,我看到了我的测试:
但是当我尝试在控制台中运行它时,我看到了奇怪的错误:
也许您知道这个问题并知道如何解决?感谢帮助。