jjzjj

javascript - 向样式化组件添加过渡

我在React中有以下组件:constButton=styled.div`width:30px;height:30px;position:absolute;right:2em;top:50%;transform:translateY(-50%);padding:0;margin:0;&::before,&::after{content:"";position:absolute;background-color:#3d3935;transition:transform0.25sease-out;}&::before{top:0;left:50%;width:4px;height:100%

javascript - jquery:厌倦了 css().css().css()

我真的厌倦了这样的语法:.css('position','absolute').css('z-index',z-index).css('border','1pxsolid#00AFFF').css('margin','-1px0px0px-1px').css('left',pleft)我想知道是否有任何方法可以在一个函数中传递所有参数,例如:.foo('position':'absolute','z-index':z-index,'border':'1pxsolid#00AFFF','margin':'-1px0px0px-1px','left':pleft)非常感谢任何帮助。

javascript - 在 Javascript 中强制执行私有(private)方法是个好主意吗?

我正在与一位开发人员讨论侵入javascript私有(private)函数是否有意义。备选方案是:一个构造函数和一个包含所有函数的原型(prototype),非API方法(私有(private))将仅使用下划线_function_name命名,以便开发人员知道他们可以调用什么,不能调用什么。API函数的构造函数和原型(prototype),以及在私有(private)命名空间内作为私有(private)函数的自由函数,除了这个命名空间之外,其他命名空间都隐藏了它们。我们不考虑其他方法,例如在varprivate_var=function(){}形式的构造函数中创建私有(private)

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - 具有多个表达式的 JavaScript 中的三元运算符?

the_styles?the_styles.appendTo('head');the_styles=null:the_styles=$('.stylesheet').detach();显然,这是无效的。注意“;”在appendTo()和the_styles=null之间。我如何将它写在1行上并且仍然有多个这样的表达式? 最佳答案 以这种方式使用逗号运算符:the_styles?(the_styles.appendTo('head'),the_styles=null):the_styles=$('.stylesheet').detac

javascript - 删除页面中所有样式的最简单方法

我需要使用javascript删除页面中的所有样式定义,以获得与在Firefox中执行View>PageStyle>NoStyle相同的结果。哪种方法最简单? 最佳答案 您可以递归迭代所有元素并移除style属性:functionremoveStyles(el){el.removeAttribute('style');if(el.childNodes.length>0){for(letchildinel.childNodes){/*filterelementnodesonly*/if(el.childNodes[child].nod

javascript - jQuery .width()、style.width 和 jQuery .css ('width' 之间有什么区别?

jQuery的.width()、jQuery的.css('width')和.style返回的值有什么区别.width节点上的属性?我很好奇,因为在尝试将两个表格单元格的宽度设置为相等时,前两个给了我同样的错误答案。它们实际测量的是什么,为什么它与我在浏览器中查看元素时在.style属性中看到的值不同? 最佳答案 来自width官方文档Thedifferencebetween.css(width)and.width()isthatthelatterreturnsaunit-lesspixelvalue(forexample,400)w

javascript - @types/styled-components 重复标识符 FormData

如果我在我的项目中添加@types/styled-components,我将在构建输出中出现一堆错误:ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):TS2300:Duplicateidentifier'FormData'.ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):TS2717:Subsequentpropertydeclarationsmu