「笔记」各种碎片信息「2023-10-07」

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

一些零碎的笔记,之后可能会再添加内容;「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 After Function Keyword,可以分别对 JavaScript 和 TypeScript 设置:

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

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

↑ 勾选表示加上空格,不选表示不加;

对应的 JSON 配置如下:

{
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
  "typescript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false
}

· ESLint 配置:

「折腾」ESLint 安装与使用_电脑网络_沉冰浮水

https://wdssmq.com/post/20190917021.html

{
  'rules': {
    // 函数圆括号之前的空格要求
    'space-before-function-paren': [
        1,
        {
          'anonymous': 'never',
          'asyncArrow': 'always',
          'named': 'never',
        },
    ],
  }
}

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 导入其下的具体类型;

001.png

↑ 图 1

002.png

↑ 图 2

003.png

↑ 图 3

2023-10-31

TITLE: 各种关注水水的姿势

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

BODY:

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

任选 4 项完成对应操作,同一站点有多项操作时任意一项均可,同一站点只算一次;

强烈希望的操作:

  • B 站硬币
  • RSS 订阅

列表:

  1. 哔哩哔哩
  2. RSS 订阅
  3. GitHub
  4. 嘟特
  5. 知乎
  6. 贴吧

爱发电

本文标题:《「笔记」各种碎片信息「2023-10-07」》作者:沉冰浮水
原文链接:https://wdssmq.com/post/20230223818.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

沉冰浮水 沉冰浮水 发布于 2011-02-23 12:07:12  
https://www.wdssmq.com
已证实是腾讯抽风了。。
----------
等待终结。。。
回复
囧啊囧 囧啊囧 发布于 2011-02-23 12:04:35  
#cmt3187
避免你那个应用压力太大,我就不去增压了
回复
感谢分享 回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

wdssmq/blog-astro: 一个基于 Astro 的静态博客;

本质上,面临一个代码问题时,我们需要的是另一个人愿意为「你」的问题投入精力,并且有相应的技术知识。。

接上一条,Resilio Sync 换 Syncthing 感觉也是略大的工程。。Orz

去年 GoodSync 送了一年授权,然后也确实用上了;本来想着到期就换 Syncthing,结果前几天临期提醒,花 ¥381 续了三年 Orz,两者定位和使用姿势还是有些差别的。。更早是用 Resilio Sync 和 BCompare,但是前者内存占用太高,后者并不是自动同步的定位。。

2024 年了,姑且备份下嘟特存档。。

……,一个不知名的小众样式库 + 内联样式混写这种入坑姿势确实很有槽点,但是,「已经开始学」并且能够持续是绝对值得肯定的。。

在贴吧看过很多提问了,就有种错觉:好多人为了提一个问题专门注册了贴吧,问题本身可能得到有效回答,也可能没有(和提问的点及具体姿势有关。。但无论如何,之后就和注销了账号一样没有然后了,好像之后永远不用学相应的东西一样。。

《恶魔娃娃》

- 他们正研究你究竟是真正的大人,还是伪装成大人的小孩

- 我自己都研究很久了

乐高 DC 里,(基本就蝙蝠侠家,,年龄最小的那个无论是谁感觉人设都会变得一样 - -

所以,就感觉和祥林嫂一样,每天都需要向外「签到」自己的情绪感受,然而又并没有什么「需要」我这样的签到……

爱发电支持者

最新留言

友情链接