react的数据主要来源于props和state，state作为内部数据，其变更更新频繁，也更容易出问题，这里主要介绍state相关的一些特性。

React State的特性总结

import-html-entry是qiankun框架主要的依赖包之一，负责从html页面里提取微前端所需的入口、css、html资源。本文主要走查一下它的代码，介绍提取的主要流程和组件内部使用的一些技巧。最后通过这个库的一些处理过程，我们也可以更好的了解微前端的特性。

源码解读：import-html-entry

短链接的现实生活中比较常见，比如我们接受到的广告短信、微信分享、二维码链接等。

系统设计：短链服务

Vue常用技巧推荐

if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。

关于条件判断优化

介绍 vue3 的新特性，以及项目开发过程中的差异

Vue3新特性学习

这篇文章探讨了React元素、子组件与父组件之间的关系，以及它们是如何影响重新渲染的。这里的子组件或许会有一些烧脑。

探索React重新渲染的奥秘

今天来讲一讲React组件间的通信，看看都有哪些方式。

react组件通信

Nginx使用指南和常用配置

API设计原则

在 Node.js 应用程序中，`child` 进程模块非常重要，有了它可以实现并行处理，这在资源密集型任务里十分重要。在本文中，我们将看一下 `child` 进程模块，解释其目的、使用方式以及如何使用。

Nodejs-child_process模块解读

经典的面试题：如何实现深拷贝。常规的回答主要是通过JSON或者遍历对象递归。主要是考核对对象操作方法的熟悉程度。今天来介绍另一个方案`structuredClone()`。

如何实现深拷贝？structuredClone

前面介绍了Langchain的基本使用方法。仅仅是对GPT方法的封装还不足以让它赢得那么多的Start，以及获得融资。它还有另一个强大的功能-RAG（检索增强生成）。RAG是大模型跟企业内部业务落地的基石。是大模型的北斗导航，可以让大模型的结果更加精准。基于大语言模型（LLM）的应用已经随处可见，工作生活都去大模型问一问，对于很多人已经成为一种

Langchain.js如何实现RAG

Langchain.js，在github上截止到今日已经有92k的start。之前一直偶有耳闻，但没有深入了解。今天看完后，真的是可以堪称大模型里的瑞士军刀。LangChain由Harrison Chase于2022年10月作为开源软件项目推出，用于连接 OpenAI 的 GPT API（后续已扩展到更多模型）以生成人工智能文本。在创立LangChain

Langchain.js你应该知多点

在TypeScript中迭代对象键可能会出现一些令人抓狂的情况。来看一个例子，应该大多数人都会经历过

TypeScript进阶：解锁对象键迭代的隐藏技巧

在这篇文章中，咱们聊聊如何用 `async/await` 来简化那些让人头疼的回调和 Promise 代码。Node.js 这货，它是个异步事件驱动的 JavaScript 运行环境，特别适合用来搭建那些需要高并发的网络应用。它聪明得很，没有锁机制，所以死锁这事儿在它这儿是不存在的。

聊聊Nodejs里的Async&Await

大多数时候，你可以在本地机器上运行你的应用，并且仅使用容器来隔离数据库和消息队列，但有些bug只有在应用本身也被容器化时才会显现。在这些情况下，知道如何附加调试器到服务上是非常有帮助的。根据Node.js开发者调查报告显示，一半的Node.js用户使用Docker进行开发。虽然容器化总体上是一个非常强大的工具——在RisingStack，我们总是通过在docker-compose.yaml中启

如何调试Docker里运行的node应用

JavaScript中的Navigator API是一个强大的接口，它提供了访问广泛浏览器功能的能力。在这篇博客中，我们将探索每个JavaScript开发者都应该熟悉的Navigator API的五个关键特性，以及实用的代码示例，帮助你将这些特性集成到你的项目中。

每个JavaScript开发者必须知道的五大Navigator API特性

今天我们将从一个空目录开始，一步步地介绍如何将一个包发布到npm，发布一个完全生产可用的包。

如何发布一个NPM包

每当涉及到保护API密钥或我们不想因为开源项目而向公众展示的东西时，我们总是倾向于.env文件，而它的解析依赖到dotenv包，一个每周都有31k+开发人员下载的软件包。其设计的理念是Twelve-Factor App的第三点。配置与代码分离。

详解 dotenv 的使用与实现

成功的人往往具有坚持不懈的品质。新的想法通常在一开始并不奏效，但他们不会因此气馁，而是不断尝试，最终找到有效的解决办法。然而，仅仅固执却往往导致失败。固执的人令人厌烦，他们不愿倾听。他们会一再碰壁，却无法取得进展。但这两种情况真的有区别吗？坚持不懈和顽固的人在行为上是否真的不同？或者他们实际上在做同样的

正确的固执

Zustand的持久化中间件允许你将状态存储在各种存储中，例如`localStorage`、`AsyncStorage`或`IndexedDB`等。这使得应用的状态可以跨页面持久化。也就是说用户刷新页面或者关闭浏览器后重新打开，应用的

Zustand：状态持久化在项目中的应用

在前文中，我们介绍了Zustand这个简单、易用、轻量的状态管理框架。通常情况下，状态管理通常都是全局的，可以在应用的任意地方访问。然而，这样的做法是否真的符合最佳实践呢？如果从马克思的角度来看，任何片面的观点都是不全面的。

用Zustand实现组件级状态管理的最佳实践

JavaScript 的错误处理即将获得重大升级。新的 ECMAScript 安全赋值运算符提案（?=）旨在通过减少对传统 try-catch 代码块的需求，来简化您的代码。该提案将在8月25日的会议上讨论。

再见了Try-Catch，ECMA增加安全赋值运算符提案

曾经担任谷歌CEO长达10年之久的Eric Schmidt前几天去斯坦福大学受邀计算机学院的会议，他的演讲全程各种放飞自我，中途语重心长的告诉台下学生，这场会议是保密的，自己说的那些话千万不要外传。然而，主办方对Eric Schmidt说，这场会议有摄像头正在全程直播……他的表情就凝固了。虽然斯坦福大学后来把视频从YouTube撤了下去，但已经有很多人都做了存档，Github上也

Eric关于AI的访谈火了

Swizec Teller 认为简化和优化 React 代码的一种方法是移除所有的 `useCallback` 和 `useMemo`，因为 90% 的情况下并不需要它们。

如何避免使用useCallback

TypeScript 作为一种静态类型检查的语言，不仅提高了代码的安全性，还大大增强了开发者的编程体验。本文将通过一些实用技巧和实例，帮助你更好地掌握和应用 TypeScript。

内存泄漏：关于定时器的引用

表情符号乱码的原因通常与 UTF-8 编码的处理不当有关。表情符号属于 Unicode 中的高码点字符，需要使用 4 个字节来表示。如果在处理这些高码点字符时出现问题，就会导致表情符号乱码。

关于JS里的字符表情乱码

当我还是个孩子时，我对世界的理解感到最困惑的是：回报的超线性程度。老师和教练暗示我们，回报是线性的。“你付出多少，就得到多少。”这种说法我听过无数次。他们出于好意，但这几乎从未是真实的。如果你的产品只有竞争对手的一半好，你不会得到一半的客户。你一个客户也得不到，最终会破产。

超线性回报：如何实现指数级成功

在 TypeScript 中，`enum` 关键字提供了一种定义一组命名常量的方式，这些常量可以作为类型或值使用。枚举最早在 TypeScript 的第一个版本中引入，虽然它们还没有被添加到 JavaScript 中，但它们在 TypeScript 中作为一个独有的运行时特性，展现了强大的功能和一些有趣的行为。

关于TS的枚举，你都知道吗？

实用主义的 TypeScript 技巧

谷歌开发者工具被大家喜爱的原因是因为其调试方便，也支持实时在控制台输出，结合远程调试nodejs也确实可以做到这个。而launch.json让我们可以把谷歌开发者工具迁移到VScode上，直接在编码工具上调试。

基于VSCode的Nodejs调试

Egg-Sequelize食用指南

GitLab CI/CD 是 GitLab 提供的一套强大工具，帮助开发者自动化构建、测试和部署过程。借助 GitLab CI/CD 我们可以轻松实现系统的自动化构建和部署。GitLab CI/CD 提供了自动化的构建、测试和部署流程，从而确保代码变更可以迅速且稳定地集

GitCICD

在前端开发中，管理 Node.js 版本是一个常见需求。nvm、Volta 和 asdf 是三个流行的工具，它们都能帮助你方便地切换和管理不同的 Node.js 版本。那么，它们各自的使用方法、原理和注意事项有什么不同呢？本文将对比这三个工具，并给出一些建议。

管理工具：nvm、volta 和 asdf

今天，我们将深入探讨 Node.js 的调试方法，并重点介绍如何使用 Visual Studio Code（VS Code）来调试 Node.js 应用。

探索 Node.js 调试技巧与 VS Code 的调试方法

Zustand 是一个轻量级的状态管理库，由 pmndrs 团队开发，旨在简化 React 应用中的状态管理。它的主要优势包括简单的 API、支持中间件、以及良好的性能。

zustand源码解读

在前端开发中，状态管理是一个非常重要的话题。我们有很多选择，比如 Redux、MobX、Context API 等等。今天我要向大家介绍一种轻量级但非常强大的状态管理库——Zustand。

zustand状态管理介绍

之前介绍了如何在控制台使用window.ai的功能，多少体验上不太好。这次结合transformers.js来看看最新的打开方式。

window-ai

浏览器事件循环（Event Loop）是理解JavaScript异步编程的重要概念。它决定了JavaScript代码在浏览器中如何执行，如何处理事件，以及如何与Web API交互。

事件循环

在大多数情况下，使用自定义ref属性是比forwardRef更好的解决方案。它简化了我们的代码，提高了可读性，并避免了多个问题。forwardRef只在特定场景下是必需的，比如单一元素代理组件或模拟实例refs。随着新的RFC可能移除forwardRef，我们可以期待一种更简单、更直观的方式来处理React中的refs。

React.ForwardRef探索：更简单的替代方案

React 19 版本引入了一个重要的新特性，即 React Compiler。这个编译器是 React 团队为了解决在状态变化时 UI 过度重新渲染的问题而开发的。React Compiler 旨在自动优化应用程序，通过在构建时分析代码，理解 JavaScript 和 React 的规则，从而自动地进行记忆化（memoization）处理，减少不必要的组件重新渲染

ReactCompiler的探索和测试

在确保用户隐私的同时安全地浏览网络是我们的首要任务。在使用Cookie时，重要的是要确保它们安全并按预期目的服务，而不损害用户隐私。一个需要考虑的关键属性是SameSite，它规定了跨站点请求中Cookie的发送方式。

关于Cookie里的SameSite

在某些情况下，我们可能需要控制并发请求的数量。例如，当我们编写下载或爬虫工具时，一些网站可能对并发请求的数量有限制。

如何控制并发Promise的数量

在JavaScript中，您可能已经知道如何取消请求：XHR可以通过abort方法，而fetch可以结合AbortController实现请求取消。但是，如何取消一个普通的Promise呢？

如何实现可随时取消的控制器

Vue.observable，让一个对象变成响应式数据。Vue 内部会用它来处理 data 函数返回的对象。

Vue.observable原理

diff是什么？先说一下Vue的响应式。Vue的template会转换成render函数，render函数会返回VNode。VNode是一个js对象，是对真实Dom的映射。Vue会通过Object的defineProperty或者Proxy监听js对象的变更，当数据变更后，需要更新到真实Dom上。如果每次都从0开始重新渲染，那会有较大损耗，可能有部分组件根本不需要更新。为了提高渲染的效率，就需要找到一个最高效的渲染方式。diff就是为了对比新的VNode和旧VNode的差异，实现最小化的更新。在vue里面 diff 算法是通过patch函数来完成的，所以有的时候也叫patch算法。

Vue2的Diff算法

V8的堆内存分为3部分，分别为年轻分代，年老分代，大对象空间。

V8垃圾回收

ReactScheduler是 react 的内部包，用于浏览器环境协同调度的，主要介绍出现的背景，以及解决的问题，和基本的设计思路。

ReactScheduler梳理

NPM v5 引入了 package-lock.json， 作为依赖树一致性的保障机制。由于npm以semver version作为版本管理工具，其描述的是一个版本的范围，并不是精确的版本，很容易导致不同人或者不同环境安装的版本不一致。

所有文章