logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

clsx:高效处理 React 条件类名的实用工具

React开发中推荐使用clsx库管理动态类名,它比classnames更轻量(仅239B)、执行更快(快1.5倍)。支持字符串、对象、数组等多种输入类型,自动过滤无效值并拼接类名。安装简单,兼容主流包管理器和编辑器配置。核心API简洁,支持条件对象、数组嵌套和混合输入。高级用法包括动态类名生成、CSS Modules结合和性能优化技巧。与classnames相比,clsx体积更小、性能更好且内置

#react.js#前端#前端框架
Node.js 24.10.0: 拥抱现代 JavaScript 与增强性能

Node.js 24.10.0 带来了多项重要更新,包括V8引擎升级至13.6版本,新增Float16Array、await using等特性,提升性能和安全性。该版本还集成了npm 11,优化了安装速度和生命周期管理。URLPattern API成为全局可用,简化了URL匹配操作。此外,权限模型更加稳定,测试运行器也获得增强,自动等待子测试完成。文章通过React示例展示了这些新功能在实际开发中

#node.js#javascript#开发语言
JavaScript 引擎:代码的脉搏与性能的奥秘

JavaScript引擎是现代Web技术的核心,负责将JavaScript代码转换为机器可执行指令。主流引擎包括Google的V8(Chrome、Node.js)、Mozilla的SpiderMonkey(Firefox)、Apple的JavaScriptCore(Safari)和微软的ChakraCore(旧版Edge)。这些引擎采用解析、解释/编译和内存管理的工作流程,结合即时编译(JIT)等

文章图片
#javascript#开发语言#ecmascript
Spotify 网页版前端技术全面解析

深入解析Spotify网页版的前端技术架构,展现其如何通过React+TypeScript构建核心框架,采用微前端实现团队自治与模块化开发。设计系统Encore通过"洋葱模型"确保UI一致性,结合Redux和GraphQL优化数据流管理。性能方面运用虚拟滚动、代码分割等技术提升体验。特别的是,其桌面客户端基于CEF实现与网页版代码共享,显著降低维护成本。这些技术实践为大规模We

文章图片
#前端
铜钟 (tonzhon.whamon.com):极简音乐小屋的前后端揭秘

铜钟 (tonzhon.whamon.com) 是一个极简风格的在线音乐平台,采用React、Vite、Ant Design和React Router构建清爽流畅的前端界面,后端接入Apple Music资源提供高品质音乐体验。平台专注于纯粹的音乐播放,无广告干扰,支持安全搜索和并行搜索模式。开发者开源了代码,让用户能在简洁友好的环境中享受音乐。

#前端#后端
Jotai:轻量原子化,React 状态管理的甜心魔法!

Jotai是一个轻量级的React状态管理库,采用原子化设计理念将应用状态拆解为独立的小块(atom)。其核心特点包括:简洁直观的API、灵活的状态组合方式、高效的性能优化(仅更新相关组件)以及优秀的TypeScript支持。通过atom()创建状态单元,useAtom()在组件中使用,并支持派生原子实现状态逻辑复用。相比Redux等方案,Jotai减少了样板代码,使状态管理更简单高效,特别适合追

#react.js#前端
铜钟音乐前端技术解析

铜钟音乐是一款专注纯粹音乐体验的在线播放平台,其技术实现基于React、Vite和Ant Design等现代前端技术栈。通过分析代码发现,该平台聚合了Spotify、Apple Music等第三方音乐资源,后端API负责数据获取。播放器功能通过自定义Hook实现,支持多种播放模式和本地状态持久化。聆听列表采用全局状态管理,结合localStorage实现数据持久化。整体设计体现了简洁高效的理念,为

文章图片
#前端
模型上下文协议(MCP):连接 AI 与现实世界的标准化实践

MCP协议:AI与现实世界的标准化桥梁 Model Context Protocol(MCP)是连接AI与外部系统的开放协议,通过标准化接口解决数据孤岛和工具兼容性问题。其核心优势包括: 高效集成:减少重复开发,某电商平台集成效率提升5倍 安全可控:内置沙箱机制,银行系统实现100%审计覆盖 动态扩展:支持模块化接入,车企3天完成5000+传感器对接 应用场景广泛: 金融:招商银行风险识别准确率提

文章图片
#人工智能
盘点现代 AI 流式界面的各种前端技术和实现方法

本文探讨了AI流式界面的前端实现技术,分析了两种核心协议SSE和Fetch/ReadableStream的优缺点。SSE简单易用但功能有限,而Fetch+ReadableStream更灵活强大,支持POST请求和自定义头信息。文章提供了两种技术的代码示例,并介绍了结构化数据流协议在复杂AI交互中的应用。随着AI功能日益丰富,流式传输技术正从简单文本扩展到支持多模态数据和实时交互,这对提升用户体验至

#人工智能#前端#状态模式
Node.js v25 重磅发布!革新与飞跃:深入探索 JavaScript 运行时的未来

Node.js v25 带来了一系列重大升级,包括V8引擎性能优化、原生WebAssembly支持、增强的ES模块兼容性、内置WebSocket客户端,以及强化的安全模型。新版本显著提升了执行效率,简化了实时通信开发,并改善了模块化开发体验。同时,Node.js v25引入了更精细的权限控制和Web标准安全特性,为构建高性能、安全的现代应用提供了坚实基础。这些改进使开发者能够更高效地处理计算密集型

文章图片
#node.js#javascript#vim
    共 13 条
  • 1
  • 2
  • 请选择