吴帅的前端学习日记

本文主要实现一个实时语音转写组件，基于原生的 `MediaRecorder API`，从音频流捕获、音频波形可视化（基于 `wavesurfer.js`）、实时数据处理、语...

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

vue3 生态又变强大了，动效开发，直接拿来就用，炫酷又高效，不用再眼巴巴的羡慕 react 了😎...

还在为每个列表页写重复的分页代码而烦恼吗？ 还在复制粘贴 currentPage、pageSize、loading 等状态吗？ 一个 Hook 帮你解决所有分页痛点，减少9...

以下为JavaScript基础篇面试考察点总结，具体知识点不会太详细，主要梳理面试核心考察点，为面试做准备。掌握这些基础知识，不仅是完成日常工作的基本要求，更是未来向中高级...

1. 页面白屏如何排查？ 第一步：快速分类（30秒） "页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。其中Ja...

前言 这几年 AI 在前端开发里的能力几乎是肉眼可见地进化”。从最早只能帮我们做做代码补全、提示几个参数，例如早期的 comate。到后来能够独立生成一个完整的 React...

Vite：现代前端构建工具的革命 引言：前端构建工具的演进 在 Vite 出现之前，Webpack 几乎统治了前端构建工具领域。Webpack 通过静态分析依赖关系，将项目...

前几天在家养病时刷抖音，刷到了很多用 Gemini 3做粒子交互特效的视频，感觉很不错，TRAE 正好也集成了 Gemini 3 pro ，今天就分享一下如何用 TRAE ...

TypeScript的enum会导致打包体积暴增！推荐使用const对象 + as const或联合类型来替代，打包立减20%。本文通过实际案例对比，展示如何用更简洁的代码...

进来着急的前端佬，我直接抛出结论吧！ Element-plus的组件，经过测验，如下组件存在内存泄漏。如下： el-carousel el-select + el-opti...

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

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

1. 京东终面后，我在群里被恭喜了 2025年4月，京东HR在BOSS上找我，岗位写的是「iOS开发」，我心想这HR真他妈不专业，但还是回了句：「您好，我是前端，可以面试吗...

本文特别适合数据可视化大屏项目，实现高效的自适应布局。 本文特别适合数据可视化大屏项目，实现高效的自适应布局。...

陆陆续续也是快面了十场来了，也是到了周末，也得好好沉淀一下，把最近遇到的面试题梳理一下吧！！！！！！...

今天学了CSS的盒子模型，对于网页布局有了一点清晰的认识，一个网页就是由一个个大大小小的盒子构成，网...

上一篇讲到我用cursor如何从0到1开发了一款个人小程序，今天讲一下个人小程序如何实现盈利？收益可以覆盖开发成本吗？...