叶雨逐风

现状 去年下半年，加入了一家小公司，前端团队也是刚刚成立没多久，虽然自己心里上已经提前预设了团队可能存在的种种问题，但是，进入以后，还是发现了一系列比较明显的问题，这里列举...

本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题...

react 的命门 2023 年的今天，众所周知，前端开发者是活在一个「数据驱动式」的 UI 开发时代。同时，这也是一个群雄争霸，逐鹿中原的纷乱时代。尽管有 solidjs...

API 签名 const MemoizedComponent = memo(SomeComponent, arePropsEqual?) API 功能 React.memo...

都到新一年的入职季，今年的应届生和校招生比较多，我们也在各地也做了扩招，见到不少新同学，感觉不少同学都有一腔热血，比如我想学 webpack，我想学 vue 源码；而在公司...

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。...

自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩...

嗯。又来了，又说到跨域了，这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，会想着你去了解底层啊，不是很简单吗。但是最近在开发一个 「vscode 插件」 发现...

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。...

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 ...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 echarts的图表放在可以切换的tab下面，控制台明明没有报错，但是却没有渲...

Module Federation 不是 webpack 5 的特性么？它和微前端有毛线关系？ 不着急解释，我们先写个 Module Federation 的 demo 再...

git log 是经常用的 git 命令，用于展示 commit 历史的，除了它之外，git 还有两个 log 命令：git shortlog、git reflog。 后两...

前言 我在外网闲逛，看了一篇文章，作者在里面讲到了他认为当前 react 社区对 react 在重渲染（re-render）方面存在两个误解： 误解1 - 当一个 reac...

TLDR; 本文意在探索 react 应用 mount 阶段 react fiber 初始链表的构建过程。为了探索这个过程，鲨叔呕心沥血地整理出了 770 行代码，以极简的...

前言 extends 是 typeScript 中的关键字。在 typeScript 的类型编程世界里面，它所扮演的角色实在是太重要了，所以，我们不得不需要重视它，深入学习...

tl;dr 没有耐心看完文章，想直接把玩？鲨叔倾情奉献给你：60 行代码实现迷你响应式系统。 Anyway，你今天点赞了吗？😁 前言 前些天，去面试字节的前端岗位。面试官...

1. 在导入组件时，将默认导入和命名导入混淆。 2. 忘记从文件中导出组件。 3. 不正确地定义了一个React组件，例如，作为一个变量而不是一个函数或类。...

每个前端都要有属于自己的工具库，记录如何从0一步一步的发布自己的代码到npm仓库，并且分享给他人安装使用。...