草庐IT

android-application-class

全部标签

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - Vue.js 'v-bind:class' 不更新,即使模型更新

我有一个项目列表,我想对当前选定的项目应用一种样式。我也在使用Vuex来管理状态。我的列表组件:constList=Vue.component('list',{template:'0">'+''+'{{g.text}}'+''+''computed:{items:function(){returnthis.$store.state.items;}},methods:{selectItem:function(index){this.$store.commit('selectItem',index);}}});我的商店:conststore=newVuex.Store({state:{it

javascript - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计

javascript - android 2.3 上的 d3.js 可视化

我知道2.3的android浏览器不支持SVG,但我想知道我是否可以使用Canvg将d3.jsSVG可视化转换为Canvas。在客户端。浏览器是否能够解析SVG元素,或者这种从SVG到Canvas的转换是否需要在服务器端进行?提前致谢!//Grabdatafromserver...varbtoken=window.location.search.split('bearer_token=')[1].split('&')[0];varendpoint="http://dcaps-staging.media.mit.edu:8080/api/reality_analysis_service/

javascript - 将 dataURL(base64) 保存到 PhoneGap (android) 上的文件

我正在将Canvas转换为dataURL(base64)类型,我想使用PhoneGap的编写器将它保存到手机文件系统,但没有成功(我得到了无法打开的损坏文件)——这是我的一些代码:vardataURL=document.getElementById("gen").toDataURL('image/png');//substr().replace('datadata:image/png;base64,','');window.requestFileSystem(LocalFileSystem.PERSISTENT,0,gotFS,fail);functiongotFS(fileSyste

javascript - 将多维表单数据序列化为 JSON 对象数组以与 application/json 一起使用

我正在构建Laravel应用程序。在后端,如果请求的内容类型为application/json,则$controller->wantsJson()方法为TRUE。因此,为了满足这一点,我的jQueryAJAX调用是这样的。jQuery.ajax({type:"POST",method:"PUT",url:$form.attr('action'),data:$form.serialize(),dataType:"json",contentType:"application/json;charset=utf-8"})这会正确触发我需要的wantsJson()响应。那么问题是jQuery无法

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何阻止 Android 硬件后退按钮在 react-native 的 react-navigation 中运行?

我正在开发一个问答游戏,我正在使用react-navigation来处理导航,我有3个组件,(newGame、Questions、Results)我不希望用户返回到结果页面的问题,如果没有。问题已经用完,但是,按下后退按钮(Android硬件)会将他带回问题。然后我尝试像这样处理硬件后退按钮:componentWillMount(){this.props.gameState(true);BackHandler.addEventListener('hardwareBackPress',()=>{if(this.props.gamePlaying){//Currentlysettotrue

javascript - Uncaught ReferenceError : Class is not defined?

我很想知道为什么会出现此错误?我已经从网站beezid.com(carousel.js)文件中复制了它,并且我正在尝试将与他们相同的幻灯片放到我的网站上以更新它。如您所见我对此有疑问??他们的网站没有出现这个错误?carousel.js:26UncaughtReferenceError:ClassisnotdefinedCarousel=Class.create(Abstract,{initialize:function(scroller,slides,controls,options){this.scrolling=false;this.scroller=$(scroller);th

javascript - 为什么在 JS 中用匿名函数包装每个原型(prototype) "class"对象?

查看thisJScode通过DavidFowler他用一个匿名的自执行方法包装每个“类”,他在其中发送jQuery和window。我知道这是一种确保$和window实际上是您期望的全局jQuery和winndow变量的方法。但这不是有点过度保护了吗?您是否应该保护自己免受其他人更改$和window变量的影响-实际上是否有代码可以做到这一点,如果有,为什么?另外,像这样包装所有东西还有其他优势吗? 最佳答案 如果我没记错的话,除了jQuery之外,还有其他一些库使用$. 关于javascr