wangchenyi1996

最近开发了一个功能，页面首页会加载大量的图片，初次进入页面时，会导致页面性能下降， 于是乎，我改进了这个功能，可以让所有图片自动懒加载。 🚀 原理 这个功能主要的底层逻辑...

"在这篇React学习总结笔记中，作者分享了从基础知识到进阶技巧的全面学习历程，涵盖了理论学习和实践经验的方方面面。通过亲身体验，作者深入剖析了React的强大魅力和潜力，...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 本文将带你快速学习 Observer API，对应有 4 个 API： Intersection Observe...

字节的面试还挺曲折，一开始是某部门的HR直接联系我的，在面了三轮之后感觉面试官的状态瞅着蔫蔫的🫠，又咨询了一下在字节的朋友，便决定更换部门（但是该部门的HR小姐姐很好，跟...

0 - 1 运用 redux-toolkit ，内含 demo ，简单实现在项目中运用redux-toolkit...

了解Redux Toolkit，这是用于高效Redux开发的经过验证的工具集。在本文中，你将看到为什么Redux Toolkit值得React社区更多的关注。 React和...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...

插件 html5-qrcode npm地址 html5-qrcode是一个基于JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或...

前言 最近看到别人的 后台管理系统 做了这样一个功能: 当在列表页时，点击列表对应的修改按钮，浏览器打开一个新的 tab 页 在新的 tab 页上是一个详情页，当修改里面的...

我正在参加「掘金·启航计划」 对于经常需要开发企业管理后台的前端开发来说，必不可少的需要使用表格对于数据进行操作，在对于现有项目进行代码优化时，封装一些公共的Hooks. ...

一、写在前面 作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。 但是...

紧张有序地码了一个月代码，被 Vue 响应式坑了一把，网上搜了下，竟然没有文章从源码角度给出解释。 那我必须挑战一下，来！ 谨以此文，检验 Vue 入门的我。...

背景 为什么要去做代码规范这件事呢？没来公司前，前端团队5人，原本是有一套简单的代码规范文档的，随着制定人离职，加上前端团队的人员流动大，文档也就废了，这就导致了经手的人很...

背景 在完成一个返回顶部的组件时，我想在组件内部直接获取到当前页面的滚动距离，并且暴露出一个props来控制超出多少距离就显示这个返回顶部的组件。功能其实很简单，只需要监听...

`jscpd`是一款强大的前端本地代码重复度检测工具。它可以帮助开发者快速发现代码重复问题，简单的配置即可输出直观的代码重复数据，通过解决重复的代码提高代码的质量和可维护性...

在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到Web服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。...

按照本文的步骤，你可以在你的现有项目中快速地加入 husky、eslint、stylelint、lint-staged、commitlint一系列代码校验工具，为编写高质量...

深入讲解Typescript高级类型工具实现原理和编程技巧。全程干货、不扯闲篇，助你轻松实现Ts进阶。...

前言 大厂面试中除了问常见的算法网络基础，和一些八股文手写体之外，经常出现的一个问题就是，你做过什么项目吗？ 看似简单的题目却让很多同学不知如何回答，因为面试就像相亲一样，...