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

前端大文件上传全攻略（秒传、分片上传、断点续传、并发控制、进度展示） 在一次面试中，我被问到“有没有做过大文件上传”。虽然实际项目中没有遇到，但这是一个前端高频面试题，涉及文件处理、并发控制、性能优化

你有没有想过，网页上那些炫酷的游戏、动态数据图表、甚至在线涂鸦板，是怎么实现的？其实它们背后都藏着一个 “神级工具”——HTML5 的<canvas>标签。这个看似简单的画布，能让你用代码画出任何东西

最近这两天准备鼓捣一下markdown文本编辑器，现在写公众号一般用的都是 网页 的编辑器。 说实话，很方便，但是痛点也很明显。 研究过程中发现一个以前从未在意过的标签: <q> 标签。

通过这20个现代JavaScript API的深入学习，你已经掌握了前端开发的核心武器库。每个API都代表着Web开发的一个重要方向

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监听任意 DOM 宽高变化，图

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

2D下检测矩形是否碰撞，其核心原理基于向量的叉积及点积，由此核心原理可延伸至如何检测不规则图形间是否碰撞

通过GitHub Actions等工具自动化前端流程：代码提交触发→安装依赖→代码检查(Lint)→单元测试→构建打包→分环境部署（测试/生产）。关键点：缓存优化加速构建、多阶段验证保障质量、敏感信息