> 杨鹏 ## 一、背景 在一个普通的工作日，BUG反馈群突然发来一个视频。视频中显示，我们的H5应用在打开某个下发的资料时，加载图片的过程中陷入了不断刷新的死循环。这个问题直接影响了用户体验，也

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

本文是我前端工作8年的一些总结和感想，主要记录下个人点滴、前端知识点、场景应用、未来的憧憬以及个人规划。

一. 前言 完蛋 ，一觉醒来发现自己穿越到了豆包新世界 ，成为了一个零基础的 Python 程序员。 领导让写一个桌面应用 ，用来看 股票 K 线图 ，说对我而言小需求 ，明天就给他， 不然开了我。

这篇文章为大家介绍一下浏览器的调试技巧，可帮助你充分利用浏览器的调试器。 console.log 这个是日常开发中最常用的了如果不知道这个就不是程序员了，这里不多描述了 console.count 计

在一个理想的世界里，我们的 CSS 代码组织得井井有条，易于维护。然而，现实往往大相径庭。当然，你的 CSS 代码是完美的，但其他人那些烦人的大家可关注公众号 **`JavaScript与编程艺术`*

瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局

面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

之前用原生 JS 实现了一个定高的虚拟列表，这次使用 Vue3 封装一个不定高的，并利用 Vue3.3 的泛型组件以及defineSlots 新特性来让我们组件类型更加规范