沫客

开发的时候,可能会碰上一些特殊的需求,需要特殊处理产出代码产物,遂记录自定义插件如何编写; ZipPlugin.js webpack.propd.js...

Babel 定义和主要功能 Babel 是一个 JavaScript 编译器，它的主要作用是将较新的 JavaScript 语法（如 ES6 +）转换为向后兼容的 Java...

面试偶尔会被问到,记录一下编码原理 Base64 将每 3 个字节（24 位）的数据划分为一组，然后将这 24 位数据分为 4 个 6 位的分组。由于 6 位二进制数可以表...

JWT(Json Web Token) JWT（JSON Web Token）的定义 JWT 是一种开放标准（RFC 7519），用于在各方之间安全地传输信息。它是一种紧凑...

记录一个存取功能具体(简单)实现的设计 实现一个具体类,按照具体功能分类为不同的层,内部实现可以复杂,但必须方便使用者使用,以下简单实现了设计结构, 根据传入的不同配置,在...

架构本质 微内核架构是一种软件架构模式。在 JavaScript 应用中，微内核主要关注的是系统的核心部分尽可能小而简单，它将一些基本的功能如系统启动、模块加载等放在内核中...

```javascript class Vue{ constructor(options){ const data=options.data; this._data=dat...

部分文章看的是较前版本的Vue3代码，但总体思路没问题 编译器 【https://cloud.tencent.com/developer/article/1816576 】...

在本节，我将带领大家完成mini版本源码的输出，仅保留最核心逻辑，极大减低阅读难度，200行代码实现reactive + effect，话不多说，我们直接开始！...

响应式系统是其核心特性之一，主要涉及到Watcher、Dep（通常表示依赖）等概念 一、响应式原理概述 Vue 2 使用 Object.defineProperty () ...

如何找到对应的代码行开始看源码 看到很多资料都是通过new Vue的时候debug直接定位进入源码的，我以工程化的角度去说一下流程，为什么是从src\core\instan...

服务器发送事件（Server-Sent Events，SSE） SSE 是一种服务器向客户端推送数据的技术。 与传统的 HTTP 请求-响应模式不同，SSE 允许服务器在数...

源码输入：这是整个编译过程的起点，即您编写的 TypeScript 代码文件。 扫描器（Scanner） => 词法分析：扫描器将源代码分解为一系列的词法单元（Tokens...

初始化项目 首先，创建一个新的目录来存放项目，并在该目录中初始化一个 npm 项目： 安装相关依赖 安装 express 安装 typescript 和 ts-node ，...

基础概念 TS 是在 JavaScript 语法的基础上进行扩展和增强的超集，尤其在类型系统方面，为开发者提供了更严格和明确的类型定义和约束。 面向项目 TS 主要面向解决...

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。...

Core Web Vitals - 网页核心性能指标 Google 提出 => 可衡量的、能够真实反应用户体验的： 加载、交互、视觉稳定性 LCP - 最大内容渲染 衡量装...