HappyFroggy

引言：为什么选择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 等统一组件库代码风格...

如果的项目是一个广泛使用桶文件的项目，现在可以应用一项免费的优化，使许多任务的速度提高 60-80%，让你的IDE和构建工具减减负：删除所有桶文件！...

在上一篇 浅谈前端自动化测试 - 介绍篇 里面我们提到了两类前端测试方法，本篇主要针对 e2e 测试法 来进行展开。 通常情况下，单元测试确实能够帮助我们发现大部分的问题，...

想了解竞态问题的小伙伴看过来！本文介绍了竞态问题的表现和原因，并对比分析了业界常用的几种解决方案......

在 JavaScript 开发中，模块化是高效编程的关键。你是否还在 CommonJS 和 ES6 Modules 之间犹豫不决？本文将帮你理清它们的区别与用法，轻松掌握模...