哒哒的马蹄儿

如果你是一名前端开发者，下面这行代码可能早已成为你的肌肉记忆： 简单、直接、有效。多年来，将 JWT 存储在 localStorage 中似乎是前后端分离架构下的"标准答案...

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

一、 什么是 MQTT？ MQTT（Message Queuing Telemetry Transport）是一种轻量级、基于发布-订阅模式的消息传输协议，适用于资源受限的...

记得我刚接触小程序开发时，最让我困惑的就是登录流程。明明调用了wx.login()，拿到了code，用户为什么还要点击授权？session_key到底是什么时候生成的？这些...

二次封装组件需要考虑的3个重要的问题 1，props 如何进行传递 2，插槽如何穿透 3，暴露实例以及实例中的方法 在vue3中的$attrs的变化 vue3中$liste...

Git 最佳实践 概述 本文档规定了项目的 Git 提交信息规范，采用 Conventional Commits 格式，确保提交历史清晰易读、便于追溯。 Commit Me...

针对前端项目中自维护图标库因人员变动易丢失的问题，提出一套完整解决方案：通过提取本地 iconfont.js 中的图标数据，批量生成独立 SVG 文件，并重新上传至 Ico...

本篇以为作者个人视角分析一下three.js 在实际项目开发过程中遇到的性能问题以及解决方案已经在实际开发中总结出的一下three.js 实用小技巧...

为什么需要大屏比例适配？ 问题背景 浏览器的可视化区域宽高： window.innerWidth window.innerHeight 在全屏状态下，innerWidth、...

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

🔥先说结论：我已经全面弃用 iconfont，只用 SVG 用了 6 年 iconfont，直到一次 icon 闪退 + 一个 retina 模糊问题，我怒转 SVG。现...

最近因为有需求，不得不搞起3d这一块，说到3d，以为是学一个`threejs`就够了，结果是`blender`也要学。且看小白以前没接触过的react怎么搞3d这一块，听我...

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往...

在Web应用中，为了保障用户数据安全，我们通常会设置会话（Session）或令牌（Token）的有效期。但过短的有效期会频繁打断用户体验，过长的有效期又会增加安全风险。...

匠心管控 package.json：让前端依赖告别臃肿与混乱 在日常前端开发中，React 应用早已成为主流选择。然而，多数应用随着功能迭代，结构渐趋复杂，依赖更新也成了高...

微前端是什么 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略，通俗来说就是在一个web应用里面嵌套另一个web应用 微前端有什...

🌟 引言 在现代Web应用开发中，实时通信已经成为不可或缺的功能。无论是在线聊天、实时协作、股票行情推送，还是游戏对战，WebSocket都是首选的技术方案。 但在实际开...