发现最新前端开发资讯
分类结果基于AI,如不准确请右上角反馈 :)
本周

让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理

logo
掘金前端
/@漂流瓶jz
/3 天前
文章介绍了流式传输技术,它与非流式的区别是数据或页面分块传输。以在线高清视频为例说明了流式传输的应用,还阐述了前端页面流式渲染与数据流式传输的原理及优势,并给出了使用Node.js实现流式传输的代码示例。

前端处理大量并发请求的实用技巧

logo
掘金前端
/@若尘的技术之旅
/4 天前
作者作为前端开发者,分享处理大量并发请求时遇到的问题及解决方案,包括控制节奏、避免重复、兜底处理等方面,还给出了避坑指南

Vue3 性能优化解析

logo
掘金前端
/@哈哈哈NB_
/4 天前
文章解析了Vue3的性能优化,对比了Vue3与Vue2在响应式系统、编译等方面的差异,指出Vue3使用Proxy替代Object.defineProperty实现更优的响应式,采用模块化设计支持Tree Shaking以减小体积,在性能上有

做个大屏既要不留白又要不变形还要... 我怒斥领导,大屏适配就这四种模式!

logo
程序员成长指北
/@初辰ge
/4 天前
作者分享了大屏适配的四种模式,以满足大屏既要不留白又不变形等需求。

突破性能瓶颈:基于虚拟滚动的大数据需求文档方案——告别卡顿与分页,实现Word级流畅体验

logo
掘金前端
/@bo52100
/5 天前
文章指出前后端分离架构下需求文档功能存在大数据展示难题和交互体验割裂问题,现有方案存在性能或体验缺陷。基于此,提出了基于虚拟滚动技术的解决方案,包括前端虚拟列表和动态高度计算,后端GraphQL分片查询,以实现10万+数据下的60FPS流畅

为什么我们用了 Vite 还是构建慢?——真正的优化在这几步

logo
掘金前端
/@ErpanOmer
/5 天前
文章指出Vite虽有极速冷启动等优势,但开发者在使用时可能遇到构建慢的问题。分析了构建慢的原因,如依赖体积大、依赖过多、大量动态导入等,并从源码层面进行拆解,还介绍了构建优化技巧,包括开启Rollup缓存、使用esbuild插件压缩等,强调

从Flex布局到Transition艺术:打造让用户尖叫的前端体验

logo
掘金前端
/@FogLetter
/5 天前
文章从Flex布局的基础开始,介绍了其在移动端排版中的优势及'潜规则',接着阐述了Transition动画参数的意义及对用户体验的影响,还分享了性能优化小贴士,强调前端开发要兼顾代码质量和用户体验,追求艺术感。

前端按需引入总结

logo
掘金前端
/@小小小小宇
/6 天前
本文介绍了前端按需引入的概念,其核心是ES Modules的动态import()。在此基础上,不同框架和打包工具提供了更高级的封装和优化,如React的lazy/Suspense、Vue的异步组件、Webpack的魔法注释以及Babel插件
上周

基于transform(scale)的大屏自适应缩放:两种实用解决方案

logo
掘金前端
/@拾柒写代码
/9 天前
在现代数据可视化和大屏展示项目中,设计师通常以1920×1080作为标准设计稿,而实际展示环境却可能涵盖从4K大屏到移动笔记本等各种终端设备。这种差异给实现完美自适应带来了巨大挑战。本文提出了基于CSS transform的创新方案,该方案

智能前端的 Fetch 革命:解锁 Web 与 AI 的无缝交互

logo
掘金前端
/@Dream耀
/9 天前
本文深入探讨了Fetch API的工作原理、使用方法,以及如何利用它与大模型服务进行交互,还分享了性能优化方案,帮助开发者构建更高效、智能的Web应用。

匀速旋转动画的终极对决:requestAnimationFrame vs CSS Animation

logo
掘金前端
/@与宇宙对视
/9 天前
文章从一段常见的requestAnimationFrame实现出发,深度剖析了requestAnimationFrame和CSS Animation两种技术方案实现匀速旋转动画的优劣,并揭示了浏览器动画渲染的底层原理,最后给出了不同场景下的

揭秘 Intersection Observer:让你的网页“活”起来!

logo
掘金前端
/@满分观察网友z
/10 天前
文章介绍了Web API Intersection Observer,它能异步观察目标元素与祖先元素或视口的交叉状态变化,可解决图片加载卡顿、无限滚动性能问题等。通过三个实际Demo展示了其在图片懒加载、无限滚动、视频自动播放/暂停等方面的

Three.js WebGPU 支持:利用 WebGPU 提升渲染性能

logo
掘金前端
/@Mintopia
/10 天前
文章介绍了WebGPU在图形渲染领域的优势,其相比WebGL有更高效工作模式,采用新架构设计。还阐述了在Three.js中启用WebGPU支持的步骤,以及WebGPU能提升渲染性能,特别是处理复杂光照等情况时优势明显,同时提到了其目前存在的

前端变天了?20年前端老兵眼中的前端技术演进与AI革命

logo
腾讯云开发者
/@fransli
/10 天前
本文分享了一位前端老兵眼中近二十年前端技术的演进,从早期的兼容性问题到如今的AI时代,前端工程化工具、框架、移动开发、WebAssembly等方面都发生了巨大变化,AI带来机遇,前端开发者应把握并创造更大价值。

浏览器中计算大文件SHA-256哈希

logo
掘金前端
/@兔子12135
/11 天前
文章指出在浏览器中计算大文件SHA-256哈希值时,直接用crypto-js等库可能导致内存溢出或页面崩溃。介绍了使用Web Crypto API + 分块处理、使用FileReader分块读取、使用Web Worker并行处理、使用第三方

Svelte 5 在跨平台 AI 阅读助手中的实践:轻量化前端架构的极致性能优化

logo
掘金前端
/@荣江
/11 天前
文章分享了在开发Saga Reader这款AI驱动的智能阅读助手时,选择Svelte 5 + SvelteKit作为前端框架的原因及面临的挑战,重点介绍了在项目中深度使用Svelte 5的关键技术点和实践经验,包括性能优化、细粒度更新、代码

零拷贝、零内存复制、零中间态:现代 Web 性能优化的“零”哲学实战

logo
掘金前端
/@ErpanOmer
/11 天前
文章介绍了现代Web应用中性能优化的“零”哲学,包括零拷贝、零中间态处理等技术,并探讨了它们在不同场景下的应用,如WebAssembly、浏览器渲染、Server端等,还提及了现代Web的未来趋势,最后给出了前端开发者、Node.js后端和
Made by 捣鼓键盘的小麦 / © 2025 Front Talk 版权所有所有内容来自网络公开渠道,如有侵权请联系删除:micooz@hotmail.com