草庐IT

class-design

全部标签

javascript - 在Angular 5中将AMP与Material Design Lite一起使用

我想创建一个带有Angular5的电子商务渐进式Web应用程序。如何在GoogleMaterialDesignLite中将AMP与Angular5一起使用?如果它不具有可伸缩性或可行性,那么还有哪些其他好的选择呢? 最佳答案 我假设您已经对使用AngularUniversal进行SSR/服务器端渲染非常熟悉,然后再进行其他操作。由于,AMP上不允许使用自定义JavaScript。话虽如此,让我们谈谈AMP标准和限制,并看看涉及Angular时可能出现的问题。1.Howdoesawebsite/appimplementAMP,inmy

javascript - react | Ant design 选择默认值

我正在使用antdesign在我的项目中。这里我有一个选择作为动态字段。当我尝试为选择设置默认值时。它不起作用。JackLucyyiminghe我将默认值设置为lucy但它不起作用复制代码:https://codesandbox.io/s/6x3qv6wymr 最佳答案 根据documentation,您不应将value或defaultValue与getFieldDecorator一起使用。AfterwrappedbygetFieldDecorator,value(orotherpropertydefinedbyvaluePropN

javascript - jQuery:如果所有 child 都有相同的类(class)

如何检查所有子项或所有选择器是否具有相同的类?类未知...$(document).ready(function(){varsymbols=$("div:first-child").attr("class");if($("div").hasClass(symbols).length==3){console.log("same");};});这行不通...:-/ 最佳答案 $("div").not('.john').length如果任何div不是john类,这将找到它们,然后检查长度,如果它不为零,则存在一些。这是一个问题:$("div

javascript - 删除事件监听器作为 Class.prototype 函数

我试图在我的项目中使用基于Class.prototype的类,但我没有内联函数。考虑到这个例子,不可能删除我在类里面的myVideo视频对象上的eventListener。这是一个理论示例,不是我拥有的实际生产代码。varmyClass=function(){this.initialize();}MyClass.prototype.myVideo=null;MyClass.prototype.initialize=function(){this.myVideo=document.getElementById("myVideo");this.myVideo.addEventListene

javascript - jQuery Add Class on Click 但只允许一次。

这是我目前所拥有的:Javascript:$(document).ready(function(){$(".thumb_wrapper").click(function(){$(this).addClass("active");});});所以这是有效的,它正在添加类,但我只希望一个项目始终处于事件状态。因此,当我点击一个项目时,它变为事件状态,我点击的下一个项目应该是新的事件项目,并删除前一个项目的类。这有意义吗?我怎样才能做这样的事情?谢谢! 最佳答案 您需要先从thumb_wrapper元素中删除active类。试试这个:$(

javascript - .attr 与 D3.js 中的 .classed

在d3中,什么时候用比较合适d3.select("foo").attr('class','bar');相对于d3.select("foo").classed('bar',true);?是否推荐或预期弃用?什么是行业标准? 最佳答案 没有合适的方法,或者推荐的,或者标准的。两者都是有效的方法,使用哪一种取决于您的具体目的。classed("foo",true)和attr("class","foo")的主要区别是前者只会修改classList如果它已经存在...Ifavalueisspecified,assignsorunassigns

javascript - ant design 选择占位符问题

我在我的React应用程序中使用antddesign。这是我遇到问题的代码片段:现在,如果this.state.company不是null,它会显示选择的正确值。但是,如果this.state.company为empty或null,则不会显示占位符。如何解决这个问题,以便在value为null时显示占位符? 最佳答案 将this.state.company设置为未定义而不是null。 关于javascript-antdesign选择占位符问题,我们在StackOverflow上找到一个类

javascript - Material design lite,检查滚动是否到达底部

我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案,但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do

javascript - Prop 类型 : array of one of the class instance

我正在尝试为我的属性“listOfItems”之一提供类型。我希望此属性是“事件”类实例或“field”类实例的数组。这是我实现它的方式:MyClass.propTypes={...,listOfItems:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Event),PropTypes.instanceOf(Venue)]))然而,它似乎并没有起作用。我收到此警告:Prop类型失败:提供给MyClass的值[objectObject]的ProplistOfItems[0]无效,应为[空,空]。我不想使用PropT

javascript - 设计在 DOM 中表示 UI 对象的 JavaScript 类的最佳实践是什么?

我非常熟悉JavaScript和OOP,但对设计用于UI(HTML)编程的JS类非常不熟悉。我四处搜索了一下,但没有发现任何普遍的模式。假设我想动态创建类似面板的对象(类似于MicrosoftWindows面板)。每个对象都需要一个容器、一个可以包含文本标签的标题区域和一个具有单击事件处理程序的关闭按钮。除了DOM表示(HTML)之外,该对象还将具有JavaScript对象表示(变量和方法)。这是我尝试过的一种方法:////Windowclass//varWindow=function(params){this.testMethod=function(){console.log('te