liontrot

📝 前言 还在为调个页面布局熬大夜？用 float 排个版，元素到处乱跑；用 position 定个位，稍微改点东西就全乱套。不想熬夜了😭！ 别慌，今天咱们就来聊聊前端...

如果你用过 Vue 3 的 Composition API（setup 语法），你会觉得这非常眼熟。如果你主要用 Vue 2（Options API），那你需要转换一下思维...

在 React 中，我们从来不使用 document.getElementById 去抓取输入框的值。 React 采用了一种叫 “受控组件” (Controlled Co...

这是 React 开发中最常用的功能。只要你做过网站，就一定离不开列表（新闻列表、商品列表、好友列表、评论列表……）。 在 React 中，我们不使用 for 循环来渲染列...

这是一个充满勇气的选择！React 是目前全球范围内就业市场最广阔、生态最成熟的前端库（由 Facebook/Meta 维护）。 比起 Vue 的“自动挡”（很多东西框架帮...

核心思路： 利用机制：Google AI Premium (2TB) 订阅支持家庭共享。 裂变增值：1 个主号 + 5 个家庭成员号 = 6 个 Pro 账号。 技术聚合：...

前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译...

有时候我们的项目中会用到即时通讯功能，比如电商系统中的客服聊天、支付成功后的异步回调通知等。最近发现RabbitMQ可以很方便的实现即时通讯功能，如果你没有特殊的业务需求，...

“干掉虚拟 DOM” 的口号喊了好几年，现在 Vue 终于动手了。 就在前天，Vue 3.6 alpha 带着 Vapor Mode 低调上线：编译期直接把模板编译成精准 ...

CSS 定位机制详解：从文档流到五种定位方式实战 在网页开发中，如何精准控制元素的位置是每个前端开发者必须掌握的核心技能。而这一切的基础，就是 CSS 的定位（Positi...

最近项目上线，用户一多，页面就卡得不行。首屏加载 3 秒起，滚动掉帧，手机发烫……被 QA 喊去聊了好几次。 没办法，只能低头研究性能优化。翻了一圈文档和实战案例，发现现代...

前端圈一年 365 天，天天出新框架，但真正能让你少写代码、少引依赖、少踩性能坑的，其实是浏览器爸爸早已偷偷内置的「原生外挂」。 1. ResizeObserver Res...

对于个人开发者来说，这类工具可以帮你在提交代码前发现潜在问题，拿来检测一下自己之前的老项目代码也是不错的；对于团队来说，可以把 AI 接入到 CI/CD 流程中，自动化代码...

引言：每个前端的痛——node_modules删除噩梦 “npm install一时爽，删包火葬场。”这几乎是所有Node.js开发者都经历过的痛。尤其是当项目依赖复杂时，...

在 Vue3 的开发实践中，掌握高效技巧能显著提升开发效率与代码质量。以下整理了 20 个经过实战验证的实用技巧，涵盖性能优化、响应式控制、组件通信等核心场景，助你写出更优...

1. 核心基础 vue 称之为渐进式的 JavaScript 框架，而 react 则是构建 Web 和原生交互见面的库，两者在使用感受上，vue 的写法整体比较容易理解，...

最近遇到一个非常典型的前端兼容问题：产品要求将官网底部 footer 组件统一成公司平台的公共组件。查阅对接文档后发现，这个公共组件库是基于 Vue 2 开发的，而我们的项...