02 2023 档案
摘要:简述 redux-toolkit是 Redux 官方强烈推荐,开箱即用的一个高效的 Redux 开发工具集,本质是对redux的封装,方便我们写reducer、action creator和继承类似thunk的中间件。 安装 # NPM npm install @reduxjs/toolkit #
阅读全文
摘要:redux产生的历史背景 当我们的前端系统变得复杂,包含众多子组件,特别是包含很长一条子组件链时。我们的state管理就会非常繁琐,例如如下图,如果Child11需要用到App里的state,那么App里的state就要通过props一层层传递下去,尽管Child2到5不需要用到,但props还是要
阅读全文
摘要:简述 路由的本质就是在一个页面上,通过交互,不刷新页面但能改变页面视图的一种方法。 react-router就是一个扩展react从而实现路由的第三方库 router实例在线演示:https://scrimba.com/scrim/cNq8MzCr 单页面应用 单页面应用是指整个系统的前端只有一个页
阅读全文
摘要:简述 弹性布局是css3新引入的布局模式,英文是flexbox,他决定了元素如何在页面上排列,使他们能在在不同的屏幕尺寸和设备下可预测地展现出来。 本质就是一个盒子,它能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间 核心概念 大的容器盒子叫 flex container ,被包裹在
阅读全文
摘要:简述 ClassNames是一个用于有条件处理classname字符串连接的库,非常好用~。 简单来说就是动态地去操作类名,把符合条件的类名粘在一起。 安装(使用npm) npm install classnames 引入 在nodejs里引入 var classNames = require('c
阅读全文
摘要:简述 在学习DDD的过程中,会碰见很多术语,以及英文缩写,不同资料中对概念的解释也有偏差,这里统一总结一下我对DDD相关的术语的个人理解 相关术语包括:DTO、DO、Entity、BO、VO、PO、ACL、Repository规范、领域、子域、核心域、领域服务、聚合、聚合根、限界上下文、领域事件 D
阅读全文