本文从简单到复杂列出了前端常用的一些代码段。善用这些代码可以让你的代码更高雅，别人更难懂。你就是公司的护城河，你就是前端的顶梁柱。

简单部分

Javascript库就像我们手头的工具：比如锤子，正确的工具和正确的使用能帮助我们完成任务。以下为本次推荐的几个库：

1. Loadsh
2. UUID
3. Express.js
4. Bottstrap
5. Next.js
6. Axios
7. Passport
8. Chalk
9. Luxon
10. Nodemon

一. Loadsh

1. 概述

填报功能的内容较多，对于刚接触填报的人来说可能会有不知道该怎么学习，以及不知道重点在哪的问题。

今天看到三方的库里用uuid作为数据库的主键，于是想到uuid会重复吗？

UUID，全称为Universally Unique Identifier，又称为全局唯一标识符，是一种软件构建的标准，被用于在分布式系统中为每个对象创建一个唯一的标识符。

一、NanoID 是什么？

在当今的数字化浪潮中，各类应用程序如雨后春笋般涌现，而每个应用都离不开标识符（ID）的使用。今天要给大家介绍一款超厉害的工具 ——NanoID。

NanoID 是一款专为 JavaScript 环境设计的轻量级 ID 生成库，别看它只有 109 字节那么小巧，本事可大着呢！它能够生成不可预测的独特标识符，这意味着每个 ID 都像是拥有一个独一无二的 “密码”，极难被他人猜中。无论是 Web 应用程序的前端界面，还是服务器端的复杂编程，NanoID 都能大显身手，轻松满足各种场景下对唯一标识符的需求。

一、自定义异常、异常处理中间件

在程序执行时会有各种各样的异常情况，当异常出现我们能从控制台看出异常的原因，但是对前端来说不够人性化，不能够清晰，有些情况要给调用端返回友好的消息提示，利用自定义异常和全局异常处理就能很简单的解决。

Egg 的 中间件 形式是基于洋葱圈模型。每次我们编写一个中间件，就相当于在洋葱外面包了一层。全局异常处理就是在洋葱模型中捕获到异常并处理，响应自定义异常信息。

一、方式1：Math.random() 和 Date.now()

（1）完整源码

// 直接使用（缺少时间戳）
const randomString = () => Math.random().toString(36).slice(2);
console.log(randomString()); // 4uz4qq4m3a

// 组合时间戳和随机函数使用，减少重复（随机字符串越长越不容易重复哈，也是可行的一个法子）
function generateUniqueId() {  
    const timestamp = Date.now();  
    const random = Math.random().toString(36).substr(2, 9); // 生成一个9位的随机字符串  
    return timestamp + '-' + random;  
}