为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不…

注：花半个月时间，重学基础，学习完、整理完、总结归纳完，痛并快乐着。 alt 是 img 的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字。 在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问 …

一直以为，我的Webpack就是复制粘贴的水平，而对Webpack的知识真的很模糊，甚至是纯小白。所以前段时间开始对Webpack进行比较系统的学习。 学习完成后，我抽空整理了笔记，前前后后也花了一周

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

这是一份标准的webpack配置文件的组成部分。 执行npx webpack 查看打包后的代码，删除一些无用的代码后。大概是个样子 了解了webpack打包过程，我们可以尝试实现一个简单的webpack打包器。 新建文件夹mypack，新建src/template.js以及in…

说起正则 大家第一反应肯定是各种表单验证 什么用户名 密码 邮箱... 的确 前端使用正则进行用户输入验证是最常见的场景 但是我相信大多数的前端都忽略了正则这一块的知识点 和我一样 Ctrl+c Ctrl+v 各种正则表达式就到手了 哈哈 直到我看 Vue 源码-模板解析这块正…

因公司后台管理系统很多功能技术老旧，最近在用vue重构公司的后台管理系统，在做商品管理添加商品这一块，借鉴淘宝的添加商品的交互，需要实现一个简单的吸顶、锚点和滚动高亮按钮的效果。 1. 什么是position:sticky? 2. 如何使用sticky？ HTMLElement…

前阵子刚好遇到几个关于 webpack 方面的需求，特意找了一下这方面的书籍，阅读了一下，收益还是有一点，特此笔记记录一下。 很多小伙伴估计会说 webpack 这种快速变化的技术，书籍难免会过时了，还不如直接看官方文档。我对此保持中立态度，因为这本书除了实践外，还提到了很多关…

在上次在nextjs开发的博客中添加了暗黑主题后（一些网友想要的nextjs博客源码已经上传到github，blog-template-nextjs），这几个月在学习使用vue3及vite开发环境时.