卷心菜wanwan

domReady的理解 domReady是名为DOMContentLoaded事件的别称，当初始的HTML文档被完全加载和解析完成之后，DOMContentLoaded事件被触发，而无需等待样式表、图

移动端的一些记录 背景 移动端没有鼠标，mouseXXX事件行为兼容性差，移动端的操作基本靠手指操作 移动端没有物理键盘，靠虚拟键盘 keydown,keyup,keypress在移动端兼容不好，监听

需求分析 项目引用了大量的svg-icon图表，正常react使用icon要这样： 现在想类似element一样，通过某个组件一行引入，类似： 过程中使用到2个loader： svg-sprite-l

项目中自定义Hooks 有三个hooks： useTags useUpdate useRecords 1. useTags 主要是对tags进行处理的逻辑 useState 使用useState初始化

记账页有一个输入数字模块 需求： 点击数字键盘，可以显示相应的数字 点击清空，清空显示区 点击ok保存当前记录 键盘布局 1. 布局和样式 2.Wrapper 包括2部分，output和键盘，采用fl

数据持久化 为什么要做数据持久化？ 因为不持久，数据存在内存，一刷新就没有了 这样可以实现整个项目不同页面数据的统一 怎么做？ 使用自定义Hooks 结合 Localstorage 标签页数据持久化

详情页 需求： 按日期，按收入支出，分类展示记录 CategorySection 可以复用money页的 展示记录 1. 读取records 使用useRecords hook里的record 我们的

tags标签页 目标预览： 标签页可以查看所有标签，并且增加标签 点击某一具体标签后，可以编辑或删除标签 封装useTags.tsx 自定义hooks，将所有和tags操作相关的，放进来 先放一个us

useState实现 最简单的useState 查看连接 首次渲染render 调用App,得到虚拟DIV，根据虚拟div创建真实div 用户点击Button，调用setN(n+1),再次render

记账页样式 记账页分为4部分： TagsSection，NoteSection，CategorySection，NumberpageSection 1. 使用styled-component 不用写c