吐槽/反馈/建议：    

一些零碎的笔记，之后可能会再添加内容；「2023-10-07」

2023-10-07

TITLE: VSCode 格式化 JS 代码时的函数括号前的空格问题

TAG: #VSCode #JavaScript #Format

BODY:

默认情况下，VSCode 按下边的结果格式化 JS 代码：

// 具名函数，默认不加空格
function fnNamed() {
  console.log('fnNamed')
}

// 匿名函数，默认加空格
const fnAnonymous = function () {
  console.log('fnAnonymous')
}

// 异步箭头函数，默认加空格
const fnAsyncArrow = async () => {
  console.log('fnAsyncArrow')
}

虽然不知道为什么，就不太喜欢匿名函数的那个空格 - -，所以想把它去掉；

· VSCode 配置：

快捷键 ctrl + , 打开设置，搜索 Insert Space Before Function，会有五个选项，取消下边选项的勾选即可：

JavaScript > Format: Insert Space After Function Keyword For Anonymous Functions
[ ] 定义匿名函数的函数关键字后面的空格处理。

对应的 JSON 配置如下：

{
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false
}

然而问题是，只对 JS 有效？？？

· ESLint 配置：

{
  'rules': {
    // 函数圆括号之前的空格要求
    'space-before-function-paren': [
        1,
        {
          'named': 'never',
          // ↓ 预想是设置为 never，但是 VSCode 总是给加上 (╯﹏╰）
          'anonymous': 'always',
          'asyncArrow': 'always',
          // ↑ 其实三个选项的默认值都是 always，可以看情况省略
        },
    ],
  }
}

2023-10-08

TITLE: TypeScript 中「类型定义的命名空间」使用

TAG: #TypeScript #VSCode #命名空间

BODY:

@types/dplayer - npm

https://www.npmjs.com/package/@types/dplayer?activeTab=code

// d.ts
export as namespace DPlayer;

export default class DPlayer {

}

// 导入姿势 1
import DPlayer from 'dplayer'

// 导入姿势 2
import DPlayerX from 'dplayer'
// import type DPlayer from 'dplayer'

姿势 1 好像是可以使用的，但是感觉有些不好区分（图 1、2）；

图 3 是能找到命名空间，但是仍然提示未定义，就感觉和理解不太一样，虽然可以使用 /* global DPlayer */ 屏蔽提示；

所以目前探索出来的结论：

• import XXX from 可以作为「值」使用，存在类型定义时可以用作「类型」，作为「值」或「类型」均不需要和导出名相同；
• import type XXX from 不能作为「值」使用，用作「类型」时不需要和导出名相同；
• 对于「命名空间」，我这儿是用三斜线指定导入了 @types/dplayer，但是去掉好像还是能找到，好像也没其他专门的导入语法？
  • 上边两种 import 导入均可以与「命名空间」同名，此时可以按使用方式识别为「命名空间」，同时消除 eslint 的 no-undef 提示；

感觉就是 ts 和 eslint 没能配合好，，，可以使用下边方式之一来应对：

1. 使用与「命名空间」同名的 import 导入，理解之后好像也还行；
2. 为「命名空间」指定 /* global XXX */ 以屏蔽 eslint 提示；
3. 不使用「命名空间」，直接使用 import 导入其下的具体类型；

↑ 图 1

↑ 图 2

↑ 图 3

2023-10-31

TITLE: 各种关注水水的姿势

TAG: #社交平台 #求关注 #互联网

BODY:

《留言本 / 关于》里有列出各种平台账号，姑且打算作为「收取报酬」或者「抵扣」的形式，虽然还是希望能直接打钱……

包括必做任务在内共计完成 4 项即可，某一站点有多个可选项操作时任意一项均可；

当前必做任务：

• FeedsPub 订阅
• B 站硬币数 2 枚

任务列表：

1. GitHub
   • 链接：https://github.com/wdssmq
   • 操作：关注（Follow） or 点赞（Star）
2. FeedsPub
   • 链接：https://feeds.pub/feed/https%3A%2F%2Fwww.wdssmq.com%2Ffeed.php
   • 操作：注册并订阅（Follow）
3. 哔哩哔哩
   • 链接：https://space.bilibili.com/44744006
   • 操作：关注 or 投币 or 充电
4. 知乎
   • 链接：https://www.zhihu.com/people/wdssmq
   • 操作：关注
5. 贴吧
   • 链接：https://tieba.baidu.com/home/main?un=沉冰浮水
   • 操作：关注

---