问题标签 [airbnb-js-styleguide]

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 回答
992 浏览

angular - 如何在 vscode 中为 Angular 项目设置正确的 typescript linting?

我想设置一个使用 airbnb typescript styleguide 的 Angular 项目,并且还格式化保存在 vscode 中的代码。我试图用tslint-config-airbnb更漂亮的扩展来配置它。但不知何故,我无法管理它。

0 投票
2 回答
74 浏览

javascript - “对象作为 React 子项无效”和 linter

我有一个关于一个简单组件的问题,我不知道为什么。这是我的错误和代码:

错误:对象作为 React 子对象无效(找到:带有键 {Cfor,children} 的对象)。如果您打算渲染一组子项,请改用数组。

我使用了一些短绒,我正在尝试遵循 airbnb 的风格指南。但是在我的项目的另一个没有 linter 的分支中,这段代码有效。所以我想这是与 linter 的兼容性问题。这是我的 devDependencies 和我的 .eslintrc.json

我该如何解决?有人有想法吗?

0 投票
2 回答
334 浏览

javascript - 数组解构跳过值

我的airbnb styleguide告诉我应该使用数组解构来完成下面的任务。

所以我用跳过值这样写以获得第二个元素。

但例如当我有更高的指标要破坏时

这意味着我必须像这样写

问题:有没有更好的方法来编写在 JavaScript中跳过值的数组解构?

0 投票
1 回答
62 浏览

javascript - 如何对定义为字符串的变量执行 forEach 循环 | 大批?

我正在使用 airbnb typescript 样式指南,并且我定义了这样的类型:

创建了一个适合此接口的变量,我需要在答案上执行 forEach 以检查某些条件,但我收到一个 linting 错误说

我想执行一项检查,使我能够在不修改指南配置或更改接口问题定义中的类型的情况下执行此 foreach。

我努力了:

但是以上都没有消除衬里错误。

0 投票
0 回答
30 浏览

javascript - 如何在卡片中模拟 Airbnb 风格的滑块?

我想知道是否可以就如何在卡片中创建滑块(类似于 Airbnb 列表)获得一些建议。

我希望模拟的行为是整个列表卡是如何可点击的,并将带您到列表页面,但是当您仅单击滑块控制箭头时,它会循环显示列表图像并且不会触发链接到带您进入列表页面。

你可以通过访问Airbnb来了解我在说什么。

这里我也会试着用截图解释一下——</p>

红色框中的所有内容都可以点击,并将带您进入列表页面 Airbnb 截图

但是,当您单击滑块控件时,它不会触发链接,而是直接在卡片内循环浏览图像。 Airbnb 截图

任何帮助将不胜感激!

0 投票
1 回答
291 浏览

javascript - 带有 Airbnb 风格指南的 ESLint 不适用于所有规则

最近我开始查看各种 JavaScript 风格指南,我最喜欢Airbnb

但是,当我使用 Airbnb 样式指南配置ESLint时,我注意到他们的文档中定义的一些规则根本没有被检查。例如:

  1. 将您的consts所有内容分组,然后将您的所有lets.
  2. 对布尔值使用快捷方式,但对字符串和数字使用显式比较。
  3. 用于//单行注释。将单行注释放在注释主题上方的换行符上。除非它在块的第一行,否则在注释前放置一个空行。

所以,如果你以这段代码为例:

linter 应该抛出 3 个错误:

  1. 我没有将所有const分组,然后将所有let分组,我按顺序定义了它们。
  2. 我没有在if语句中使用显式比较 - array.length > 0
  3. 我没有在评论之前添加新行。

但是,linter 不会抛出任何错误。

0 投票
3 回答
98 浏览

javascript - 如何使用 csv-parse 避免等待...

我希望在这个问题上接受教育,因为我花了几天时间试图自己解决它,但无济于事。

我正在使用csv-parse来解析 CSV 文件。
我正在使用ESLint作为我的 Linter
我正在使用 ESLint 的Airbnb JavaScript 样式指南插件 我正在使用 NodeJS
在后端运行它

我的功能是:

该功能运行良好,但我试图遵守 Airbnb 的风格指南,它不喜欢for await...of循环,因为它no-restricted-syntax违反了我。

我很好奇是否有更好的方法来编写它以符合 Airbnb 的风格指南,或者,如果这是可以忽略违规的情况之一?

0 投票
0 回答
23 浏览

airbnb-js-styleguide - AirBnB 风格指南不符合他们的 ESLint 规则

我正在尝试为 VS Code Angular 项目建立 ESLint + AirBnB + Prettier,并试图理解为什么在某些情况下 AirBnB ESLint 规则似乎与其风格指南不匹配。

例如,数组部分

如果数组有多行,则在打开数组括号之后和关闭数组括号之前使用换行符。

然而他们的规则说:

'array-bracket-newline': ['off', 'consistent']

首先,同时具有“关闭”和“一致”是什么意思?其次,当规则可以完全按照样式指南所说的那样配置时,为什么它甚至会关闭,以及我必须如何做到这一点eslintrc才能使其生效?

"array-bracket-newline": ["error", { minItems: 2 }]

似乎我必须编写自己的 ESLint 规则来遵循样式指南,当我认为扩展 ESLintairbnb-base会解决所有这些问题时?