
React+echarts (echarts-for-react) 畫中國地圖及省份切換
- 2022 年 11 月 15 日
- 筆記
有足够的地图数据,可以点击到街道,示例我只出到市级 以umi为框架, 版本 是: "react": "^18.2.0", "umi": "^4.0.29", "echarts": "^5.4.0", "echarts-for-react": "^3.0.2", 示例图: 示例中需要地图的Geojso …
Continue Reading
有足够的地图数据,可以点击到街道,示例我只出到市级 以umi为框架, 版本 是: "react": "^18.2.0", "umi": "^4.0.29", "echarts": "^5.4.0", "echarts-for-react": "^3.0.2", 示例图: 示例中需要地图的Geojso …
Continue Reading
壹 ❀ 引 React Developer Tools 是 React 官方推出的开发者插件,可以毫不夸张的说,它在我们日常组件开发中,对于组件属性以及文件定位, props 排查等等场景都扮演者至关重要的角色;毋庸置疑,熟练使用 React Developer Tools 能让你的日常开发更加高效 …
Continue Reading前言 相信很多前端同学都或多或少和 动画 打过交道。有的时候是产品想要的 过度效果 ;有的时候是UI想要的 酷炫动画 。但是有没有人考虑过,是不是我们的页面上面的 每一次变化 ,都可以像是 自然而然的变化 ;是不是每一次用户点击所产生的 交互 ,都可以在页面上 活过来 呢? 欢迎你打开了新的 前端动 …
Continue Reading
今天本来正在工位上写着一段很普通的业务代码,将其简化后大致如下: function App(props: any) { // 父组件 const subRef = useRef<any>(null) const [forceUpdate, setForceUpdate] = useState<num …
Continue Reading背景 最近在公司内部进行一个引导配置系统的开发中,需要实现一个 多图轮播 的功能。到这时很多同学会说了,“那你直接用 swiper 不就好了吗?”。但其实是,因为所有 引导的展示 都是作为npm依赖的形式来进行插入的,所以我们想要做的就是: 尽量减少外部依赖以及包的体积 。所以,我们开始了手撸 简易 …
Continue Reading
这个系列的目的是通过使用 JS 实现“乞丐版”的 React,让读者了解 React 的基本工作原理,体会 React 带来的构建应用的优势 1 HTML 构建静态页面 使用 HTML 和 CSS,我们很容易可以构建出上图中的页面 <!DOCTYPE html> <html lang="en"> < …
Continue Reading
其他章节请看: react实战 系列 Redux 关于状态管理,在 Vue 中我们已经使用过 Vuex ,在 spug 项目中我们使用了 mobx ,接下来我们学习 Redux。 本篇以较为易懂的方式讲解 mvc 、 flux 、 redux 和 react-redux 的关系、redux 的工作流 …
Continue Reading
为了防止被打,有请“燕双鹰”镇楼🕵️♀️🕵️🕵️... o ... 话说新冠3年,“状态管理框架”豪杰并起、群雄逐鹿,ReduxToolkit、Mobx、Vuex、Pinia、Dva、Rematch、Recoil、Zustand、Mirror...敢问英雄独钟哪厢? Flux状态管理 笔者也用 …
Continue Reading前言 使用 Vite 已经有两年了,期间使用它开发过单页面应用,也开发过浏览器扩展插件,对比日常工作中用到的 webpack 构建速度大幅提升,开发体验也好很多。 虽然相比于 webpack 来说简单了很多,但是仍然有一些配置需要记录一下,以便之后可以快速搭建一个本地开发构建的环境。 使用 crea …
Continue Reading
壹 ❀ 引 从深圳离职回武汉也一周多了,上周不慌不忙的安排了两场面试,到本周一为止两家都收到了offer,考虑到某些原因还是把两个offer都拒了。其实说实话也没想到面试能有这么顺利,不过清楚自己在市场上的定位后,还是想之后花时间再搏一搏。 说在前面,这两家均非大厂,第一家主要做海外SaaS服务,公 …
Continue Reading