yun

原理 每次版本更新后，重新打包，打包后的index.html中的js文件一定会变化，前端轮询对比上一次的文件，如果有区别就提示用户刷新页面更新 直接上代码，将以下代码引入到...

安装 启动应用程序 或者启动任何其他应用程序: 您可以传递给CLI的一些选项: 管理进程 代替app_name你可以通过: all对所有流程进行操作 id对特定的进程id进...

安装 直接上代码，注意代码中的注释 在src目录下创建一个i18n文件夹 语言包写法 另外可以写一个hook用来后面切换语言的时候用 到这里准备工作就做完了，接下来看如何使...

我们在进行大文件上传时，如果遇到网络或者其他问题，中途中断了上传，用户体验会非常差，这时候我们就应该使用分片上传 前端实现原理及重点代码如下，直接看代码：...

Clipboard是浏览器的一套复制粘贴相关的api，具体用法直接看下方代码 // 监听复制事件 document.addEventListener('copy', (e)...

将源代码和第三包依赖包分开打包 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-v...

Gzip压缩可以减小打包后的文件体积，从而提高网站加载速度。 使用 首先介绍webpack的配置方式： vite使用： 可以看出压缩后的体积减少了很多 接下来还需要配置ng...

实现效果 在终端输入命令yarn merge test dev，自动将dev分支的代码合并到test。 准备 1、在根目录创建文件scripts/merge.js 2、在p...

介绍 Execa 是一个 Node.js 库，可以替代 Node.js 的原生 child_process 模块，用于执行外部命令。Execa拥有更好的性能、可靠性和易用性...

enquirer是一个node命令行交互用户询问输入工具 官方地址：https://github.com/enquirer/enquirer 安装 使用 1、输入 2、确认...

minimist命令行参数解析 yarn add minimist import minimist from 'minimist';...

chalk是一个命令行高亮插件 官方地址：https://github.com/chalk/chalk 安装 简单使用 输出 常用例子 输出： 定义自己的主题： 修饰样式 ...

本文参加了由公众号@若川视野 发起的每周源码共读活动，  点击了解详情一起参与。 这是源码共读的第1期，链接：https://juejin.cn/post/69593482...

async 异步下载js文件，不会阻止DOM解析，会在下载完成后立即执行js文件。 defer 异步下载js文件，不会阻止DOM解析，但是会在DOM解析完后才会执行下载的j...

网络分层模型和应用协议 分层模型 分层的意义 当遇到一个复杂问题的时候，可以使用分层的思想把问题简单化 比如，你有半杯82年的可乐，想分享给你的朋友王富贵，但你们已经10年...

theme: cyanosis 浏览器打开一个网页，可以大致分为两个大步骤，一网络，负责找到资源站点并下载，二渲染，将下载的html文件等渲染到屏幕上。 接下来我们主要说说...

封装效果 封装前 封装后 封装后简洁了很多，使用起来也很方便，这里重点就是withLoading函数，直接看是如何实现的： withLoading...

前言 事件循环又叫做消息循环（官方叫event loop，浏览器源码里面叫message loop），这个一直是前端的高频面试题，也是理解js异步的最要知识，所以彻底理解事...