HappyFroggy

🔧 前端面试之工程化50题及参考答案 📦 一、基础概念 1. 什么是前端工程化？它的主要好处是什么？ 前端工程化是运用软件工程的技术和方法，对前端开发中的流程、工具、框...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

目前在维护公司文档体系的代码，目前为止包含了：文档、excel、脑图、白板这几个单独的项目，还有一个主项目分别引入这几个单独的项目。利用turborepo打造monorep...

React性能优化深度指南：从基础到高级技巧 引言 在2025年的前端开发中，React依然是构建用户界面的首选库之一。随着应用规模不断扩大，性能优化变得至关重要。...

引言：为什么选择TypeScript开发React应用？ 作为一名前端工程师，我见证了JavaScript生态从松散到严谨的演进过程。TypeScript作为JS的超集，通...

等高线指的是地形图上高度相等的相邻各点所连成的闭合曲线。点进来就学习如何实现一个炫酷的3D等高线（等值线）和断层阶梯热力图吧!...

前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas...

在这里记录一下最近在项目中实现的3D地图，加强一下记忆，也能够给大家在用ThreeJS生成区域地图方面提供一种自己的解决思路。...

利用three.js实现3d地图绘制，技术点包括根据geoJson绘制区块、相机自适应大小、墨卡托坐标转换、svg实现地图轮廓描边高亮、光柱渐变效果、区块UV纹理映射、底座...

3D区块地图没点效果都不敢拿出去炫耀了！点击来就学如何用Three.js给3D区块地图搞个泛光轮廓和渐变围栏~...

在现代Web应用中，用户体验已成为衡量产品成功与否的关键标准。而在众多体验指标中，页面的流畅度——即交互是否“跟手”、动画是否“顺滑”——无疑是最直观、最能被用户感知的。...

问题根源：DOM操作的成本 在浏览器中，每次DOM操作都会触发 重排（reflow） 与 重绘（repaint） —— 这两者是浏览器渲染过程中最昂贵的操作。...

最近公司项目longtask卡顿治理中，大部分卡点都在Recalculate Style耗时过长，经常各种500ms以上的longtask，甚至各种1s以上的longtas...

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。...

本文详解经典大厂面试题，从输入 URL 到页面显示的全流程，涵盖 URL 解析、缓存查询、DNS 解析、TCP 连接、HTTP 请求、页面渲染及 TCP 关闭，拆解各阶段原...

引入版本信息文件，通过打包工具写入打包时间戳，worker轮询版本文件Etag判断是否更新，实现前端更新部署后通知用户刷新...

1. 从 “回调地狱” 到 Promise 在前端开发的异步编程领域，我们常常会遇到需要处理多个异步操作的情况。早期，使用回调函数来处理异步操作是一种常见的方式，但这种方式...

最近我给图形编辑器增加了参照线吸附功能，讲讲我的实现思路。 效果是被移动的图形会参考周围图形，自动与它们进行吸附对齐。 不得不说，很酷炫。 感觉这个图形编辑器突然变得灵动起...

搭建 Monorepo 代码规范，使用 eslint + prettier + vscode 等统一组件库代码风格...