鸽子为什么那么大

一、构建结果分析先从一个简单的模块开始。假设我们有一个hello模块如下，使用webpack进行构建后，得到的结果如下，我们的代码经过webpack构建后，生成的是一个IIFE。该自执行函数先定义了一

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

SSR + Vite在经过了大半个月的努力后终于将 Vite 接入进了我们的 SSR框架。总共核心源码改动大概几十行代码。其实本不用这么长时间，主要是最近忙于公司业务，所以这个 PR 的代码基本都是我

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…

在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如果滥用会导致什么后果，本专栏将会一一揭晓。 在Vue源码中会把data中数据添加gett…

浏览器渲染这是一个广而深的题目，其中的每一个点如果深入，都可以讲一整天。本文主要从广度的层面，梳理了浏览器的整体渲染流程，有不对的地方，烦请指正！ ps：本文整体思路主要参考极客时间专栏-浏览器工作原理与实践（推荐，讲的不错），文中部分图片画起来比较复杂，也直接采用了文中的图片…

Webpack 基于 tapable 构建了其复杂庞大的流程管理系统，基于 tapable 的架构不仅解耦了流程节点和流程的具体实现，还保证了 Webpack 强大的扩展能力；学习掌握tapable，有助于我们深入理解 Webpack。 个人觉得 tapable 是一个基于事件…

博主最近一直在学习算法相关的内容，所以挺长一段时间没有更新技术文章了，正好最近有个朋友问了我一个问题，webpack是怎么实现模块化的？我也就顺便把这块相关的内容写成一篇掘文，分享给那些对这块内容不太清楚的同学。 对于前端的模块化，相信大家都很熟悉。在现在的前端开发中，因为三大…

行权限：是否对单条数据有可见权限，例如：一个人只能看到自己创建的数据而看不到其他人的数据。行权限基本上是由服务端控制 列权限：是否对某些特定的字段有可见权限，例如：普通用户看不到「成本价」这个字段，而管理员可以看到，尽管他们都能看到同样的 10 个商品。通常情况下，列权限需要前…