草庐IT

styles-correct

全部标签

javascript - Rails + Jasmine-Ajax : what is the correct way to test code triggered by `ajax:success` (jquery-ujs)

我正在尝试测试某个内部库,该库在ajax:success事件上触发了一些JS行为。库创建一个如下所示的链接:在库的JS部分有事件绑定(bind)代码,这是我想通过它对DOM的影响进行黑盒测试的部分:$(document).on'ajax:success','.special-link',(e,data,status,xhr)->#CodethathassomeeffectontheDOMasafunctionoftheserverresponse该库在浏览器中按预期工作。但是,当我尝试通过调用$('.special-link').click()测试Jasmine中的库时,无法观察到对D

javascript - Vue/Vuetify - 未知的自定义元素 : <v-app> - did you register the component correctly?

我是Vue和Vuetify的新手。我刚刚创建了快速应用程序来检查它们。但我一开始就遇到了问题。尽管遵循了文档中概述的所有步骤,vue仍无法识别vuetify组件。错误如下-vue.runtime.esm.js?ff9b:587[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.foundin--->atsrc\App.vue您可以在沙箱https://codesandbox.io/s/40rq

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 - 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

javascript - 无法读取 null 的属性 'style' - Google 登录按钮

我正在尝试为我的网站实现Google登录。登录按钮会正确显示,并且最初会成功登录。当我在使用该网站后注销并尝试移至登录页面时,我的问题就出现了(我使用的是React,所以都是一页)。我使用完全相同的函数来呈现登录页面,但它给了我一个“cb=gapi.loaded_0:249UncaughtTypeError:Cannotreadproperty'style'ofnull”。gapi的错误就出现在这里(至少我是这么认为的):a.El;window.document.getElementById((c?"not_signed_in":"connected"这是我最初添加要呈现的登录按钮的方

javascript - 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css

在此跟踪器存储库中:https://github.com/pconerly/libsass-spritesmith-webpack-tracer这一行:https://github.com/pconerly/libsass-spritesmith-webpack-tracer/blob/master/webpack.config.js#L82我正在加载.scss,并将它们提取为纯文本。我还想缩小它们---我该怎么做?style-loader似乎没有它的选项。我应该改用另一个插件,例如css-loader吗? 最佳答案 所以除非您明确

javascript - Jest : How to correctly mock a node module?

我想用Jest在ReactNative中模拟node_module'ReactNativeKeychain'。在docs之后,我创建了一个名为__mocks__的文件夹,并在其中创建了一个名为react-native-keychain.js的文件。这是文件中的代码:exportdefaultjest.mock("react-native-keychain",()=>{consttoken="abcdefghijklmnopqrstuvwxyz0123456789";constcredentials={username:"session",password:token};return{s