草庐IT

class-design

全部标签

javascript - 轻扫打开抽屉导航(Material Design Lite)

我正在使用MaterialDesignLite为WebView中的应用程序创建UI,但是我遇到了无法在滑动时部署抽屉导航的问题。我正在使用这个jquery代码来识别滑动事件$(function(){$("#test").swipe({//GenericswipehandlerforalldirectionsswipeRight:function(event,direction,distance,duration,fingerCount){$(this).text("EventTriggered");},});});从这里我不确定如何打开抽屉导航。我更愿意让整个屏幕“可滑动”,尤其是左边

javascript - Material Design Lite + React - 工具提示问题

最近,我一直在整合MaterialDesignLite进入我的ReactWeb应用程序。在大多数情况下,一切都进行得很好,但目前我在React的事件处理方面遇到了一些问题,这似乎不适用于某些MDL组件。特别是,我有一个带有onClick处理程序的DOM元素,它工作得很好,直到添加了MDL工具提示,这导致onClick不再触发.我已经尝试了几乎所有可能的变体(将工具提示放在DOM中的其他位置,将onClick处理程序附加到容器div中,该容器div具有子工具提示,等等),我可以'似乎无法正常工作。这是一个演示该问题的JSBin(我还包括一个示例,该示例使用jQuery在组件安装后将点击处

javascript - Angular JS(尤其是 Angular Material Design)在 Sublime Text 3 上的缩进效果不佳

我已经使用sublimetext两个月了,到目前为止我真的很喜欢它。但是,我开始在我的webapps上实现Angular设计Material,并且我对缩进过程有疑问:它不能很好地缩进并且弄乱了结构。我在帖子底部放了一张截图。仅供引用,我没有安装缩进或HTML语法相关包,也没有更改默认缩进首选项。当我从我的代码中取出所有AngularMaterial设计元素时,它运行良好,但只要我添加标签,它变得狂野。该代码运行良好,但以这种方式编写代码真的很困难。我已经尝试过全新安装sublimetext2,没有任何软件包或根本没有进行任何更改,但它仍然无法正常工作。(我在日常编码中使用sublime

javascript - Karma + Jasmine( Angular Testing ): Where should I define mock classes and test variables?

让我们来看下面的例子:constlistDefinition:any={module:"module",service:"service",listname:"listname"};@Component(...)classMockTreeExpanderComponentextendsTreeExpanderComponent{...}classMockListConfigurationsServiceextendsListConfigurationsService{...}describe('ColumnsListConfigurationsComponentTestcases',(

javascript - ES6 继承 : uses `super` to access the properties of the parent class

Javascript的super关键字,当我在Chrome、Babel、TypeScript上运行代码时,我得到了不同的结果。我的问题是哪个结果是正确的?规范的哪一部分定义了这种行为?以下代码:classPoint{getX(){console.log(this.x);//C}}classColorPointextendsPoint{constructor(){super();this.x=2;super.x=3;console.log(this.x)//Aconsole.log(super.x)//B}m(){this.getX()}}constcp=newColorPoint();

javascript - Node.js 事件发射器 : How to bind a class context to the event listener and then remove this listener

有没有办法在事件监听器方法中访问类上下文并有可能删除监听器?示例1:import{EventEmitter}from"events";exportdefaultclassEventsExample1{privateemitter:EventEmitter;constructor(privatetext:string){this.emitter=newEventEmitter();this.emitter.addListener("test",this.handleTestEvent);this.emitter.emit("test");}publicdispose(){this.emi

javascript - "Class extends value #<Object> is not a constructor or null"

感谢阅读我的文章我的代码出现此错误:“Classextendsvalue#isnotaconstructorornull”这是我的代码,我正在尝试导出/导入类。怪物.js:constminiMonster=require("./minimonster.js");classmonster{constructor(options={name},health){this.options=options;this.health=100;this.heal=()=>{return(this.health+=10);};}}letbigMonster=newmonster("Godzilla");

javascript - angularjs ng-class 方法被多次调用

在这个例子中,我有2个ng-class,每个调用不同的Controller方法,由于某种原因每个方法被调用3次,知道吗?可能的错误?varnavList=angular.module('navList',[]);navList.controller('navCtrl',['$scope','$location',function($scope,$location){$scope.firstClass=function(){console.log('firstClass');return'labellabel-success';};$scope.secondClass=function(

javascript - Ant Design 上传组件中的 customRequest 应该如何设置才能与 XMLHttpRequest 一起使用?

我的组件一团糟。现在我传递了一个函数,我一直在尝试一百万种我无法让它工作的东西。exportdefaultclassDatafileUploadextendsComponent{initialState={fileUploading:false,fileList:[],status:'empty',//'empty'|'active'|'success'|'exception'file:{}}state=this.initialStatestaticpropTypes={userId:PropTypes.string.isRequired,datasetId:PropTypes.str

javascript - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme