1 开启flex 布局 开启flex布局，只需要在最外层容器设置 display: flex即可 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。 主轴的开始位置（与边

第一范式(确保每列保持原子性)数据库表中的所有字段值都是不可分解的原子值。 比如某些数据库系统中需要用到“地址”这个属性，本来直接将“地址”属性设计成一个数据库表的字段就行。 但是如果系统经常会访问“地址”属性中的“城市”部分，那么就非要将“地址”这个属性重新拆分为省份、城市、详细地址等多个部分进行存储，这样在对地址中某一部分操作的时候将非常方便。 第二范式(确保表中的每列都和主键相关)第二范

useRef案例效果： 点击按钮，文本title修改 点击按钮，input聚焦123456789101112131415161718192021222324252627282930import React, { useRef, PureComponent } from 'react'class TestChild extends PureComponent

1. git修改指定的提交 git rebase --interactive 'cffa46f19811496d9165cf2c32250943f94f0099^' 修改 git add . git commit --amend git rebase --continue 2. 更新gitignore文件后，git删除仓库中的缓存git rm -r --cached targe

React是什么？React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。 使用最原生的HTML、CSS、JavaScript可以构建完整的用户界面吗？当然可以，但是会存在很多问题 操作DOM兼容性的问题； 过多兼容性代码的冗余问题； 代码组织和规范的问题； React的特点声明式编程 声明式编程是目前整个大前端开发的模式：Vue、React、Flutter、S

如果没有单元测试和重构，我没办法写代码 1 重构的意义 保持代码易读、易修改 避免代码太复杂，无法理解，无法调试。（或许一个修改只需要10分钟，但是你得花费1个小时去理解这段代码 如果没有良好设计，或许某一段时间内你的进展迅速，但恶劣的设计很快就让你的速度慢下来。你会把时间花在 调试上面，无法添加新功能。修改时间越来越长，因为你必须花越来越多的时间去理解系统。 2 重构的定义在不改变代码外在

react组件基础组件概念 使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。 所谓组件，即封装起来的具有独立功能的UI部件。组件就是页面上的一部分，大大小小的各种组件拼在一起就变成了一个完整的页面，就像我们玩的拼图，需要一块一块的拼接在一起才能变成一副完整的拼图。 函数组件概念使用 JS 的函数（或箭头函数）创建的组件，就叫做函数组件 123

依赖混乱

变量初始化 重构手法 变量初始化最好一次完成 能用final的地方建议都用final，包括变量声明，参数声明，类声明，方法声明 案例11234567EpubStatus status = null;CreateEpubResponse response = createEpub(request);if (response.getCode() == 201) { st

漫天飞的setter 重构手法： 方法封装在对应的模型中 使用构造函数，移除设值函数。 编写不变类 案例112345public void approve(final long bookId) { ... book.setReviewStatus(ReviewStatus.APPROVED); ...} 问题：使用到了setter, setter往往是缺