React Native新架构之iOS端初始化源码分析 前言 注意，本文是基于React Native 0.83版本源码进行分析。有了前面几篇Android端分析文章打基础，再来理解iOS端就易如反掌

mri（全称 Minimalist CLI Argument Parser）的核心作用是解析命令行传入的参数，把用户在终端输入的命令行参数（比如 --port 3000、-v）转换成 js对象

vue项目中 tooltip 使用组件形式实现不够简洁，需要包一层组件，有点臃肿。封装成自定义指令更加方便，顺带优化了单例、内存等一些性能问题

虽然 fetch API 在现代开发中非常流行，但XHR依然是理解 Web 网络编程的基石。无论是底层的 Ajax 封装，还是需要细粒度监控上传/下载进度的场景，XHR 依然不可替代。

概述 本文将详细介绍如何使用 Three.js 实现变形动画效果。我们将学习如何利用 Morph Targets（形态目标）技术，让 3D 模型在不同形状之间平滑过渡，创造出花瓣绽放等生动的动画效果。

背景 作为 react 高频考点，React Fiber反复出现，为啥会成为高频考点，我觉得，很大程度上是因为 React Fiber架构真的解决了问题，并且巧妙的思想或许在未来可以给我们一些性能优化

这里只是简单介绍一套我觉得还不错的技术栈，前后端使用orpc，然后都部署到cloudflare workers上，适合个人项目快速实现mvp产品，希望对大家有帮助。

算子级血缘实现的“一键溯源”能力，不仅大幅提升合规效率，更将管理动作从事后补救转向事前防控与事中协同，精准管控上游变更对下游报送指标的影响。

概述 本文将详细介绍如何使用 Three.js 中的曲线功能。我们将学习如何创建 CatmullRomCurve3 样条曲线，并利用曲线来控制物体的运动轨迹，以及如何将曲线可视化地显示在场景中。 准备

前言 相信很多人阅读源码都是从响应式开始看起的，clone vue源码之后，查看reactivity下的reactive.ts模块，一行行阅读；十分钟后，合上编辑器，心里只剩下一个问题：“是我太菜，还

一、 项目架构与技术选型 在开始之前，我们要明确这个项目的核心逻辑：移动端负责展示与交互，后端负责内容分发与业务逻辑。学习地址：pan.baidu.com/s/1WwerIZ_elz_FyPKqXAi

我把 Claude Code 搬进了 Slack，在手机上对话的方式调用AI，从此蹲坑也能 Vibe Coding

GPT可以根据之前的聊天来判断我们现在最该做什么、学什么、以及处于什么阶段！ 你也可以这样问一下你的AI助手：你可以根据我之前问你的技术问题来告诉我，我现在处于什么等级？需要怎么提升？不要粉饰

自动化口径管理是实现 “指标溯源、血缘分析、线上化管理” 的核心技术基石，能够自动穿透复杂逻辑（如存储过程），一键生成可读口径，并将监管指标盘点效率提升 20 倍，实现口径实时保鲜

HRM 是一个通用概念，由构建工具（如webpack、vite)提供，允许在不刷新页面的情况下替换、添加、删除模块 React Fast Refresh 专门为HMR开发的特定实现，集成了react渲

自从 Vercel 团队发布了 React 最佳实践，将十余年来积累的 React 和 Next.js 优化经验整合到了 skills 中，就有不少同学呼吁来个 Vue 版本的 skills。 今天，

在多语言项目中，i18n key 严重影响代码可读性。我从前端视角出发，尝试开发 WebStorm 插件解决这一问题。过程中跨过 Kotlin 学习、API 变更与 Vue Language 注册开发

你会发现：大多数作用域链题，不是在考你“会不会算输出” ，而是在考你能不能把 JavaScript 运行时拆成两句话讲清楚： 编译期：声明（var/function）先“挂上去”（提升），但赋值不提升

我偷懒直接用trae分析生成了个md文档，直接掘金导入了，大佬们有不同意见评论区讨论，求轻喷

项目概述

这是一个基于 Node.js 的图片格式转换工具，专门用于将各种图片格式（PNG、JPG、JPEG、WebP）批量转换为 WebP 格式，以优化图片加载性能和减少存储空间。

项目结构

image-ConvertTo-webp/
├── dist-images/       # 输出目录（转换后的 WebP 图片）
│   └── logout.webp    # 示例转换结果
├── static/            # 源图片目录
│   └── logout.png     # 示例源图片
├── convert.js         # 主要转换脚本
├── package-lock.json  # 依赖版本锁定文件
└── package.json       # 项目配置和依赖管理

核心功能

1. 批量转换：遍历指定目录下的所有图片文件并转换
2. 目录结构保持：递归处理子目录，保持原有的目录层次结构
3. 自定义配置：可配置源目录、输出目录和转换参数
4. 智能处理：自动检测图片文件类型，仅处理支持的格式
5. 友好日志：转换过程中输出详细的转换状态和结果

技术实现

依赖库

• sharp：高性能的 Node.js 图像处理库，用于图片格式转换和处理

核心代码分析

1. 配置与初始化

// 配置
const sourceDir = './static';        // 源图片目录
const outputDir = './dist-images';   // 输出目录（可自定义）

// 确保输出目录存在
if (!fs.existsSync(outputDir)) {
    fs.mkdirSync(outputDir, { recursive: true });
}

2. 递归转换函数

async function convertImages(currentDir) {
    const files = fs.readdirSync(currentDir);
    const relativeDir = path.relative(sourceDir, currentDir); // 当前相对路径
    const outputSubDir = relativeDir ? path.join(outputDir, relativeDir) : outputDir;

    // 确保当前层级的输出子目录存在
    if (!fs.existsSync(outputSubDir)) {
        fs.mkdirSync(outputSubDir, { recursive: true });
    }

    for (const file of files) {
        const filePath = path.join(currentDir, file);
        const stat = fs.statSync(filePath);

        if (stat.isDirectory()) {
            // 递归处理子目录
            await convertImages(filePath);
        } else if (file.match(/\.(png|jpe?g|webp)$/i)) {
            // 构造输出文件路径（保持层级）
            const outputFileName = path.basename(file, path.extname(file)) + '.webp';
            const outputPath = path.join(outputSubDir, outputFileName);

            // 执行转换
            await sharp(filePath)
                .webp({
                    quality: 100,           // 有损压缩，质量 80
                    effort: 6,             // 压缩强度
                    smartSubsample: true   // 智能色度子采样（适合照片）
                })
                .toFile(outputPath);

            console.log(`✅ ${path.relative(sourceDir, filePath)} → ${path.relative(outputDir, outputPath)}`);
        }
    }
}

3. 执行转换

// 开始转换
convertImages(sourceDir)
    .then(() => console.log('🎉 所有图片转换完成，目录结构已保留！'))
    .catch(err => {
        console.error('❌ 转换失败：', err);
    });

转换参数说明

参数	值	说明
quality	100	转换质量，100为无损压缩
effort	6	压缩强度，值越高压缩效果越好但速度越慢
smartSubsample	true	启用智能色度子采样，适合照片类图片

使用方法

1. 安装依赖：

   npm install
   

2. 准备图片：将需要转换的图片放入 static 目录

3. 执行转换：

   node convert.js
   

4. 查看结果：转换后的 WebP 图片会保存在 dist-images 目录中

项目优势

1. 简单易用：配置简单，一键执行
2. 高效处理：使用 sharp 库，转换速度快
3. 灵活可扩展：可根据需要调整转换参数和目录配置
4. 保持目录结构：递归处理子目录，保持原有的文件组织
5. 友好的用户反馈：详细的转换日志，便于了解转换状态

应用场景

• 网站优化：将图片转换为 WebP 格式，减少页面加载时间
• 移动应用：优化应用内图片资源，减少应用体积
• 批量处理：适合需要大量图片格式转换的场景
• CI/CD 集成：可集成到自动化构建流程中，实现图片的自动优化

总结

这是一个轻量级但功能强大的图片格式转换工具，通过简单的配置和执行，即可批量将图片转换为 WebP 格式，为网站和应用提供更好的性能优化。项目结构清晰，代码简洁易懂，易于维护和扩展。

代码优化建议

1. 添加命令行参数支持：可以通过 commander 等库添加命令行参数，让用户可以通过命令行指定源目录、输出目录和转换参数，提高工具的灵活性。

2. 增加并发处理：对于大量图片的情况，可以考虑使用并发处理来提高转换速度。

3. 添加错误处理：对单个文件的转换失败进行更详细的错误处理，避免因为单个文件失败而影响整个转换过程。

4. 添加进度显示：对于大量图片的情况，添加进度条显示，让用户更清楚转换的进度。

5. 支持更多输出格式：除了 WebP 格式外，还可以支持其他现代图片格式，如 AVIF 等。

通过这些优化，可以进一步提高工具的实用性和用户体验。