无分类 使用 React 制作一个模态框 模态框想必大家都很熟悉,是工作中常用的组件,可以让我们填写或展示一些信息而不必打开一个新页面。在开始编码之前,我们先来了解一个 React 模态框组件应该如何设计。React 是一个状态(数据)驱动的前端框架,…
javascript 如何实现一个虚拟 DOM——virtual-dom 源码分析 本文通过对virtual-dom的源码进行阅读和分析,针对Virtual DOM的结构和相关的Diff算法进行讲解,让读者能够对整个数据结构以及相关的Diff算法有一定的了解。
日常 快速上手三大基础 React Hooks Hooks 出了有段时间了,不知盆友们有在项目中开始使用了吗❓如果还没了解的童鞋,可以瞧瞧这篇文章,对比看下三大基础 Hooks 和传统 class 组件的区别和用法吧????
无分类 Web 性能优化: 使用 React.memo() 提高 React 组件性能 这是 Web 性能优化的第四篇,之前的可以在下面点击查看: Web 性能优化: 使用 Webpack 分离数据的正确方法 Web 性能优化: 图片优化让网站大小减少 62% Web 性能优化: 缓存 React 事件来提高性能 React.js 核心…
无分类 React+Antd+Redux实现待办事件 之前也是写过一篇关于Redux的文章,来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的,React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的理解。先来看一张图吧:
javascript 「每日一瞥 」0218 ~ 0308 useState vs useReducer 关于 finally 的一些特殊场景 TSLint in 2019 Screenshot To Code 优化 React App 性能的 5 个建议 禁用大体积依赖的 import 理解 TS 类型注解 Back/forward cache for Chrome ES 新提案…
javascript React16性能改善的原理(二) 上一篇我们提到如果 setState 之后,虚拟 dom diff 比较耗时,那么导致浏览器 FPS 降低,使得用户觉得页面卡顿。那么 react 新的调度算法就是把原本一次 diff 的过程切分到各个帧去执行,使得浏览器在 diff 过程…
无分类 react-echarts实现地图放大显示细节 效果预览 思路 需求:根据需求,放大地图至某个阈值,切换详细地图(简要地图和详细地图之间的切换)。 需求–>技术: 开启放大/缩小地图:roam:true; 切换地图:(1)地图缩放事件:on(‘georoam’,handler);…