路上的风景

上周，我们组里来了个新同事，看我噼里啪啦地在黑窗口里敲git命令，他很好奇地问我： “哥，现在VS Code自带的Git工具那么好用，还有Sourcetree、GitKra...

相信我们经常这样写bug（不是 👇： 看似没问题 每个接口都要 try-catch，太啰嗦了！ 错误处理逻辑分散，不可控！ 代码又臭又长💨！ 💡 目标：不抛异常的安全...

作为一个深耕 `Vue 3 + Vite` 的开发者，我为什么把`“全家桶”`全扔了？ 曾经的我： * `pinia` 管全局状态 * `vue-router` 管路由 *...

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！...

前端开发过程中，有一些页面，当用户离开时，需要提醒用户确认是否离开，例如还未支付，提醒用户是否进行支付；我这里的场景是页面是一个大的表单，防止用户填写了很多内容，误触了其他...

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

最近在做商城项目时，遇到一个很常见的需求：从列表页进入详情页，返回时希望列表页能自动滚动到之前的位置，而不是从头开始。 这功能听起来简单，但如果不注意细节，...

在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。...

vite 常用配置这篇就够了！记住！！，配置不是一成不变的，需要根据项目需求、团队情况和业务发展不断调整和优化。持续学习、实践和改进，才能构建出真正优秀的前端应用。...

Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

此篇文章内容将会结合Chrome文档和实际例子，来分析前端常见的性能指标如FP、FCP、LCP等含义，帮助大家加深理解。...

浏览器拓展 沉浸式翻译 NotionCN Bitwarden密码管理器 优点： 1、支持大多数网站的表单自动填充，也支持手动点击填充 2、各端密码同步速度快，mac支持指纹...

前言 js中有很多API贼好用，省下了很多工夫，你知道它的原理吗？这篇文章对它们做一个总结。 正文 一、手撕instanceof instanceof的原理：通过判断对象的...

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？...

JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧，帮助你编写更优...

最近在业务上遇到了一个问题是要将页面打印输出成pdf文件，通过点击一个按钮，就能够将页面写在一个pdf上，并下载下来，需要保证pdf的内容具有很好的可读性。...

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只...