RainMan

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

引言 作为一个深度使用Vue多年的开发者，最近我在新项目技术选型时，却最终选择了React。这个决定不是一时冲动，而是基于当前技术发展趋势、AI时代的需求以及生态系统的深度...

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入...

今天我想和大家分享一个我最近在使用的TypeScript库 —— Zod。简单来说,Zod是一个用于数据验证的库,它可以让你的TypeScript代码更加安全和可靠。...

::marker 是一个 CSS 的另一个伪元素，使用::marker伪元素，可以对列表做一些有趣的事情，在本文中，我们将深入的聊聊该伪元素。...

今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击🐻！我们从包管理工具的发展历史，一起看下到底好在哪里？...

在React中编写CSS样式呈现多元化，本文梳理了广泛采用的几种方法，Inline CSS、CSS Files、CSS Modules、CSS-in-JS 和 Utilit...

在 Mac OS 系统上安装使用 homebrew 安装 Kafka 及其相关依赖，并启动 kafka 进行消费。...

前段时间调整了一下 iTerm2 的环境，感觉比以前好看多了，并且更加高效，这里做一个记录，希望能给大家一些启发。...

在构建微服务时，为了追求极致的效率，服务间一般会使用 RPC（Remote Procedure Call）来进行通信。本文通过 Node.js 来实践一下。...

面试中经常问到前端性能监控相关指标，你知道FP、FCP、FMP、LCP代表什么事件吗？它们的先后顺序如何呢？如何计算？前端性能监控中常用哪些指标？ 本文将介绍前端项目中常用...

某天看到公众号的推送文章《用 Python 制作一个动态爱心效果》，感觉挺有意思，所以想用可视化的思维方式去实现一下。 这个图使用可视化的思维去实现的话，大概的逻辑是： 找...

2023年中总结 时光飞逝，感觉只是一转眼，2023年进度条已过半，相信各位掘友也会这样觉得吧。回顾过去的半年，我都做些什么事情呢？今天就给各位分享一下我的年中总结，分为两...

Code Review, 意即代码审查,是指一种有意识和系统的召集其他程序员来检查彼此的代码是否有错误的地方. 提高代码质量和可维护性, 可读性等. 查漏补缺, 发现一些潜...

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等...

计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾...