问题标签 [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.
rspec - 定位没有特定类名的元素
这与我之前提出的这个问题相同——Watir webdriver;计算类名变化的元素。我能够根据使用类名添加特定数量的元素asset-card selectable
。
目前,我希望单击更多元素以将它们添加到现有集合中。这是我的困境:
- 当一个元素没有被点击时,类名是:
image-card asset-card selectable
- 单击元素时,
selected
将附加到类名:
image-card asset-card selectable selected
就我而言,我正在尝试寻找仅image-card asset-card selectable
包含但不包含的其他元素selected
。我不确定如何明确定位它们。
是否有正则表达式解决方案或有关如何解决此问题的任何其他想法?
php - Braintree PHP SDK 类名称混淆
我已经通过 composer 开始使用 Braintree php sdk。它工作正常。它有如下类:
Braintree_Configuration
等Braintree_ClientToken
。
但是,我正在查看源代码vendor/braintree
,但在其中找不到这些类,但我确实找到了类Configuration
和ClientToken
.
该设置如何工作?
css - 用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式
在过去的几天里,我一直在为此苦苦挣扎。如果这是重复的,我深表歉意,我在搜索这个特定问题时找不到我需要的东西。
我有如下类名:
class="block underline primary"
className="text-center block primary-dark"
class="grey bg-black inline-block block"
我想使用 Atom 的正则表达式搜索功能搜索整个代码库,并用新的类名替换每个实例。我需要以下规则:
- 确保字符串包含在
class=""
或className=""
- 确保它只匹配确切的单词,所以在上面它只会匹配
block
,而不是inline-block
我正在搜索的内容。
我目前有这个几乎可以满足我的需要,但没有考虑className
或class
将返回不包含在我不想要的类中的段落或内容:
(\s(block)\s)|(="(block)\s)|(\s(block)")
有没有办法一举进行正则表达式查找和替换?我知道我可能无法得到所有东西,因为可以以编程方式添加类,但我想尽可能多地使用查找和替换而不是搞砸其他事情。非常感谢任何帮助或指导。
编辑
我还需要考虑如下类名:
class="block block-title blockDisabled"
所以最后我只想瞄准block
而不是别的。
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/"
]
}
谢谢
reactjs - 使用 css 类名和 react-virtualized 或 react-select
所以我试图将这两个模块集成到我的项目中,但我在处理它的 CSS 部分时遇到了困难。
我的项目正在使用 postcss 将我自己的 css 文件转换为“已编译”的 css 文件,并为每个文件添加了类名。react-virtualized 和 react-select 都有自己的 css 文件来定义样式,但是我不明白如何覆盖它们或将它们集成到我的项目中。
我的 webpack css 配置如下:
当我在我的主 app.js 文件中执行以下行时,我得到一个失败的 css 解析错误(意外令牌)。
我能够加载 CSS 样式的唯一方法是使用
意思是,将整个 CSS 复制到我自己的项目中,然后在没有 postcss 工作的情况下导入它。但是,我不知道这是否是最好的方法,因为它非常明确地使用这些模块。
有没有人有更好的解决方案?
python - 使用类名访问静态变量
有没有办法在不显式使用类名的情况下访问类变量,以防我稍后决定更改类的名称?
像这样的东西
这可能以简单的方式吗?
回答
self.static_variable或 __class__.static_variable
css - 使用类名和 React 看不到我的课程?
使用 React 和类名来做样式。我没有收到任何错误,但是当我使用 console.log(styles.uiPad) 时我得到了未定义。当我使用 console.log(styles) 时,我确实得到了一个对象。我的类名导入组件也成功获得了 console.logged 但没有任何反应。我究竟做错了什么?这是一个 webpack 的东西吗?
这是我的进口:
这是我的渲染:
ruby-on-rails - 从自定义名称获取关联
我的研讨会模型有一个名为teacher_id 的列。这部分关系正在发挥作用。我可以调用seminar.teacher 来检索教授该研讨会的用户。
我希望能够反转该查询。换句话说,我需要调用teacher.own_seminars 来获取该用户列为teacher_id 的所有研讨会的集合。我知道我可以调用 Seminar.where(:teacher => teacher),但这很笨拙。而且我认为这样的表现可能更糟。
注意:一些用户是通过seminar_user 连接表链接到研讨会的学生,但我认为这不会影响这个问题。
这是尚未完全正常工作的模型设置
干杯!
javascript - 如何检查 DOM 中所有 div 的类名是否具有带有 vanilla Javascript 的特定字符串?
我有以下标记:
如何检查 DOM 中的 div 是否具有包含文本的类名hidden
?所需的输出将是true
上述代码。
这是我到目前为止所拥有的,但这仅检查上面示例中的第三个 div:
我想检查第三个和第一个 div — 任何包含类名和文本的 div hidden
。
javascript - 在反应组件中为淡出元素设置动画
我在反应组件中创建了一个淡出警告/错误消息(引导样式),并且我在淡出时间方面遇到了一些问题。
到目前为止,我的淡出效果很好,现在是这样完成的:
现在,我想删除 setTimeout 和状态,使其成为功能性无状态组件。我的问题是我的风格中的转换延迟似乎不起作用,我担心它与 classNames 如何将类应用于组件有关。
这是我的风格:
谢谢