蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
效能录
记录工程效能提升的方法与实践,聚焦工具、流程与协作优化。
ngrok:开发者必备的内网穿透神器,让本地服务秒变公网可访问
效能录

ngrok:开发者必备的内网穿透神器,让本地服务秒变公网可访问

这篇文章介绍了如何使用 ngrok 将本地服务快速暴露到公网,实现内网穿透。内容涵盖 ngrok 的原理、使用步骤、功能优势、真实应用场景以及与花生壳的对比。通过文中的实操教程,开发者可以轻松让本地端口获得一个公网 HTTPS 访问地址,非常适合 API 调试、Web 开发、微信回调、Webhook、本地 Demo 展示等场景。

2025年12月8日 0条评论 345点热度 0人点赞 cywcd 阅读全文
Code Inspector:页面开发提效的神器
效能录

Code Inspector:页面开发提效的神器

Code Inspector 是一款能够显著提升前端开发效率的工具。开发者只需点击页面上的 DOM 元素,IDE 就会自动打开对应的源代码文件并精准跳转至相关行号。它几乎适配所有主流前端构建工具(如 webpack、vite、rspack、rsbuild、esbuild 等)和框架(Vue、React、Svelte、Next.js、Nuxt 等),并支持自动识别当前运行的 IDE。工具无需侵入业务代码,配置简单,适用于大型项目、多人协作、快速定位复杂组件结构等场景,是前端团队提升开发体验和效率的利器。

2025年12月7日 0条评论 120点热度 1人点赞 cywcd 阅读全文
Lerna + Monorepo:前端单仓库管理的最佳实践
效能录

Lerna + Monorepo:前端单仓库管理的最佳实践

本文介绍了 Monorepo 的核心思想、优缺点、典型使用场景,以及在前端领域如何借助 Lerna 实现高效的多包项目管理。文章从项目结构、依赖提升、统一脚本执行、版本发布管理等角度深入解析了 Lerna 的实际工作方式,并配合完整的示例展示如何搭建一个包含前端与后端的 Monorepo 工程。通过阅读本文,你将清晰理解为什么越来越多的前端工程采用 Monorepo,以及如何借助 Lerna 构建更高效、可维护的多项目协作开发环境。

2025年11月30日 0条评论 212点热度 0人点赞 cywcd 阅读全文
Node Modules Inspector:可视化高效查看项目前端依赖体系
效能录

Node Modules Inspector:可视化高效查看项目前端依赖体系

Node Modules Inspector 是一个用于可视化展示项目依赖结构的现代工具,支持 Vue、React 等常见前端工程体系。它能够以图形方式展示依赖关系,帮助开发者优化包体积、排查依赖冲突,并支持交互式分析、在线版本访问及静态构建生成。通过安装命令即可快速使用,并可通过配置文件自定义过滤和展示方式,是大型项目依赖管理的重要助力工具。

2025年11月29日 0条评论 168点热度 0人点赞 cywcd 阅读全文
markdown-exit:现代化的 Markdown 解析工具
效能录

markdown-exit:现代化的 Markdown 解析工具

markdown-exit 是由 Vue 团队成员基于 TypeScript 重写的现代化 Markdown 解析器,旨在成为 markdown-it 的即插即用替代方案。它具备异步插件支持、更小的包体积、更好的类型安全与 tree-shaking 效果,并兼容现有 markdown-it 插件生态。文章从能力特性、架构优势、与 markdown-it 的差异,以及使用场景等方面进行了全面介绍,是了解和选型下一代 Markdown 引擎的优质参考。

2025年11月28日 0条评论 233点热度 0人点赞 cywcd 阅读全文
Rolldown:Rust 驱动的高性能打包器深度解析
效能录

Rolldown:Rust 驱动的高性能打包器深度解析

Rolldown 是由 Vue 团队基于 Rust 开发的新一代高速打包器,旨在统一 Vite 的构建链路并最终替代 esbuild + Rollup。它兼容 Rollup 插件生态,拥有更高性能、更低内存、更强扩展性,并内置 TypeScript、JSX、CJS/ESM 互操作、CSS 打包等功能。Rolldown 不但能处理数万个模块的大型前端项目,还提供高级块拆分、模块类型、HMR 与模块联邦等增强能力,是未来 Vite 默认构建引擎的最佳候选。

2025年11月27日 0条评论 140点热度 0人点赞 cywcd 阅读全文
前端高性能工具链新选择:Oxlint & Oxfmt 深度分享
效能录

前端高性能工具链新选择:Oxlint & Oxfmt 深度分享

本文介绍了基于 Rust 的高性能前端工具链 Oxlint 与 Oxfmt,它们分别作为 ESLint 与 Prettier 的现代替代方案,提供极致性能、几乎零配置、生态兼容性强等优势。文章深入解析了 Oxfmt 的格式化能力、与 Prettier 的兼容与优化策略、灵活的换行控制以及在大型项目与 CI/CD 环境中的性能表现。通过结合设计理念与未来规划,展示了 Oxc 生态如何推动前端工具链迈向更高效、更现代的方向。

2025年11月26日 0条评论 469点热度 0人点赞 cywcd 阅读全文
Vike 介绍与使用入门:一个站在 Vite 肩膀上的新一代前端框架
效能录

Vike 介绍与使用入门:一个站在 Vite 肩膀上的新一代前端框架

当 Vite 彻底改变了前端开发体验后,大家都在等:下一代 SSR 框架,能不能也像 Vite 一样轻、快、灵而不绑架开发者? 现在,它来了—— Vike。 它不是 Vite 的替代品,而是一个在 Vite 之上、填补 Next.js 和 Nuxt 之外生态空白的全新框架。2025 年起,Vike 逐渐在 SSR/SSG 场景里崭露头角,成为不少团队在技术选型时重点关注的方案。 🔍 什么是 Vike? Vike(vike.dev)是 vite-plugin-ssr 的升级演化版。从一个 SSR 插件成长为 模块化 …

2025年11月21日 0条评论 364点热度 2人点赞 cywcd 阅读全文
WebSocket 调试神器:WebSocket DevTools 使用技巧全解析
效能录

WebSocket 调试神器:WebSocket DevTools 使用技巧全解析

调试 WebSocket 一直是前端开发的“盲区”,消息丢失、无法实时查看、刷新就丢、无法重放……让开发体验极差。WebSocket DevTools 的出现彻底改变了这一切:实时监控、后台捕获、JSON 结构化展示、消息修改与重放、弱网模拟、收藏模板等功能,让 WebSocket 调试像抓 HTTP 一样清晰易用。本文从功能全览、界面说明到实际调试技巧,带你全面掌握这款神器的使用方法。

2025年11月18日 0条评论 310点热度 0人点赞 cywcd 阅读全文
Monorepo 实践指南:为什么越来越多团队转向单一代码仓库?
效能录

Monorepo 实践指南:为什么越来越多团队转向单一代码仓库?

本文从工程化视角系统介绍了 Monorepo 的理念、价值、适用场景与最佳实践,并对常见工具链(pnpm、Turborepo、Nx、Lerna 等)进行了深入分析。通过目录结构示例、常见难题与解决方式、技术选型策略等内容,帮助团队在真实项目中高效落地 Monorepo 架构。

2025年11月15日 0条评论 223点热度 0人点赞 cywcd 阅读全文
1234
最新 热点 随机
最新 热点 随机
前端开发 TanStack 化:从“框架思维”到“能力组合”的工程演进 Docker 进阶(七):容器化体系设计总结与生产落地经验复盘 Docker 进阶(六):生产环境中的 Docker 安全、监控与日志体系 Docker 进阶(五):Docker + CI/CD —— 从代码提交到自动部署 Docker 进阶(四):使用 Docker Swarm 与 Kubernetes 实现容器编排 Docker 进阶(三):深入理解镜像层(Layer)与缓存机制
Workbox:可直接用于生产环境的 Service Worker 利器快速构建项目文档网站:主流文档站点工具选型与对比DiceBear:30+ 风格、完全可定制的开源头像生成解决方案ES2015 → ES2025:JavaScript 十年演进全景回顾与核心 API 总结ECMAScript 2025(ES16)深度解析20 个现代 JavaScript API 深度盘点
口袋里的蓝调 js实现文字向上滚动,并且每滚动一行停顿几秒的效果 Mac下Flutter进行真机调试 Web3.0 全面解析:下一代互联网的技术底座与未来方向 Storybook 介绍及组件驱动开发的优缺点 websocket断线重连实践解决方案
文章栏目
  • AI谈 / 13篇
  • 效能录 / 38篇
  • 架构论 / 12篇
  • 研发说 / 212篇
  • 随笔集 / 13篇

AI Agent AI工作流 ajax angularjs css css3 flutter html5 HTTP2 http协议 javascript Jest jquery js js库 LangChain Monorepo node nvm Plop.js PWA service worker SSR this Three.js UniApp vercel Vite vue Web Components WebGL webpack WebSocket web技术 前端安全 前端工具链 前端工程化 前端性能优化 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案

COPYRIGHT © 2025 蓝戒博客_智构苍穹-专注于大前端领域技术生态. ALL RIGHTS RESERVED.

京ICP备12026697号-2