拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南掘金前端/@vivo互联网技术本文从多个维度对比了Galacean和Three.js两款Web3D引擎的差异,介绍了拟我形象项目从Three.js切换到Galacean后的提升以及项目迁移的心得,为其他Three.js项目升级到Galacean提供参考。
前端面向对象设计原则运用 - 策略模式掘金前端/@猩兵哥哥作者作为云管控台项目的前端开发人员,负责云资源申请到开通的功能,针对资源申请部分复杂、页面杂乱且维护困难的问题,运用策略模式和单一职责原则进行优化。将所有产品封装在Content类统一提供服务,把产品功能拆分为小模块,利用Vue的compo
解密React虚拟DOM:我的高效渲染秘诀 🚀掘金前端/@江城开朗的豌豆作者作为前端开发者,分享了对React虚拟DOM的理解,包括其定义、核心的Diff算法以及常用的优化策略,帮助读者更好地理解和运用虚拟DOM来编写高效的React代码。
🔍 当 `<a-menu>` 遇上 `<template>`:一个容易忽视的菜单渲染陷阱掘金前端/@再吃一根胡萝卜作者在使用Ant Design Vue开发后台管理系统或导航菜单时,遇到一个奇怪的Bug,原本正常的多级菜单,仅仅因为在外层多加了一层<template>并加上了v-for和key,就出现了“点击一个父菜单,所有父菜单都展开;收缩一个,所有
在 Vue 项目中使用 URL Query 保存和恢复搜索条件掘金前端/@EMT在前端开发中,用户返回列表页时希望记住搜索条件,本文介绍了在Vue项目中用URL Query实现该需求的方法,通过封装useQueryStorage Hook,将对象序列化到URL的querystring中,还阐述了核心代码及优缺点
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用掘金前端/@我是日安文章主要介绍了Vue3响应式系统中Effect调度器的相关内容。在数据密集且连续变更时,简单的立即重新执行effect会引发性能问题,因此需要调度器来控制effect的执行时机。文章详细阐述了调度器的概念、特性,并通过代码示例展示了如何实现
还在死磕 README.md?你的前端项目更需要这个新玩意!前端充电宝/@CUGGZ长期以来README.md是项目标准“说明书”,但随着AI在开发中参与度提高,它显得力不从心。于是OpenAI提出的AGENTS.md兴起,它写给AI助手和自动化工具,具有结构化、可执行性、精炼高效等特点,与README.md互补,能让人和
甲方嫌弃,项目首页加载太慢稀土掘金技术社区/@jack_po甲方嫌弃项目首页加载慢,作者从多个方面进行优化,包括用Webpack Bundle Analyzer分析依赖、配置Webpack的externals、进行vue gzip压缩、启用prefetch、拆分vendor以及按需引入lodash等
深度剖析:React useEffect性能陷阱与优化实战指南前端达人/@阿森作者在React项目开发中,发现很多项目因useEffect使用不当陷入性能困境。以重构企业级数据可视化项目为例,分析了useEffect滥用的根源,介绍了优化策略如状态机模式等,还给出了渐进式重构策略,包括识别评估、逐步优化和模式推广三个
Is it Time to Un-Sass?CSS-Tricks/@Jeff Bridgforth作者参与前端学习交流活动,探讨Sass相关话题。提到Sass的一些功能已融入原生CSS,如自定义属性比Sass变量更强大,还分享了在自定义媒体查询中用原生CSS函数替代Sass函数的实验,鼓励尝试新事物,新旧方法结合构建网站。
Vue Router 路由懒加载引发的生产页面白屏问题掘金前端/@FarmerLiusun该话题讲述了在使用vue3 + Vue Router + ant-design-vue及vite构建工具的项目中,Vue Router路由懒加载引发生产页面白屏的问题。
所有网站通用:6 行 HTML 代码搞定页面加载提速掘金前端/@葡萄城技术团队本文介绍了利用Chrome的推测规则API,通过6行HTML代码实现页面加载提速的方法。详细阐述了预获取和预渲染的工作原理,并通过真实场景展示其效果。还提到了该API的支持情况及针对Firefox和Safari用户的降级脚本。
🔍说说对React的理解?有哪些特性?掘金前端/@404星球的猫文章用10分钟重温了React的7大核心概念,包括组件化、声明式编程、单向数据流、虚拟DOM等,并给出代码片段,还提到了其生态系统及优势,最后对React未来发展进行了展望
Paid research participant recruitment is dead. What should you do instead?LogRocket Blog/@Daniel SchwarzUX研究中招募参与者很重要但有挑战,本文介绍了三种更明智且具成本效益的招募方式及其优缺点,还提到了从非自有社区获取参与者等经验。
Next.js这么火,为什么我还是建议你先学React?前端达人/@阿森文章针对前端新手在React和Next.js学习选择上的困惑,通过比喻阐述了两者关系,指出React是基础技能,Next.js是高级工具。分享了学习路径建议,建议先学React打基础,还提供了实用学习资源推荐,强调理解原理比记API更重要。
深入剖析 useState产生的 setState的完整执行流程掘金前端/@XXUZZWZ文章结合React执行阶段与渲染机制,深入剖析useState产生的setState的完整执行流程,包括核心概念、执行阶段等,还阐述了理解该流程的作用。
2025年上半年前端技术圈生态总结奇舞精选/@前端阿鑫作者回顾了2025年上半年前端领域的发展,包括实际工具链优化、框架迭代,以及AI工具在前端开发中的应用。介绍了React 19的发布、生态变化,以及Vite与Webpack的比较等内容。强调了AI时代的到来,鼓励人们拥抱AI提升效率。