leafnote

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化......

用 three.js 加载 glb 格式的 3D 文件， 并改变其材质，加入到 3D场景中， 加上动画效果， 使之可以在数字孪生做散点标注...

前端埋点的核心在于高效地收集、处理和上报用户行为数据。 本文中的埋点代码通过模块化设计和灵活的实现方式，提供了一个高效且易于扩展的前端埋点解决方案。 源码位置...

localStorage是前端数据持久化的最常用选择，没有之一。 但直接使用localStorage会很麻烦，特别某个键值频繁使用的时候。 ‌原生localStorage的...

在 CSS 的浩瀚宇宙中，聚光灯下的明星属性固然耀眼，但那些藏在规范角落的「小众特性」，往往才是提升开发效率的秘密武器。它们就像隐藏的工具箱，能帮我们用更少的代码实现更细腻...

耗时一百多天，我使用TypeScript完成了对pdf.js初步的重构，并完成了一个简易的demo。这一过程既相当有挑战，也十分需要耐心。...

在寻找最灵活的前端工作流程和工具包时，我们很容易忘记如今一些基础的网络技术已经变得多么强大。本文将带您领略新的前端特性及其功能。组件特定样式、基于子元素的父元素样式、相对颜...

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目...

1、效果图 2、上代码 ：) 封装了个class ~~~~~~~~~~~~~~~~~~~~~~~~...

优化核心思路：少干活，干聪明活 技巧1：几何体合并 - 减少Draw Call 每次绘制调用（Draw Call）都是性能杀手。当场景有5000个立方体时，合并成一个几何体...

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，翻文献的时候发现国外有大佬做出来了投屏，但是使用的原生html，我将一些使用的关键方法搬到vue项目中了...

Strapi 是一款基于 Node.js 的开源无头内容管理系统（Headless CMS），专注为开发者提供灵活、高效的后端内容管理和 API 服务。 无头架构：专注后端...

在水利、水务数字孪生三维项目中，可能会遇到前端需要实现闸口开闸放水的功能需求。那我一同来看看前端如何实现开闸放水这个功能吧~~~...

什么是 Token？ 最近 DeepSeek 很火，老婆又问我：大模型里的 Token 到底是个什么东西？ 我：所谓 Token，Token，分而治之。 “Token 就是...

Three.js 是一个强大的 JavaScript 3D 库，广泛用于创建 Web 上的 3D 图形和动画。粒子系统是一种重要的特效工具，用于模拟自然现象，如烟雾、火焰、...

相信不久前大家已经被这个粒子动画给刷屏了吧： 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术，尽管这样是挺好，但我依旧有点纳闷：为什么没有人讲讲背后的粒子特效是怎么实...

本文将深入剖析Three.js ShaderMaterial关键属性，帮助开发者掌握自定义着色器的核心控制能力。...

在 Git 代码管理工具中，git rebase 和 git merge 都用于合并分支，但它们的方式不同，会对提交历史产生不同的影响。 1. git merge（合并分支...