操作与监听浏览器历史记录浏览器提供了几个 api 用于操作/监听浏览器历史记录 onpopstate对于该需求，首先不难想到的是我们可以找到一种办法来监听页面回退事件。浏览器为我们提供了 onpopstate 事件来监听同一...

注：这是一个demo，未编写完成 Vite 是一个前端构建工具 vue-cli 内部使用是 webpack 进行打包，webpack 的热更新为以当前修改的文件作为入口重新 build 打包，所有涉及到的依赖也会被重新加载一次。 ...

前言ES Module，即 ES6 引入的 js 模块化规范，简称 ESM（下文将会使用此简称）。ESM 的设计思想是尽可能的静态化，使得编译时就能确定模块的依赖关系，完成模块加载，效率比运行时加载的 CommonJS 的加载方式要高...

在 typescript 项目的根目录中存在一个 tsconfig.json，通常指定了一些 typescript 的编译器选项与项目根目录路径。而在 javascript 开发中则可以使用 jsconfig.json 来进行替代，它...

准备一个用于存放服务器数据的目录，分别编写 Dockerfile 与 docker-compose.yml 文件： 文件准备DockerFile注意，此处的的 1449 即 1.4.4.9 版本，为这篇文章编写时的最新版本，请与官方最...

查看代理链接首先你需要有一个代理服务端并开启它，下面分别说明 v2rayN 与系统代理地址的查看方法，该两种代理地址对后续的操作均可用。 v2rayN打开 设置-参数设置，如下图 图中可以看到，代理地址协议为 socks，端口为 1...

前言对于浏览器来说，包括但不限于 JSX、TS、ES6+ 的代码并不能正常的在所有浏览器上渲染。为了解决这个问题 babel 应运而生。babel 可以解析这些代码，并将其转换为浏览器可兼容的低级 js 代码。 它工作时将根据 bro...

前言webpack 功能打包：将不同类型资源按模块处理打包 静态：打包最终产出静态资源 模块：webpack 支持不同规范的模块开发 需要 webpack 的场景当使用模块化开发时，尽管我们可以通过 type=module 的方式来使...

前言postcss 是一个通过 JavaScript 来转换样式的工具。它在使用上与 less 和 node-sass 类似，可直接对 css 进行添加浏览器前缀等处理，将其转为可兼容的 css 代码。 它工作时将根据 browser...

前言在 webpack 中，我们可以通过配置 babel、postcss 等工具来将 js、css 的高级语法兼容低版本浏览器。但为了让这些工具知道该将代码最低兼容到什么程度，我们需要来指定一个范围：应该兼容哪些平台。 在项目根目录下...