Tabing Blog

webpack loader的执行流程浅析，并没有单纯push、pop那样

Webpack loader执行流程

春招被问到了，表示只停留在使用层面上，加上开箱即用的vite对市场的占有，确实没有去了解很多webpack底层原理

Webpack 构建过程

Webpack 性能优化

React 实现 ComponentWillMount

Rolldown（待补充）

毕设选题是设计一个 App，因此查阅学习了一下目前流行的移动端软件实现方案。其中较为流行的 Flutter 框架，底层语言使用了 Dart，其作为 Google 开源的语言之一，具备良好的语言设计。

Dart学习简记

pnpm软硬链接

当 JS 引擎处理一段脚本内容的时候，它是以怎样的顺序解析和执行的？脚本中的那些变量是何时被定义的？它们之间错综复杂的访问关系又是怎样创建和链接的？要解释这些问题，就必须了解 JS 执行上下文的概念。

执行上下文

手写系列-Promise Methods

事件循环

HTTP/TCP/IP

2023 年我尝试了 WSL 上 Debian 和 Fedora 发行版，Debian 对比 Ubuntu 要轻量许多（Ubuntu 作为 Debian 的分支版本，添加了更多套件），而 Fedora 作为 RedHat 系列的新生代，dnf 包管理比 apt 的下载列表更加智能（列出所需软件包信息）。后续我的生产均默认选用 Fedora。

Fedora WSL配置指南

React中的合成事件

基于 HyperV 的 WSL2 因为与 Windows 主系统分成两个 IP，网络不再共用。我们可以在它们的子网中设置 WSL 向宿主机使用宿主代理。

WSL2使用宿主机v2ray代理

TS 类型

JavaScript 中没有类的概念的，主要通过原型链来实现继承。通常情况下，继承意味着复制操作，然而 JavaScript 默认并不会复制对象的属性，相反，JavaScript 只是在两个对象之间创建一个关联（原型对象指针），这样，一个对象就可以通过委托访问另一个对象的属性和函数，所以与其叫继承，委托的说法反而更准确些。

原型链以及继承

Vue 主要在 <template> 标签中编写 DOM 结构，除了静态的 html 标签，还包含指令、插槽、组件、表达式等更丰富的内容。这期简单解析一下 Vue 中模板的原理。

Vue源码-简单的模板解析

Javascript基础

Javascript 是单线程语言，使用的是异步非阻塞的运行方式，很多情况下需要通过事件和回调函数进行驱动，那么这些注册的回调函数，是在什么时候被运行环境调用的，彼此之间又是以怎样的顺序执行的？这就绕不开一个机制——Event Loop ，也就是事件循环。

Event Loop

Vue深入

JavaScript模块

防抖和节流

作用域和闭包

Windows 系统拥有 WSL 功能，帮助开发者获得 Linux 开发环境及其体验，确实是一大利器。以往的 VMWare 虚拟机的不便，和双系统安装切换的麻烦全被抹除。

Ubuntu WSL配置指南

WSL2 是 Microsoft 构建的完整 Linux 内核，它允许在不管理虚拟机的情况下运行 Linux 发行版。通过在 WSL2 上运行 Docker Desktop，用户可以利用 Linux 工作区并避免同时维护 Linux 和 Windows 构建脚本。此外，WSL2 还改进了文件系统共享和启动时间。Docker Desktop 使用 WSL2 中的动态内存分配功能来改善资源消耗。这意味着 Docker Desktop 仅使用所需的 CPU 和内存资源，同时允许 CPU 和内存密集型任务（例如构建容器）运行得更快。此外，使用 WSL2，冷启动后启动 Docker 守护进程所需的时间明显加快。

WSL2 Docker使用

let 和 const 是 ES6 新增的用于声明变量和常量的关键字，他们的作用是什么？它们又有什么特性？它们与 var 定义的变量又有何区别？

let和const

Vue2 基础

Javascript 作为典型的动态语言，为了提高程序健壮性，在运行时作类型检测是必不可少的。

📄手写系列-Promise Methods

Promise.all

Promise.any

Promise.race

Promise.allSettled

获取Promise当前状态