问题标签 [class-names]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
205 浏览

rspec - 定位没有特定类名的元素

这与我之前提出的这个问题相同——Watir webdriver;计算类名变化的元素。我能够根据使用类名添加特定数量的元素asset-card selectable

目前,我希望单击更多元素以它们添加到现有集合中。这是我的困境:

  • 当一个元素没有被点击时,类名是:
    image-card asset-card selectable
  • 单击元素时,selected将附加到类名:
    image-card asset-card selectable selected

就我而言,我正在尝试寻找image-card asset-card selectable包含但不包含的其他元素selected。我不确定如何明确定位它们。

是否有正则表达式解决方案或有关如何解决此问题的任何其他想法?

0 投票
0 回答
46 浏览

php - Braintree PHP SDK 类名称混淆

我已经通过 composer 开始使用 Braintree php sdk。它工作正常。它有如下类:

Braintree_ConfigurationBraintree_ClientToken

但是,我正在查看源代码vendor/braintree,但在其中找不到这些类,但我确实找到了类ConfigurationClientToken.

该设置如何工作?

0 投票
1 回答
377 浏览

css - 用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式

在过去的几天里,我一直在为此苦苦挣扎。如果这是重复的,我深表歉意,我在搜索这个特定问题时找不到我需要的东西。

我有如下类名:

class="block underline primary"

className="text-center block primary-dark"

class="grey bg-black inline-block block"

我想使用 Atom 的正则表达式搜索功能搜索整个代码库,并用新的类名替换每个实例。我需要以下规则:

  1. 确保字符串包含在class=""className=""
  2. 确保它只匹配确切的单词,所以在上面它只会匹配block,而不是inline-block我正在搜索的内容。

我目前有这个几乎可以满足我的需要,但没有考虑classNameclass将返回不包含在我不想要的类中的段落或内容:

(\s(block)\s)|(="(block)\s)|(\s(block)")

有没有办法一举进行正则表达式查找和替换?我知道我可能无法得到所有东西,因为可以以编程方式添加类,但我想尽可能多地使用查找和替换而不是搞砸其他事情。非常感谢任何帮助或指导。

编辑

我还需要考虑如下类名:

class="block block-title blockDisabled"

所以最后我只想瞄准block而不是别的。

0 投票
1 回答
2146 浏览

reactjs - 使用 Jest 进行测试时,classnames_1.default 不是函数

当使用类名(https://www.npmjs.com/package/classnames)库时,我在Jest上运行测试用例时遇到问题:

它抛出错误:classnames_1.default 不是函数

它正在网站本身上与 webpack 一起使用..所以我不想更改导入。

我可以选择模拟类名以进行测试以提供类似的行为。有没有其他方法可以解决这个问题?

有没有人遇到过这个问题?

这是我在 package.json 中的笑话配置:

"jest": { "globals": { "API_HOST": "", "DEV": false }, "transform": { ".(ts|tsx)": "<rootDir>/node_modules/XXX-framework/jestTypeScriptPreProcessor.js" }, "testRegex": "(/tests/.*|\.(test|spec))\.(js|jsx|ts|tsx)$", "transformIgnorePatterns": [], "moduleFileExtensions": [ "ts", "tsx", "js", "json" ], "automock": false, "clearMocks": true, "resetMocks": true, "coverageThreshold": { "global": { "branches": 50, "functions": 50, "lines": 50, "statements": 50 } }, "modulePaths": [ "<rootDir>/src", "<rootDir>/node_modules/XXX-framework/src" ], "unmockedModulePathPatterns": [ "<rootDir>/node_modules/react/", "<rootDir>/node_modules/react-dom/", "<rootDir>/node_modules/react-addons-test-utils/", "<rootDir>/node_modules/enzyme/", "<rootDir>/node_modules/XXX-framework/" ] }

谢谢

0 投票
1 回答
2049 浏览

reactjs - 使用 css 类名和 react-virtualized 或 react-select

所以我试图将这两个模块集成到我的项目中,但我在处理它的 CSS 部分时遇到了困难。

我的项目正在使用 postcss 将我自己的 css 文件转换为“已编译”的 css 文件,并为每个文件添加了类名。react-virtualized 和 react-select 都有自己的 css 文件来定义样式,但是我不明白如何覆盖它们或将它们集成到我的项目中。

我的 webpack css 配置如下:

当我在我的主 app.js 文件中执行以下行时,我得到一个失败的 css 解析错误(意外令牌)。

我能够加载 CSS 样式的唯一方法是使用

意思是,将整个 CSS 复制到我自己的项目中,然后在没有 postcss 工作的情况下导入它。但是,我不知道这是否是最好的方法,因为它非常明确地使用这些模块。

有没有人有更好的解决方案?

0 投票
1 回答
1868 浏览

python - 使用类名访问静态变量

有没有办法在不显式使用类名的情况下访问类变量,以防我稍后决定更改类的名称?

像这样的东西

这可能以简单的方式吗?

回答

self.static_variable __class__.static_variable

0 投票
1 回答
128 浏览

css - 使用类名和 React 看不到我的课程?

使用 React 和类名来做样式。我没有收到任何错误,但是当我使用 console.log(styles.uiPad) 时我得到了未定义。当我使用 console.log(styles) 时,我确实得到了一个对象。我的类名导入组件也成功获得了 console.logged 但没有任何反应。我究竟做错了什么?这是一个 webpack 的东西吗?

这是我的进口:

这是我的渲染:

0 投票
1 回答
80 浏览

ruby-on-rails - 从自定义名称获取关联

我的研讨会模型有一个名为teacher_id 的列。这部分关系正在发挥作用。我可以调用seminar.teacher 来检索教授该研讨会的用户。

我希望能够反转该查询。换句话说,我需要调用teacher.own_seminars 来获取该用户列为teacher_id 的所有研讨会的集合。我知道我可以调用 Seminar.where(:teacher => teacher),但这很笨拙。而且我认为这样的表现可能更糟。

注意:一些用户是通过seminar_user 连接表链接到研讨会的学生,但我认为这不会影响这个问题。

这是尚未完全正常工作的模型设置

干杯!

0 投票
2 回答
72 浏览

javascript - 如何检查 DOM 中所有 div 的类名是否具有带有 vanilla Javascript 的特定字符串?

我有以下标记:

如何检查 DOM 中的 div 是否具有包含文本的类名hidden?所需的输出将是true上述代码。

这是我到目前为止所拥有的,但这仅检查上面示例中的第三个 div:

我想检查第三个和第一个 div — 任何包含类名和文本的 div hidden

0 投票
1 回答
1143 浏览

javascript - 在反应组件中为淡出元素设置动画

我在反应组件中创建了一个淡出警告/错误消息(引导样式),并且我在淡出时间方面遇到了一些问题。

到目前为止,我的淡出效果很好,现在是这样完成的:

现在,我想删除 setTimeout 和状态,使其成为功能性无状态组件。我的问题是我的风格中的转换延迟似乎不起作用,我担心它与 classNames 如何将类应用于组件有关。

这是我的风格:

谢谢