草庐IT

scroll-view标签组件

全部标签

javascript - 使用 Marionette 对 Collection View 中的项目进行分组

我正在使用backbone和marionette.js构建一个应用程序。我计划使用CollectionView来展示一些项目,然后允许对它们进行过滤、排序和分组。我想知道是否有任何好的设计想法以分组方式实际附加html。我有一些想法,但我想知道是否有人可以提供更好的设计。我的第一个想法是更改CollectionView上的appendHtml方法,如果启用了分组,我可以让appendHtml函数查找或创建子组的bin并将subview放入其中。appendHtml:function(collectionView,itemView,index){var$container=this.ge

javascript - Backbone js 从服务器自动刷新/重新加载集合并使用集合更新 View

刚接触Backbone,请多多包涵我不太漂亮的backbonejavascript代码。这是我的代码varSchedule=Backbone.Model.extend({initialize:function(){console.log("initializingmodel");}});varScheduleCollection=Backbone.Collection.extend({model:Schedule,url:"",parse:function(resp){returnresp;},});varSchedules=Backbone.View.extend({initiali

javascript - 在 G 标签中包装现有的 SVG 元素

这似乎是一个简单的问题,但我很难回答:Isitpossibleto"wrap"existingSVGshapesinanewSVGgtag(i.e.group)usingd3.js,.wrap()在jQuery中的工作方式?如果我只是“手动”创建一个新的g标签,那么我将如何将现有元素移动到该g中? 最佳答案 如果您将现有的DOM元素传递给append或insert,该元素(及其子元素)将从它们在DOM层次结构中的当前位置移动到您'刚刚插入它们。varstuffToBeWrapped=d3.selectAll(".stuff");st

javascript - 使用 VueJS 动态加载组件和模板

我正在考虑将VueJS用于多页面网站。官方例子中routing,它们显示您可以根据URL动态更改模板和组件,但它们仍然将所有HTML模板和JS组件放在一个文件中,并一次加载。我的网站会很大,我想只在需要时加载所有内容。所以我的问题是:当URL更改时,我如何按需异步加载这些HTML模板和JS组件?仅展示上面的路由示例是如何进行的会很有帮助可以针对动态脚本加载进行修改。 最佳答案 更新:参见AsyncComponents官方文档中的部分。 关于javascript-使用VueJS动态加载组件

javascript - 扩展原生 d3 组件(如 d3.svg.axis())的惯用方法是什么?

对于d3中的时间序列可视化,我想在轴上突出显示年份。我通过制作我自己的xAxis渲染器实现了这一点,它调用nativeaxis函数,然后实现我自己的自定义逻辑来格式化它渲染的刻度。我就是这样做的(seeworkingexampleonjsbin):xAxis=d3.svg.axis().scale(xScale)customXAxis=function(){xAxis(this);d3.selectAll('.tick',this).classed("year",isYear);};...xAxis.ticks(10);xAxisElement=canvas.append("g").c

JavaScript 正则表达式 - 如何用标签包装匹配项?

我在JavaScript中有一个字符串,我想在其中找到给定短语的所有匹配项并将它们用标签包装起来。我无法在这里找到正确的正则表达式方法来替换不区分大小写的短语并将其替换为带有附加文本的自身。例如:输入字符串:"Iliketoplaywithcats,asdoesCathy,whoisamemberofACATA,whichistheAmericanCatAndTigerAssociation."不区分大小写的短语:“cat”输出字符串:"Iliketoplaywithcats,asdoesCathy,whoisamemberofACATA,whichistheAmericanCatAn

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - 如何让 addEventListener 与选择标签一起工作

HTMLIndiaAustraliaTurkeyJSvara=document.getElementById('country');b.addEventListener('select',function(){alert(this.value);},false);当用户从列表中选择一个选项时,我想在警告框中显示所选值。 最佳答案 Usechangeeventasselecteventisinvokedwhensometextisselectedinanelement.vara=document.getElementById('cou

javascript - ReactJS:即使在重新渲染组件后复​​选框状态仍然存在

我创建了一个JSfiddle在这个fiddle中,最初根据传递给组件的props呈现一个复选框列表。单击Re-render按钮时,同一组件将使用一组不同的props进行渲染。现在,请按照以下步骤-加载jsfiddle选中任何一个复选框(假设我选中了第二个和第三个复选框)点击重新渲染按钮即使在使用新的props渲染组件后,您选中的复选框的状态仍保持不变(第2个和第3个仍处于选中状态)为什么会这样?我如何使用新的Prop集重新渲染组件,以便复选框的状态不会持续存在。 最佳答案 因为React的diffalgorithm很聪明。重新渲染新