背景

前端面试100道手写题第二篇《throttle与debounce》，说一下为什么选这两个，其实大家都有在用，我们先来了解一下两个函数的作用：

• debounce 防抖，用于减少函数触发的频率，在一个delay时间内，如果触发delay时间归零，直到delay时间到才会触发函数
• throttle 节流，用于限制函数触发的频率，每个delay时间间隔，最多只能执行函数一次

选这两个手写的原因其实很简单，就是面试频率高，而且项目实战会经常用到，同时里面还会隐藏一些知识点和目前公共库的一些问题（见文章末尾）。

接下来就让我们开始手写撸代码吧！

手写难度：⭐️⭐️⭐️

高效能人士的7个习惯

不管是工作还是学习，有些人做事的效率很高，而有些做事的效率就很低，那么有什么方式可以提高自己的工作效率，这本书主要就是讲如何去培养自己高效能的习惯，改变自己的做事和思考的方式。

原因

今年的金三银四面试，遇到了很多新的面试八股文，其实心里对手写题或者算法题有一定抵触，因为实际工作中基本上就不会用到这些东西，但是正因为这些基础八股文，才能真正验证一个人对技术有多热爱的程度。
也有可能近几年没有对这些基础知识进行巩固，所以干脆一狠心，先立个flag, 准备完成100道手写题。

Promise

chatGPT工具收集

1. chatgpt-i18n: AI自动翻译i18n.json

Github地址： https://github.com/ObservedObserver/chatgpt-i18n

主要定期收集各种好玩的工具或者库，避免回头忘记。

Bark语音生成引擎

一个语音生成引擎，效果不错，可以在朗读的同时，发出大笑、叹息和哭泣，还可以生成音乐。

地址： https://github.com/suno-ai/bark

STDF 移动端组件库

基于 Svelte 与 Tailwind 的移动页面组件库。

地址： https://github.com/dufu1991/stdf

MockingBird AI合成语音

给出语音，合成属于自己的语音包

地址： https://github.com/babysor/MockingBird

适用教程： https://www.youtube.com/watch?v=eHRHfYeoZ3g

背景

之前写过一篇文章《从开发chrome插件到插件系统设计》，主要讲述了如何开发一个chrome插件和chrome插件设计，感兴趣的同学可以再去看看。

目前主流web应用都是基于Vue、React等现代框架去开发，Chrome插件本身而言其实也是一个web应用，看它的组成部分popup.html + contentscript + background.js ，只需要在开发的时候调整一下构建脚本基本上就可以利用Vue、React等现代框架去开发了。

接下来，我们就一步步开始实战。

2023年读书计划

今年给自己的制定的计划，主要读书目标有以下几类：

• 给自己的创业带来理论帮助
• 给自己的职业带来成长
• 给自己的更加开阔的视野
• 解答一些人生疑惑
• 提高自己的做事效率
• 提高自己的表达能力或演讲能力
• 搭建自己的股市交易系统 more >>

背景

Typescript已经被前端广泛使用，如果你的项目还没有使用，建议赶紧使用起来，真的会对你的项目有足够的提升：

• 让你的每个变量都有变量声明
• 让你的每个方法找到其源头
• 让你能提前使用一些超前的JavaScript语法，如：注解(装饰器)@controller 等语法糖

但是使用的过程也会带来一些痛苦，比如你要做一个js lib库，如果用Typescript 开发确实可以帮助其他者快速使用，但是如果你没有注意Typescript的声明文件规范，很容易出现以下使用情况：

1
2
3
4
5

// 会直接从src目录去寻找
import { IClient } from 'xxx-lib/src/client.d.ts'

// 而我们所期待的使用是
import { IClient} from 'xxx-lib'

所以我们需要学习一下，如何更好的生成我们的Typescript声明文件。

MonoRepo实战：pnpm+nx搭建MonoRepo项目

背景

之前有写过几篇关于monorepo的文章，具体如下：

• 从npm版本依赖到Monorepo大仓项目
• 从lerna到初步了解和使用Nx(一)
• 从pnpm工具了解整个npm包核心管理原理

再次复习一下MonoRepo的概念：

Monorepo是包含多个不同项目的单一存储库，且不同项目之间具有明确定义的关系。

之前大多数是理论知识，能让我们知道pnpm 和nx 是什么，但是具体要到项目实战就有点懵，不知道从而下手，下面我们就一步步开始搭建pnpm+nx的Monorepo仓库。

PS：这里将会从已有项目中去开始踩坑，这里用的是之前做一个node-gptcommit命令行工具+一个chrome插件，将两个项目放到一个Monorepo仓库去管理。