草庐IT

header_buttons_classes

全部标签

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 - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - Heroku "Invalid Host header"HOST 配置中的 ReactJS APP?

我正在尝试将我的Reactapp在Heroku上。整个项目包括一个API(express)和一个客户端(ReactJS)。我已将我的API放在heroku上。但是当我把我的客户端放在Heroku上时,它显示构建成功。但是当我open它,它显示InvalidHostheader。我用谷歌搜索了这个问题,很多人告诉我配置HOST.但是他们正在使用webpack。我使用create-react-app构建它,并通过npmstart运行它。我想知道如何以最简单的方式解决这个问题。谢谢。 最佳答案 如果出于任何原因您试图在没有服务器的情况下部

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

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

javascript - 将 HTTP 基本身份验证 header 添加到 Backbone.js 同步功能可防止模型在保存时更新()

我正在开发一个网络应用程序,该应用程序由使用Python的CherryPy框架编写的restfulAPI提供支持。我开始使用jQuery和服务器端模板的组合来编写用户界面,但最终切换到Backbone.js,因为jQuery已经失控了。不幸的是,我在让我的模型与服务器同步时遇到了一些问题。这是我的代码中的一个简单示例:$(function(){varUser=Backbone.Model.extend({defaults:{id:null,username:null,token:null,token_expires:null,created:null},url:function(){r

javascript - javascript可以删除由http header 设置的cookie吗?

我尝试删除由httpheader设置的cookie,但不起作用。http-setcookie和javascript-setcookie有什么区别? 最佳答案 是的,javascript可以删除由HTTPheader设置的cookie,除非它特别是HTTPOnlycookies。cookie也必须来自与javascript相同的域。另见http://www.quirksmode.org/js/cookies.html和ClearingallcookieswithJavaScript 关于j

javascript - 如何像 ajax 一样在 jQuery.load 中传递 header ?

这几天我一直被这个问题困扰。我想在jQuery.load()中发送一些header数据。jQuery.load似乎从不发送header,就像ajax一样。有人可以解释如何,或者是否有必要?顺便说一句,抱歉我的英语不好。这是语法:$loadingBay.load(href,settings.data,function(data,status){prep(status==='error'?$tag(div,'Error').html(settings.xhrError):$(this).contents());});非常感谢 最佳答案

javascript - 如何使用angular js通过 header 传递authtoken

我正在尝试通过header传递我的apiauthtoken。我是angularjs的新手,所以我无法做到这一点。我的代码:$scope.init=function(authtoken,cityname){$scope.authtoken=authtoken;$scope.cityname=cityname;$http({method:'GET',url:'/api/v1/asas?city='+$scope.cityname+'&auth='+$scope.authtoken}).success(function(data){现在我在apiurl中传递authtoken。但我想通过he

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