努力长头发

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用...

> 作者：简可 理解Fiber，就是理解现代React的灵魂。本文本文主要探索2个问题： 1. 为什么页面看起来会卡顿？ 2. Fiber是怎么解决卡顿的？ ## 一、为什...

## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序...

本文将会介绍 i18n 的业界最佳实践。 并介绍了实施 i18n 要解决哪些问题，并使用 react 和 i18next 完成了一个小案例。...

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpac...

观察者模式和发布订阅这两个东西听起来都不陌生，但是它们的差异究竟是什么，以及它们有何关联，让我们重新认识一下这两个概念。...

真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！Webpack 作为前端资源构建工具+静态模块打包器，是...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这...

在web端加入我们需要实现一个可以通过API调用的 Toast，我们可以通过浏览器Document对象操作dom。但是小程序没有提供Document对象，那么我们该如何去实...

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循...

1. 合成事件的概念和作用； 1. 合成事件与原生事件的 3 个区别； 1. 合成事件与原生事件的执行顺序； 1. 合成事件的事件池； 1. 合成事件 4 个常见问题；...

在我开发我的个人开源项目region-screenshot-js，需要加一个图片马赛克绘制功能，在这里分享实现方式，希望对大家所有启发。...

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17...

本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲，涉及到的大多数理论知识并不会太过于对展开，如果读者对一些细节比较感兴趣，可以留言或者搜索相关的概念。 微前端（Mic...

一、前言 TypeScript 如今已经成为前端开发者必备的一项技能，它不经能够提升开发者的开发体验还能保障项目的可维护性，这主要得益于 TypeScript 的静态检测机...

古茗在中后台的场景中大量的使用 formily 来解决问题。在小陈首次使用 formily 时第一感受，这玩意儿咋那么难用，能不用吗？（现在改成 antd 来写还来得及不）...

此文章总结了不同的热门第三方表单的设计思路,解析各自设计的优缺点以及它们的演进思路,启发大家关于表单的最佳实践~...

一、前言 mobx 是当今流行的状态管理库，用过 mobx 的同学就知道它是响应式的更新数据，也就是使用 Object.defineProperty 代理 get、set ...

前言 由于本人所在的业务经常需要下发一些表单类型任务给门店，而所有表单都是前端基于formily进行配置的，所以经常会和运营小姐姐打交道，这是背景。 在一个普普通通的工作日...