零度碳酸

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet ...

作用域 什么是作用域？ 几乎所有编程语言就是在变量中存储值，并且能读取和修改此值。事实上，在变量中存储值和取出值的能力，给程序赋予了状态。 如果没有这样的概念，一个程序虽然...

组件化 Vue.js 另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放...

update Vue 的 _update 是实例的一个私有方法，它被调用的时机有 2 个，一个是首次渲染，一个是数据更新的时候；由于我们这一章节只分析首次渲染部分，数据更新...

createElement Vue.js 利用 createElement 方法创建 VNode，它定义在 src/core/vdom/create-element.js ...

render Vue 的 _render 方法是实例的一个私有方法，它用来把实例渲染成一个虚拟 Node。它的定义在 src/core/instance/render.js...

Vue 实例挂载的实现 Vue 中我们是通过 $mount 实例方法去挂载 vm 的，$mount 方法在多个文件中都有定义，如 src/platform/web/entr...

从入口代码开始分析，我们先来分析 new Vue 背后发生了哪些事情。我们都知道，new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一...

数据驱动介绍 Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。它相比我们传统的前端...

从入口开始 我们之前提到过 Vue.js 构建过程，在 web 应用下，我们来分析 Runtime + Compiler 构建出来的 Vue.js，它的入口是 src/pl...

Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。 构建脚本 通常一个基于 NPM 托管的项目都会有一个 package.jso...

1-1 Vue.js 源码目录设计 Vue.js 的源码都在 src 目录下，其目录结构如下。 compiler compiler 目录包含 Vue.js 所有编译相关的代...

一、效果展示 淘宝： 京东： 二、话不多说，直接上demo 案例效果 3. 代码 `试试吧吧吧吧吧吧吧...

一、前言 在当今的前端开发环境中，越来越多的开发者认可了 Hooks 的强大能力，并纷纷加入到 Hooks 的使用大军中： 2019 年 2 月，React 正式发布 v1...

chrome 浏览器上有很多插件，最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。...

最近接到需求实现类似笔记本横线的 textarea，这里简单写写实现思路。 调整其他细节。...