- 博客(692)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 create-wl-app：重新定义前端开发效率的现代化脚手架
create-wl-app是一款现代化前端脚手架工具，基于Vite 8 + Rolldown构建，提供秒级启动和闪电热更新。支持React 19和Vue 3双框架，内置完整技术栈（UI库、状态管理、路由等），实现零配置开箱即用。相比传统工具，具有构建速度快、配置简单、维护活跃等优势，适用于企业级应用开发和团队协作。通过标准化项目结构和自动化工具链，显著提升开发效率和代码质量。
2023-07-27 13:34:25
320
原创 前端开发效率革命：(MCP+Skills)构建你的 AI 狙击手系统
LLM 是枪（能打），Skills 是弹药（打得准），MCP 是瞄准器和扳机（打得出去），Agent 是狙击手（知道打谁、怎么打）
2026-03-16 16:57:38
368
原创 三分钟搞懂 AI 新词：LLM、Agent、RAG、Skill 到底是啥？
这些新词不是故弄玄虚，而是为了解决一个实际问题——怎么让 AI 从"能聊天"变成"能干活"。
2026-03-02 14:57:08
932
原创 彻底搞懂 Event Loop：宏任务与微任务的执行顺序全解析
🔍 Event Loop 核心机制解析： JavaScript 通过单线程+Event Loop实现异步处理，核心流程遵循"同步→微任务→宏任务"循环： 同步任务立即执行 微任务（Promise.then/await等）在当前循环全部清空 宏任务（定时器/事件等）每次循环处理一个 关键区分： 微任务：与Promise相关，执行优先级高 宏任务：需外部触发的异步操作 典型执行顺序： 同步代码 → 微任务队列清空 → 宏任务（执行时若产生新微任务会再次清空）→ 循环往复 掌握这一机制能有效
2026-02-12 14:26:31
757
原创 Icon 革命：用 UnoCSS Icons Preset 告别图标管理噩梦！
摘要： UnoCSS Icons Preset 解决了前端开发中图标管理的五大痛点（样式难找、调整困难、项目臃肿、维护成本高、打包体积大），通过纯CSS实现100,000+图标的按需使用。只需三步安装配置（安装依赖→配置UnoCSS→项目引入），即可用类名直接调用图标，支持动态调整样式。相比传统方案，它具有极简集成、极致性能（小于10KB）、灵活定制和海量资源等优势，是高效开发的新选择。（150字）
2026-02-11 18:09:11
343
原创 AI Skills 指南：告别“人工智障”，让 AI 真正成为你的超级外挂
AI Skills 指南：告别“人工智障”，让 AI 真正成为你的超级外挂
2026-02-09 09:45:06
694
原创 四大GIS框架坐标系详解
Leaflet/Mapbox/OpenLayers默认用Web墨卡托（EPSG:3857），Cesium默认用WGS-84（EPSG:4326），但都支持坐标系扩展。
2026-01-14 11:37:34
762
原创 前端数据存储新选择：IndexedDB与Dexie.js技术指南
IndexedDB是浏览器内置的NoSQL数据库，相比localStorage具有大容量存储、异步操作等优势。Dexie.js作为IndexedDB的封装库，提供了更简洁的API和强大的查询功能。本文详细介绍了如何在Vue3和React中使用Dexie.js进行前端数据持久化，包括数据库配置、CRUD操作封装、实时查询等核心功能实现。通过组合式API或自定义Hook的方式，开发者可以轻松构建离线优先的Web应用，提升用户体验。
2026-01-09 16:46:58
1123
原创 CSS实现水滴样式
这段HTML/CSS代码实现了一个拟态水滴动画效果。通过CSS关键帧动画，使圆形元素产生液体流动的变形效果：在4秒循环中，水滴形状从圆形变为扁圆再变为拉长状态，同时伴随轻微位移和旋转。代码使用了拟态设计（Neumorphism）风格，通过多重阴影和高光点模拟3D立体感，背景采用浅灰色实现柔和视觉效果。动画采用ease-in-out缓动函数使过渡更自然，伪元素::after创建了动态高光点增强真实感。整体效果模拟了水滴轻微晃动的自然状态。
2025-12-26 09:35:15
391
原创 网站应用微信扫码快捷登录开发指南
微信扫码登录PC网站的实现流程主要包括：1. 用户扫描PC网站生成的二维码；2. 微信服务器验证授权后通知回调接口；3. PC网站轮询获取登录状态。开发步骤：注册微信开放平台并创建网站应用，获取AppID和AppSecret；服务端实现三个核心接口（生成二维码、微信回调和状态检查）；前端显示二维码并轮询结果。关键注意事项：确保AppSecret安全、正确配置回调域、使用随机state参数防CSRF攻击，并优化用户体验处理二维码过期等情况。该方案实现了安全便捷的第三方登录功能。
2025-11-26 16:58:08
1028
原创 Ant Design 6.0 正式发布：React 19 的最佳拍档，更是 AI 时代的 UI 基石
Ant Design 6.0，不仅仅是一个组件库的更新，它标志着前端开发正式迈入“AI + Server Components”的新纪元。
2025-11-24 10:57:09
1028
原创 深入理解 React Compiler：下一代 React 编译器如何重塑 React 开发体验
React Compiler 不仅仅是一个编译器，它代表了 React 对开发体验的重新思考——**让开发者回归业务逻辑本身，把性能交给机器**。如果你还在为 `useCallback` 的依赖数组头疼，是时候拥抱 React Compiler 了。它不会改变你写 React 的方式，但它会悄悄让你的 App 更快、更稳、更易维护。
2025-11-10 14:44:01
1000
翻译 @antfu/eslint-config集成Oxlint计划（翻译）
文章探讨了在当前配置中支持oxlint的可行性。作者认为虽然oxlint速度优势明显，但存在功能缺失、配置复杂等关键缺陷，目前尚不适合集成。未来可能通过两种方式实现：A)将oxlint作为ESLint规则运行；B)待oxlint完善后直接替代ESLint。目前建议保持现状，等待oxlint功能成熟。文章强调了一体化代码检查体验的重要性，表示将与oxlint团队合作推进兼容性适配工作。
2025-10-23 14:08:18
178
原创 现代前端救急 API 指南：20个低使用率但高价值的浏览器原生能力
现代浏览器已经内置了解决大量常见需求的强大API。从提升性能的观察器（ResizeObserver, IntersectionObserver），到增强用户体验的系统交互（Web Share, Wake Lock），再到处理复杂数据流的工具（Streams, Background Fetch），这些原生API在性能、包体积和安全性上往往优于第三方库。
2025-10-22 09:30:10
1092
原创 React v19.2版本
React 19.2带来了多项开发体验和性能优化：新增<Activity>组件用于条件渲染保留状态；useEffectEventHook解决Effect过度重执行问题；cacheSignal支持中止异步操作避免资源浪费。性能方面新增Scheduler/Components追踪轨道支持性能分析，并引入部分预渲染提升首屏加载速度。此外还优化了SSR批处理、Node.js流式渲染支持，并修复了多个已知问题。该版本聚焦状态管理优化和渲染效率提升，为开发者提供更高效的开发工具链。
2025-10-17 10:45:22
455
原创 JavaScript对象属性的动态获取与getter妙用
在JavaScript开发中，我们经常需要处理对象属性的动态获取问题。getter提供了一种优雅的解决方案，让我们能够更灵活地控制属性的访问逻辑。
2025-09-03 15:02:52
300
原创 微前端：让大型前端项目也能“分而治之“
微前端就像前端架构的"分省自治"方案，让不同技术、不同团队开发的代码能够和谐共存。选择适合自己项目的方案，可以让前端开发像组建乐高一样灵活有趣！下次当你遇到需要整合不同技术栈的项目时，不妨考虑："这个场景适合用微前端吗？"
2025-08-21 16:02:01
389
原创 Vite 的“心脏移植”：Rolldown
Rolldown 不仅是 Vite 的“心脏移植”，更代表了前端工具链向高性能语言（Rust/Go）演进的趋势。其性能提升并非单纯依赖语言优势，而是通过架构革新（如 Oxc 工具链）实现质的飞跃。建议团队在非核心项目试水，待生态成熟后全面迁移。
2025-06-20 15:19:22
786
原创 Vue3逐步抛弃虚拟Dom，React如何抉择
Vue3路线：编译时骚操作+运行时精准打击，走的是手术刀路线React路线：虚拟DOM+Fiber调度器+不可变数据，走的是坦克碾压路线
2025-05-23 09:39:03
818
2
原创 [特殊字符] React Fiber架构与Vue设计哲学撕逼实录
React这逼就像拿着手术刀做微创，Vue这货直接上精确制导导弹。架构差异本质是命令式vs声明式的哲学互殴，没有谁更好，只有谁更配你项目的菊花需求！
2025-05-20 09:52:29
475
原创 为什么在 Vite 的 esbuild 配置中移除 debugger 和 console？
在使用 Vite 构建前端项目时，开发者可能会注意到一个看似矛盾的现象：尽管 Vite 默认使用 Rollup 进行打包，但某些代码优化（如移除 debugger 和 console）却配置在 esbuild 选项中。这背后的原因是什么？
2025-05-07 10:38:48
1348
原创 前端并发请求的完整结果捕获指南
前端开发中，我们经常需要同时请求接口，当某个接口发生故障时，传统的处理方式可能会导致整个流程中断。下面介绍三种实用的并发请求处理方案，并附赠两个高级技巧。
2025-04-24 15:00:32
593
原创 JavaScript事件循环：为什么你的代码像在玩跳格子？
JavaScript 的事件循环机制虽然复杂，但通过形象化的比喻和实际代码分析，我们可以轻松理解它的运行原理。无论是日常开发还是性能优化，掌握事件循环的规则都能帮助我们写出更高效、更可靠的代码。下次看到回调函数，想象它们在排队坐过山车——VIP客户先上，普通客户耐心等待，而我们的杂技演员永远不会让盘子掉下来！
2025-03-27 11:07:46
683
原创 React + TypeScript 实战指南：用类型守护你的组件
TypeScript 为 React 开发带来了强大的类型安全保障，这里解析常见的一些TS写法
2025-03-05 09:18:46
893
原创 关于“前端已死”的命题
正如独孤求败从“利剑期”到“木剑期”的进化，前端开发者需超越框架之争，在工程体系构建、性能优化等深度领域建立护城河。市场调整淘汰的是低水平重复劳动者，对掌握核心竞争力的工程师而言，Web 生态仍是广阔天地。
2025-02-11 18:28:26
523
原创 深入理解 React 中 setState 的行为及状态更新时机
在 React 开发中，`setState` 是我们更新组件状态的核心 API。然而，`setState` 的行为因调用场景的不同而有所变化，这可能会让许多开发者感到困惑。特别是在 React 18 中，引入了自动批量更新机制，使得部分场景的行为发生了变化。本文将结合 React 17 和 React 18 的特性，对 `setState` 的行为和状态更新时机进行详细分析。
2025-01-06 09:15:20
1247
原创 使用 `Node.contains()` 判断元素包含关系
在前端开发中，我们经常需要判断一个元素是否包含另一个元素，尤其是在处理 DOM 操作时。这时，`Node.contains()` 方法是一个非常实用的工具。
2024-12-17 09:14:55
827
原创 解析Reflect
Reflect 是 ES6 引入的一个内建对象，提供了一些用于操作对象的静态方法，这些方法通常与 Proxy 配合使用，简化了对象操作的代码。Reflect 主要的作用是作为一组更加标准化和一致的方式来执行常见的对象操作，比如获取属性、设置属性、删除属性等，尤其是在使用 Proxy 时，它提供了一种更加优雅的方式来执行默认的行为。
2024-11-19 09:26:50
848
原创 ESM 与 CommonJS：JavaScript 模块化的两大主流方式
在 JavaScript 开发中，模块化是一个重要的概念，它可以帮助我们将代码组织得更加清晰、可维护。模块化允许我们将复杂的应用拆分成多个小的、独立的部分，每个部分可以被单独开发、测试和调试。ESM（ECMAScript Modules） 和 CommonJS 是当前 JavaScript 中最流行的两种模块化方式，理解它们的差异，对于前端和后端开发者来说都至关重要。
2024-11-11 09:26:24
1276
原创 使用 Nzh 进行阿拉伯数字与中文数字的转换
在编程中，我们常常需要处理数字的显示和转换，尤其是在需要将阿拉伯数字转换为中文数字的场景下，Nzh 是一个非常实用的工具。它不仅支持简单的数字转换，还包括科学记数法、金额格式化和自定义单位等多种功能。本文将详细介绍 Nzh 的安装、使用方法和 API。
2024-11-04 09:17:57
808
原创 重磅！WebStorm 个人版免费开放：JetBrains 为个人开发者带来福音
2024 年 10 月 24 日，程序员节这天，JetBrains 宣布了一项让开发者欣喜的消息：WebStorm 个人版全面免费开放供非商业用途使用。
2024-10-28 09:07:10
2482
原创 深入理解 Vue 3 的 `＜Teleport＞` 组件
在 web 开发中，良好的组件结构对于功能性和可维护性至关重要。Vue 3 提供了一个强大的功能——`` 组件，它允许你将组件模板的一部分“传送”到 DOM 中的其他位置。这在保持组件逻辑相关的同时，确保其在视觉层级中正确渲染时尤其有用。
2024-10-24 09:06:47
736
FFmpeg+nginx.rar
2020-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人