橙汁味的西瓜酱

前端实现 PDF 预览常见的5 种方案 ：iframe 标签、embed 标签、object 标签、PDF.js、PDFObject。...

背景： 我认识的一些朋友在新学习 React 的时候，不太清楚useCallback有哪些使用场景，对于useCallback、useEffect 的依赖处理也不是很熟练…...

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众...

如果你写了一些代码 (爬虫，监测等) 想要在特定的时间，或者是有规律的执行。手动操作太过麻烦，那么我们就可以通过设置定时任务帮助我们执行。...

前置知识 了解基本数据类型与引用数据类型 API React.memo() React.useCallback() React.useMemo() React.memo()...

上篇文章中，我们简单介绍了浮层组件，并基于 Portal 实现了 Modal 组件。在这篇文章中，我们会实现另一种浮层组件 Tooltip。 和 Modal 组件一样，To...

目前大多数的 UI 组件库，例如 Element、Ant Design、iView 等都是通过鼠标事件来处理， 下面这段是 iView 中的 clickOutside 代码...

在React中，我们经常在子组件中调用父组件的方法，一般用props回调即可。但是有时候也需要在父组件中调用子组件的方法，通过这种方法实现高内聚。有多种方法，请按需服用。...

学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启...

前段时间项目涉及出海业务，有了国际化的需求，对于我算是一个比较新的领域，以前的业务没有此类需求。研究了一段时间。正好想起来就写作记录一下。...

失去了代码提示和编辑时报错，也就失去了ts的最大作用。为了解决这个问题，typescript就引入了泛型 用来弥补any没有语法提示和报错的缺点。 最开始不指定类型，后面根...

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思...

前言 webpack 基于 Tapable 实现了一套插件架构体系，它能够在特定时机触发钩子，并附带上足够的上下文信息。 在插件定义的钩子回调中，与这些上下文背后的数据结构...

Redux概念 什么是 Redux ？ **Redux 是一个使用叫作 "actions" 的事件去管理和更新应用状态的模式和工具库。 **它以集中式 Store（cent...

在 Monorepo 大仓模式中，我们把组件放在共享目录下，就能通过源码引入的方式实现组件共享。越来越多的应用愿意走进大仓，正是为了享受这种组件复用模式带来的开发便利。...

前言 写了很多代码之后，总感觉代码写的还是一团糟，也不想改。 我时常在想为什么这样写是好的，这么写是不好的，然后改成了这种好的写法。但是过一阵子又提笔写代码的时候还是用的不...

如果，有一种方式，能提供给插件开发者插件模板，并且能用我们平台的线上环境去远程加载业务方同学本地开发的模板代码，让业务方进行本地开发插件，这样是不是就省去了让业务方理解我方...

随着MVVM的框架和库的流行，想必组件化开发已经成为了前端开发的主流思想，特别是Vue、React、Angular已经有比较成熟的开发模式、社区和UI组件库。 现在的前端，...

帮助大家了解Vue 3改了哪些东西，让大家Vue 3用得更加丝滑，这里将对比Vue 3 + setup script 与 Vue 3 + tsx之间写法得差异...