猫大叔

JIT 模式初探（下）：优化和扩展

1. 优化与扩展实战 1.1 性能优化策略 缓存与内存管理 在JIT模式中，缓存机制是性能优化的核心。我们通过以下方案实现高效缓存 ```js class JITCompiler { const

JIT 模式初探（中）：简单实现

在上篇中，我们介绍了 JIT 模式的基本概念和工作原理。本篇将通过一个简单的例子来展示如何在实际项目中实现 JIT 模式。通过实现一个简单的 JIT 编译器，我们可以更深入地理解其原理和实现方式。

JIT 模式初探（上）：什么是 JIT？

JIT 全称是 Just-In-Time，即在程序运行时（而不是预先）动态编译代码。起初，我曾误以为 JIT 就是热更新 HMR，但实际上两者并不相同。 1. JIT 模式的概念 JIT 的核心思想

猫大叔个人博客

21ido.com :smiley_cat: :smile_cat: :pouting_cat: :heart_eyes_cat: :kissing_cat::smirk_cat: :scream_c

JS字体检测与实现方法解析

起因是最近项目要用的这种选字体的需求，所以就调研了一下实现方法，然后就有了这篇笔记 1.Chrome实验性接口 queryLocalFonts Chrome 从v103开始支持该接口，是异步接口，返

从图书馆借书到MongoDB锁：一文看懂锁机制

什么是锁 锁是一种机制，用于管理并发访问和维护数据一致性。它确保多个操作不会同时修改相同的数据，从而避免数据冲突。 假设图书馆里有一批热门书籍，很多人都想借阅。图书馆为了管理这些书籍的借阅过程，引入了

深入解读MongoDB事务：从基础到优化

MongoDB在4.0版本引入了对多文档事务的支持，这一特性使得开发者能够在一个事务中操作多个文档和集合，确保这些操作的原子性和一致性。这对于构建复杂的应用程序和保证数据完整性至关重要。 什么是事务

篡改猴脚本教程之ajax劫持

篡改猴，最强浏览器扩展，英文名Tampermonkey，最早出现在Firefox，名叫油猴（Greasemonkey ），两者有相似的功能和脚本语法，但并非同个扩展。 可以在页面注入JS脚本，实现一些

Beacon API 前端开发中的异步数据传输利器

Beacon API 是一种用于在浏览器中异步发送数据的 Web API。它通常用于在页面关闭前发送一些数据，以确保这些数据不会因为页面的关闭而丢失。 1. 工作机制 当用户关闭页面后，浏览器会执行

深入理解HTTP重定向：从301到308状态码全解析

从HTTP状态码的基本概念开始，逐步介绍不同类型的重定向及其应用场景。无论您是初学者还是有经验的开发人员，都能从本文中获得实用的知识和技巧。 1. http状态码 http状态码是客户端和服务器端进

深入理解node.js模块

JavaScript的思想是一切皆对象，而Node.js编程是基于模块化思想的。 1. 基本概念 Node.js采用了CommonJS模块系统，每个文件都是一个独立的模块，每个模块都有自己的作用域，

npm、yarn和pnpm的古往今来

I. 引言 本文将深入探讨这三种包管理工具的背景、特点和使用场景，以帮助读者更好地了解它们，为自己的项目选择合适的工具。从最初的 Node.js 发布到包管理工具的崛起和不断演进，我们将带您一一解读，

当空数组遇上every, some

早在17年写过一篇JS数组的文章 <!-- {% post_link 'Web/Javascript数组' 'Javascript数组的every、some、map、filter、forEach

EventSource使用指南

EventSource是基于http协议的推送技术，用于服务器主动向客户端发送数据，而不需要客服端主动请求 1. 优缺点 优点： 1. 基于http1.1，目前浏览器都支持 2. 自动断线重连，无需

什么是灰度测试

1. 灰度的来源 当软件升级迭代在遇到架构或功能大改动（技术层面），或是需求和操作的大调整（用户体验层面），往往不是全量发布，而是先小范围发布，没有问题再增量到全部用户，这一过程，类似由白到黑的过度，

Github Actions实现Hexo自动化部署

本文介绍了如何使用GitHub Actions实现Hexo自动化部署，并指出了一些现有YAML代码所引用的脚本比较老导致报错的问题。 Hexo是一个快速、简单且强大的静态博客框架，而GitHub Ac

浅谈JavaScript的线程与进程

首先，JavaScript 是单线程语言。 1. 进程和线程的关系 一个程序至少有一个进程，而一个进程至少有一个线程。线程是进程的执行单元，是 CPU 调度和分派的基本单位，可以看成实际在干活运算的

VUE代码规范

为规范代码特写了本文，但实际由于历史包袱，还有很多jQuery时代的代码，加上人员技术水平不齐，执行起来非常有难度 1. 目的 1. 易于阅读和理解 2. 有助于debug 3. 方便接手的人 4.

ES6笔记(3)类

ES5是没有类这个东西，虽然可以写出看起来像类的代码 ```js function Cat (name, color) { let ret = Object.create(Cat.prototyp

Canvas踩坑(2)马克笔效果

画笔里面，马克笔算是比较简单，比较难的是铅笔和毛笔 一般的线是由点连起来的，设置好 `lineCap` 和 `lineJoin` 即可，但马克笔是由块连起来的 当我们拿到一个XY坐标点后，需进行扩大，