Tree-Shaking，就是 Dead code elimination(消除无用代码) 的一种实现，它借助于 ECMAScript 6 的模块机制原理，更多关注的是对无用模块的消除，消除那些引用了但并没有被使用的模块。 ECMAScript 6 module 为了更好地理解 Tree-Shaking 的原理，我们需要先了解 ES6 的模块机制。 我们通过对比 ES Module 与 Comm

什么是 Service Worker ?Service Worker 是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。使用 Service Worker 的话，传输协议必须为 HTTPS。因为 Service Worker 中涉及到请求拦截，所以必须使用 HTTPS 协议来保障安全。 Service Worker 实现缓存功能一般分为三个步骤： 首先需要先注册 Service Worke

首先需要明白的是，机器是读不懂 JS 代码，机器只能理解特定的机器码，那如果要让 JS 的逻辑在机器上运行起来，就必须将 JS 的代码翻译成机器码，然后让机器识别。JS 属于解释型语言，对于解释型的语言说，解释器会对源代码做如下分析： 通过词法分析和语法分析生成 AST（抽象语法树） 生成字节码 然后解释器根据字节码来执行程序。但 JS 整个执行的过程其实会比这个更加复杂，接下来就来一一地拆解

参考文章 5 分钟过下移动端适配方案 - 掘金 一篇文章搞懂，vue中pc端与移动端适配解决方案(亲测有效) - 掘金 移动端适配 媒体查询方案123456789101112131415161718/* <375px */@media screen and (max-width:375px) { .box { width: 100%; }

故事背景前几天上线了自己的 web 终端项目 – https://www.weirdo-terminal.com/ 由于后端是通过微信云托管部署的, 导致上线版本无法使用 chatGPT 服务, 啊 – 这样我也就放弃部署了 正好今天, 有位同志在我项目下提了一个问题 我瞬间懵逼, 啊? 我咋没想到, 到官网看了看调用方法, 和 gpt 是差不多的。 那话不多说, 如何快速通过 No

故事开头事情是这样的, 前几天我使用 pinia 数据持久化插件 pinia-plugin-persistedstate 时忘记了相关配置, 于是去官方文档查看。 在关于 storage 配置的位置, 我发现官方文档这里有一个文字错误, 多了一个 “的” 字, 于是我将其记录下来, 也是提前把它当作我的第一次 PR 来练手。 PR流程 接下来是我 PR 的流程 首先把你要提交 PR 的

1. CDN的概念CDN只是一种网络技术，资源本质上还是存储在某一台服务器上的，CDN只是帮你找到距离你最近的服务器 CDN（Content Delivery Network，内容分发网络）是一种内容分发网络，它能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户重新导向离用户最近的服务节点上。 其目的是使用户就近获取内容，解决网络拥挤的状况，提高用户访问网站的

基本结构搭建 npm i -g express-generator : 安装 npm 包 (已经安装就第二步) express -e accounts : 快速创建文件夹, 添加ejs模板引擎的支持 在views中通过 ejs 写好页面 (关于页面的显示这里就不多介绍) 将所需要的 js 和 css 文件存放到 public 文件夹下 在routes/index.js中写好增删改查

flex 布局 可以看这个 Flex 布局教程:实例篇 - 阮一峰的网络日志 容器属性display 属性用来将父元素定义为 Flex 布局的容器，设置 display 值为 display: flex; 容器对外表现为块级元素；display: inline-flex; 容器对外表现为行内元素，对内两者表现是一样的。 我们有以下六个属性可以设置的容器上： flex-direction

认证和授权认证 指的是使用用户名和密码来验证当前用户的身份，简单来说就是用户登陆。 互联网中的认证： 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱/验证码，就默认你是账号的主人 授权 指当用户登陆以后，当前用户是否有足够的权限访问特定的资源。 实现授权的方式有：cookie、session、token、OAuth Cookie为什么会出现Cookie? H