Top Frontend Techniques: Lodash, Iterators, Web3D, Performance Tips

This guide surveys essential frontend topics—including deep dives into lodash usage, iterator and generator concepts, Web3D visualizations, hybrid remote debugging, long‑task performance optimization, Chrome DevTools measurement, and creative image‑loading effects—offering practical insights for modern web developers.

Yunxuetang Frontend Team
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Top Frontend Techniques: Lodash, Iterators, Web3D, Performance Tips

Frontend Technology and Architecture

都听说过 lodash,但你会用吗

深入学习 lodash 库的使用方式,兼顾性能与便利。

前端人 70% 以上 不了解的迭代器/可迭代对象/生成器

对于一些技术实现,我们往往只会使用而不了解其细节,今天来深入了解一下迭代器、可迭代对象和生成器。

Web3D 和动效技术的应用与探索

随着近期设计需求的增加,前端需要构建 Web3D 能力,以在监控页面、看板以及复杂数据交互中展示三维空间,提高呈现效果。

Performance Measurement and Debugging

Hybrid 远程调试的前世今生

Hybrid 开发指在客户端应用上启动 Webview 渲染页面,兼顾原生 App 与 Web 的优点,本文以移动设备上的前端技术为例,涵盖传统 Hybrid 应用及移动浏览器 Web。

前端性能优化:长任务的那些事

任务是浏览器执行的所有离散工作,包括渲染、解析 HTML 与 CSS、运行 JavaScript 以及其他不可直接控制的工作。

性能测量工具 chrome devtools performance

工欲善其事,必先利其器。Chrome 浏览器提供强大的性能测量工具,可帮助开发者分析和优化页面表现。

Design and Experience

给图片加载加点料

学习如何在图片加载时加入各种炫酷效果,提升用户体验。

DebuggingfrontendPerformanceWeb developmentlodashWeb3D
Yunxuetang Frontend Team
Written by

Yunxuetang Frontend Team

Personal use

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.