计算机图形学环境贴图(Environment Mapping)教学指南掘金前端/@LeonGao文章介绍了计算机图形学中环境贴图的原理、在JavaScript中借助WebGL的实现方法、性能优化技巧以及艺术与技术结合的要点,帮助读者掌握环境贴图并创造绚丽虚拟世界。
Three.js 高级纹理(Advanced Textures):超越基础,打造沉浸式 3D 世界掘金前端/@LeonGao文章介绍了Three.js中高级纹理的相关知识,包括纹理的本质、不同类型的高级纹理如位移纹理、环境光遮蔽纹理等,还阐述了纹理组合、程序化纹理等应用技巧以及性能优化与陷阱规避方法。
浏览器内容缓存数据量大时的优化方案掘金前端/@兔子12135现代Web应用程序在浏览器中缓存大量数据,当缓存数据量增大时会出现性能瓶颈。文章介绍了处理大量缓存数据时的常见挑战,如存储限制、解析开销等,并给出了如分片存储、数据压缩、过期策略等优化策略,还通过具体示例展示了不同方法的性能对比,最后总结了
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理掘金前端/@漂流瓶jz/3 天前文章介绍了流式传输技术,它与非流式的区别是数据或页面分块传输。以在线高清视频为例说明了流式传输的应用,还阐述了前端页面流式渲染与数据流式传输的原理及优势,并给出了使用Node.js实现流式传输的代码示例。
Vue3 性能优化解析掘金前端/@哈哈哈NB_/4 天前文章解析了Vue3的性能优化,对比了Vue3与Vue2在响应式系统、编译等方面的差异,指出Vue3使用Proxy替代Object.defineProperty实现更优的响应式,采用模块化设计支持Tree Shaking以减小体积,在性能上有
突破性能瓶颈:基于虚拟滚动的大数据需求文档方案——告别卡顿与分页,实现Word级流畅体验掘金前端/@bo52100/5 天前文章指出前后端分离架构下需求文档功能存在大数据展示难题和交互体验割裂问题,现有方案存在性能或体验缺陷。基于此,提出了基于虚拟滚动技术的解决方案,包括前端虚拟列表和动态高度计算,后端GraphQL分片查询,以实现10万+数据下的60FPS流畅
为什么我们用了 Vite 还是构建慢?——真正的优化在这几步掘金前端/@ErpanOmer/5 天前文章指出Vite虽有极速冷启动等优势,但开发者在使用时可能遇到构建慢的问题。分析了构建慢的原因,如依赖体积大、依赖过多、大量动态导入等,并从源码层面进行拆解,还介绍了构建优化技巧,包括开启Rollup缓存、使用esbuild插件压缩等,强调
从Flex布局到Transition艺术:打造让用户尖叫的前端体验掘金前端/@FogLetter/5 天前文章从Flex布局的基础开始,介绍了其在移动端排版中的优势及'潜规则',接着阐述了Transition动画参数的意义及对用户体验的影响,还分享了性能优化小贴士,强调前端开发要兼顾代码质量和用户体验,追求艺术感。
前端按需引入总结掘金前端/@小小小小宇/6 天前本文介绍了前端按需引入的概念,其核心是ES Modules的动态import()。在此基础上,不同框架和打包工具提供了更高级的封装和优化,如React的lazy/Suspense、Vue的异步组件、Webpack的魔法注释以及Babel插件
基于transform(scale)的大屏自适应缩放:两种实用解决方案掘金前端/@拾柒写代码/9 天前在现代数据可视化和大屏展示项目中,设计师通常以1920×1080作为标准设计稿,而实际展示环境却可能涵盖从4K大屏到移动笔记本等各种终端设备。这种差异给实现完美自适应带来了巨大挑战。本文提出了基于CSS transform的创新方案,该方案
智能前端的 Fetch 革命:解锁 Web 与 AI 的无缝交互掘金前端/@Dream耀/9 天前本文深入探讨了Fetch API的工作原理、使用方法,以及如何利用它与大模型服务进行交互,还分享了性能优化方案,帮助开发者构建更高效、智能的Web应用。
匀速旋转动画的终极对决:requestAnimationFrame vs CSS Animation掘金前端/@与宇宙对视/9 天前文章从一段常见的requestAnimationFrame实现出发,深度剖析了requestAnimationFrame和CSS Animation两种技术方案实现匀速旋转动画的优劣,并揭示了浏览器动画渲染的底层原理,最后给出了不同场景下的
揭秘 Intersection Observer:让你的网页“活”起来!掘金前端/@满分观察网友z/10 天前文章介绍了Web API Intersection Observer,它能异步观察目标元素与祖先元素或视口的交叉状态变化,可解决图片加载卡顿、无限滚动性能问题等。通过三个实际Demo展示了其在图片懒加载、无限滚动、视频自动播放/暂停等方面的
Three.js WebGPU 支持:利用 WebGPU 提升渲染性能掘金前端/@Mintopia/10 天前文章介绍了WebGPU在图形渲染领域的优势,其相比WebGL有更高效工作模式,采用新架构设计。还阐述了在Three.js中启用WebGPU支持的步骤,以及WebGPU能提升渲染性能,特别是处理复杂光照等情况时优势明显,同时提到了其目前存在的
前端变天了?20年前端老兵眼中的前端技术演进与AI革命腾讯云开发者/@fransli/10 天前本文分享了一位前端老兵眼中近二十年前端技术的演进,从早期的兼容性问题到如今的AI时代,前端工程化工具、框架、移动开发、WebAssembly等方面都发生了巨大变化,AI带来机遇,前端开发者应把握并创造更大价值。
浏览器中计算大文件SHA-256哈希掘金前端/@兔子12135/11 天前文章指出在浏览器中计算大文件SHA-256哈希值时,直接用crypto-js等库可能导致内存溢出或页面崩溃。介绍了使用Web Crypto API + 分块处理、使用FileReader分块读取、使用Web Worker并行处理、使用第三方
Svelte 5 在跨平台 AI 阅读助手中的实践:轻量化前端架构的极致性能优化掘金前端/@荣江/11 天前文章分享了在开发Saga Reader这款AI驱动的智能阅读助手时,选择Svelte 5 + SvelteKit作为前端框架的原因及面临的挑战,重点介绍了在项目中深度使用Svelte 5的关键技术点和实践经验,包括性能优化、细粒度更新、代码
零拷贝、零内存复制、零中间态:现代 Web 性能优化的“零”哲学实战掘金前端/@ErpanOmer/11 天前文章介绍了现代Web应用中性能优化的“零”哲学,包括零拷贝、零中间态处理等技术,并探讨了它们在不同场景下的应用,如WebAssembly、浏览器渲染、Server端等,还提及了现代Web的未来趋势,最后给出了前端开发者、Node.js后端和