新兵蛋子CodeLiu

在前后端项目里，登录注册和权限鉴权基本算是“老大难”问题。做得不严谨，系统就会有漏洞；做得太复杂，又会让开发效率大打折扣。 这篇文章，我结合 Vue3.5 和 Node.j...

🧩 一、白屏问题总体排查思路 白屏就是「页面没有渲染出任何内容」或「闪一下后全白」。 常见原因可以分为 5 大类 👇： 类型 常见原因 说明 🧱 构建问题 打包错误、...

最近在用 @xyflow 实现流程图时，不巧遇到了个奇怪的问题 在本地运行时一切正常；一发上测试环境，就给你把页面搞崩了 一、昨日重现...

ES6 class 封装websocket 使用 介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket ...

面试官： “说说看，用户登录后拿到的 Token，前端应该怎么存？” 这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？s...

最近一个月，为了给团队补充新鲜血液，我密集面试了差不多20位前端候选人，从刚毕业的新人到有三五年经验的都有。 面试得多了，我发现一个很有意思，甚至有点反常识的现象：现在很多...

要使用高德地图在中国地图上标注出业务点（大概2000-3000个）。对比了遍历数据，使用marker直接渲染的方案和使用LabelsLayer（标注图层）和LabelMar...

在 CSS 的浩瀚宇宙中，聚光灯下的明星属性固然耀眼，但那些藏在规范角落的「小众特性」，往往才是提升开发效率的秘密武器。它们就像隐藏的工具箱，能帮我们用更少的代码实现更细腻...

很多刚接触 CSS 动画的同学都会觉得它很难，其实就像学开车一样，先掌握油门刹车（基础属性），再练习复杂路况（组合动画），最后就能玩出漂移（惊艳效果）。今天咱们就按这个节奏...

Zod 是一个以 TypeScript 为首的模式声明和验证库 ，弥补了 TypeScript 无法在运行时进行校验的问题 ，既可以用在服务端也可以运行在客户端，以保障 W...

利用AOP实现登录弹窗的统一拦截与处理 在复杂前端项目中，公共登录弹窗作为独立模块被多个子项目加载和调用。面向切面编程（AOP）通过全局拦截机制，能够在单一位置集中处理登录...

常见通过 flag 变量控制视图渲染，但这种写法冗余且难维护。本文介绍如何用语义化组件名 + 配置映射替代 if-else，实现更清晰、可扩展的组件切换逻辑。...

axios使用json下载文件流。axios使用formData下载文件流。form下载文件流。参考代码...

Fabricjs进阶实战经验分享，如果你对实现“竖向文本”、”彩虹文本“、“保留切边”等特殊需求感兴趣，不妨进来瞧瞧，宝贵的实战经验，仅此一家，错过下次可能找不到了...

Prisma 是最为流行的 ORM, 目前 Prisma 的模型已经开始支持多文件，这解决一个文件中写所有的问题。 Prisma 特性 🌴基于 TypeScript 类型...

CRUD、接口统一格式、自动生成 swagger 文档 、docker + GITHUB ACTION 自动化部署、jwt 实现用户注册登录、身份验证、redis 存储、文...

基于uni-app+deepseek-v3+vue3+uni-ui从0-1实战h5+小程序+App端流式输出AI对话模板。集成 Uniapp 对接 DeepSeek-V3 ...

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第8天，点击查看活动详情 通过一篇文章实现nestjs+prima的webpack打包方式，非常简便易行...

1.背景介绍 以下介绍均来自前端西瓜哥 目前在手机微信浏览器中打开的 H5 页面，是无法通过 JavaScript 的 API 实现图片或文件下载的。 为什么在手机的默认浏...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...