一颗前端花菜

js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ 1️⃣ 作用域和闭包 作用域 指代码当前上下文，控制着变量和函数的可见性和生命周期。最大的作用是隔离变量，不同作用域下

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web

vite原理浅析-prd篇（对比rollup和webpack） 接到上集：vite原理浅析-dev篇 通过上集我们可以知道，vite在dev环境中 是不打包的（除了node_modules的依赖），解

vite原理浅析-dev篇 首先vite不是打包工具，可以理解为一个项目开发启动器和打包工具启动器，分别对应dev的开发环境和prd的生产环境。 开发环境的特点是能够解析模块依赖，sourcemap，

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会…

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…

随着Vue3为广大开发者所接受和自身生态逐渐完善，更多同学往vue3的工程化方向完善，本文恰好给大家介绍下如何更好使用vue3及其周边插件，以及让它们组合到整个工程中去。

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…