1217 今日总结

关键词： github-2FA 验证、js 换装技术、前端基建总结、promise.all 顺序、React 项目模板、阮一峰站内搜索工具、supercopy 插件、vscode 过期插件

今日心情

所见所想，有感而发

好文推荐

有感好文，专题好文

TOP3

• Github 的 2FA 验证(Two-factor authentication)(不要慌，非常简单)_github 双重认证-CSDN 博客 最近我的 github 每次登录都提醒，看了下相关文章，添加安全验证；
• 模特换装效果
• 优秀的 js 库-Outfit Anyone

英文推荐

• Software World Tour With Son Luong Ngoc - CoRecursive Podcast 作者是一个越南程序员，原来在 Lazada 工作。后来，Lazada 被阿里收购，他就来到阿里，在杭州西溪园区呆过一段时间。 现在，他已经跳槽到 Booking.com，本文是他讲述自己的故事，以及对阿里的感受。

其他好文

• 被裁员了，记录下去年刚入职一个月时在组内关于前端基建的技术分享 - 掘金

• Nexus 搭建 npm 私有库 - 掘金

• javascript - JSON.stringify function - Stack Overflow 函数序列化，实际是转换成 字符串，后面使用 eval 执行；

复习-promise.all 执行顺序

// 方法promiseA，返回一个Promise对象
function promiseA() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log("A");
      resolve("A");
    }, 3000);
  });
}
// 方法promiseB，返回一个Promise对象
function promiseB() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log("B");
      resolve("B");
    }, 1000);
  });
}
// 按照A, B的顺序添加到promise数组中
Promise.all([promiseA(), promiseB()]).then((resolve) => {
  console.log(resolve);
});
// 输出情况
// B
// A
// Array [ "A", "B" ]

结论

• 执行顺序：谁执行的快谁先打印
• 返回顺序：按照 promise 的添加顺序返回

项目/博客推荐

值得学习 作者/项目/工具等

项目

• DongHY1/starter-frontend: My FrontEnd Template React + React Router + TypeScript 项目模板

工具

• 阮一峰站内知识搜索 Aha Vector Search 网友整理了周刊过去介绍的所有工具软件，做了一个搜索引擎，提供语义搜索
• chrome 插件-SuperCopy
• 这些 vscode 扩展，你应该卸载了: Auto Close Tag、Auto Rename Tag、Auto Import、Settings Sync 和 TypeScript Hero 等
• html - Visual studio code: how to automatically change the matching closing tag - Stack Overflow

提示

Since VSCode 1.44, you can enable automatic updating of matching tags like this:

• Go to File menu, Preferences and Settings
• Search for editor.linkedEditing
• Enable "Linked Editing"

• npm 库快速同步方式：可以点击淘宝镜像 https://npmmirror.com/ 网站，搜索要同步的包，然后点击如下图圆圈标记处，等待一会即可，如果不行，则同步 2 次。--来源
• 随记：git 常用指令(二)_git config --global core.ignorecase false-CSDN 博客 之前就遇到过，项目在本地没问题，但是在服务器上打包确出问题，因为 git 文件提交默认大小写不敏感；设置方式；

# 大小写敏感设置
git config --global core.ignorecase false

AST 相关

• apifox-to-ts - 掘金 一个由 apifox 的接口文档生成 typescript 声明的小工具
• 前端 AST 处理实践指南（基于 ts-morph）
• ts-morph - Documentation