第三周

date
Apr 18, 2022
tags
Website
summary
type
Post
status
Published
slug
week-3

拿到 ui.dev React Hooks 课程的证书duzhi tan

notion image
React Hooks Certificate.pdfduzhi tan
22.6KB

购买 ui.dev 的 React Query 课程duzhi tan

看到 React Query 作者的这条 tweet，于是找朋友们合购了。duzhi tan

《计算机程序的构造和解释》（SICP）出了 JS 版本duzhi tan

notion image
之前看计算科班出身的同学们常提到这本书，第一感觉就是很烧脑的那种书。现在出了 JS 版本，有兴趣的可以翻阅一下。duzhi tan
另外，想到也有本经典的书籍《重构》也在 2019 年推出 JS 版本（自己买了一直没去看过）duzhi tan
notion image

BeMyEars

对声音进行语音识别，时时生成字幕
notion image
苦于看英文视频没有字幕的可以试试看，这个 App 的价格是 $2.99/月
BeMyEars
BeMyEars
关于无法同时使用 AirPods 和 BeMyEars 的情况，可以在 “音频MIDI设置” 里开启采集
notion image

pyTranscriber

可通过图形用户界面为音频/视频文件生成自动转录/自动字幕。
只能针对本地视频进行字幕提取，可以考虑使用 Downie 下载视频
pyTranscriber
pyTranscriber
可以同时对多个视频进行字幕提取，把字幕提取下来后，配合 IINA 视频播放器的自动加载字幕文件，体验也不错。
IINA
IINA

Spotify

主力音乐 App 切换成了 Spotify，辅助网易云，比较了现在流行的几大 App 价格和优缺点：
  • 网易云：8元/月，歌曲版权太少了，甚至没有周杰伦的歌，心动模式的推荐歌曲还是不错的
  • Apple Music：国区 10CNY/月，港区 58HKD/月，版权有点影响，主要是两个 Apple ID 切换的时候，使用就很不方便了
  • Spotify：价格其实和 Apple Music 差不了多少，但是它有家庭版，15CNY/月港区性价比高，而且不存在 Apple ID 切换的问题，账号登录就完了
  • QQ 音乐：8元/月，没有太过深入了解，有了网易云的前车之鉴 (版权) 还是算了，关键是没上面两个逼格高，俗话说有纹身的都嫌热，用 iPhone 的都没兜 🌝
      • https://sspai.com/post/64477

Chrome 切换左右 Tab 页

今天突然发现 Chrome 可以按住 Shift + Command 加上 [] 这两个键位就可以左右切换了，这跟我 VSCode 使用 IntelliJ IDEA Keybindings 插件的左右切换 Tab 一样，😄 哈哈，以前使用的都是 Control + Shift + Tab 切换的，左手小拇指泪目 😭

Vim 快速删除、复制

刚刚突然想到可以分享一下自己经常到使用的小技巧，不知道你们是不是经常用的这个快速删除、复制功能，先写上去再说，万一呢，正在使用的朋友请忽略哈，纯属分享。
# 分别删除这些配对标点符号中的文本内容 (Delete In xxx)
di'、di"、di(、dib、di[、di{、diB、di<

# 分别更改这些配对标点符号中的文本内容（Change In xxx) 
# 相当于 Delete In xxx 操作后直接进入 Insert 模式
ci'、ci"、ci(、ci[、ci{、ci< 

# 分别复制这些配对标点符号中的文本内容
yi'、yi"、yi(、yi[、yi{、yi< 

# 分别选中这些配对标点符号中的文本内容（
vi'、vi"、vi (、vi [、vi {、vi<

## 还有可以快速删除 tag 里面的文字 <div>111</div>（Delete In Tag）
dit
另外如果把上面的 i 改成 a 可以连配对标点一起操作。
举个例子：
比如要操作的文本如下文本 111″222″333，将光标移到 ”222″ 的任何一个字符处输入命令 di”，文本会变成： 111″”333，若输入命令 da”，文本会变成： 111333
应用场景：
<div className="test">111</div>
// 快速删除 test
di"

// 快速删除标签里面的 111
dit

Vitest

今天准备为新项目写单元测试，本来想用 Jest，结果 Vite 的 Jest 在引用 env 变量时出现问题了… 看了半天 issues 也没找到解决办法。结果在看 issues 的时候发现了一个更便捷的 vitest，用起来直接起飞了！
duzhi tan 好奇项目中的单元测试是什么场景呢？希望能详细的说说，如果文字不够深入的话，最好能搞个在线分享 🍗🍗🍗duzhi tan
因为自己最近半年都比较关注“前端如何写测试”这件事情。略读了一些相关的文章，也大概看过一个线上课程。但到了实际的项目，还是很迷惑。哪些东西需要测？怎么写出好测试的代码？或者说什么样的代码是好测试的？借用之前看到 Randy 的一条 tweet 来表达我对实际项目中 UI 测试的困惑：duzhi tan
我说说前端的测试。以我前端开发的职业经验来说，前端单元测试是一个很难的命题，即使我们在理论上可以理解 UI 是状态的函数，听上去是可以用 enzyme 这种进行模拟渲染来断言 DOM 结构。但实际上在 99% 的情况里，UI 是需求的函数，你无法对多变的需求进行断言。duzhi tan
我自己感觉前端测试只能是开发者自己对自己的技术情怀要求，就目前个人的感觉来看，产品需求评审到开发排期时时可可都在提醒我这个开发周期的紧迫，这个会让我时间紧凑，再加上测试往往都是需要 “天马行空” 的想象和操作，而且这些想象往往不是一个人可以想出来的，这就会让我在开发和测试两个角色中切换，这个过程会很耗费心力，我能想到的比喻就是把 “开发做为解数学题”、”测试做为解语文题“，我不能很高效地解语文题的同时解数学题，这又会加剧我的开发时间。

Random User

生成随机的用户资料图片和名字，将它们作为你的原型和设计项目的占位符。duzhi tan
notion image
 

© Craig Hart 2021 - 2024