日记
7月26日星期一
学习时间:
8:00-12:00
19:30-22:00
学习内容:
(1)首先，值得高兴的是，我把这个东西做完了，该有的细节功能部分，也基本都实现了。
(2)时间定格在2021年07月26日21:40左右，我将当前窗口最大化，然后试着拖动该元素，元素可以正常拖动（异常情况:会出现如下情况），如图：
正常情况如下：鼠标和窗口位置保持一致
现在说说解决方案，我原本想在两个组件中都使用useReducer，然后更新仓库，但是发现这两个useReducer导出来的数据不一样，就是相互独立的，姑且把这两个叫做A,B两个组件。假如我在A组件中dispatch了，那么A组件中的数据会更新，但是B组件中的数据不会受影响，类似的B也一样。最后也是发现了这个问题，然后就在看钩子函数，看哪个可以用，就这样看呀看，咦，我在react官方文档中找到了，带着不确定的心理，我开始尝试了，经过了20分钟左右，我竟然做出来了，真开心，哈哈哈
7月27日星期二
学习时间:
18:00-22:00
学习内容:
完善组件，拆分组件，更改样式。
7月28日星期三
学习时间:
9:00-12:00
15:00-20:30
学习内容:
东西到今天为止就算写完了，今天就准备着手写总结，将项目结构继续优化，做最后的修正，不看不知道，要改的东西还是挺多的，今天任务量还是挺大的，唉总算搞完了，吃饭吃饭，hold不住了。将今天的项目结构图放到下边，明天接着修改，争取明天所有都结束，加油！！！
markJia
└─ mark123
├─ package-lock.json
├─ package.json
├─ public
│ ├─ favicon.ico
│ ├─ html.docx
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ ├─ robots.txt
│ └─ simple.docx
├─ README.md
├─ src
│ ├─ another
│ │ ├─ layoutStyles.css
│ │ ├─ logo.svg
│ │ └─ setupTests.js
│ ├─ App.css
│ ├─ App.js
│ ├─ App.test.js
│ ├─ art-template
│ │ └─ template.js
│ ├─ contentElement
│ │ ├─ Profile.js
│ │ ├─ ProfileStyles.css
│ │ ├─ Projects.js
│ │ ├─ ProjectStyles.css
│ │ ├─ publicBao
│ │ └─ twoNavBao
│ │ ├─ onClicbao
│ │ │ └─ onclicBao.js
│ │ ├─ ProfileChildren
│ │ │ ├─ aboutAuthor.js
│ │ │ ├─ aboutSite.js
│ │ │ ├─ githubAuthor.js
│ │ │ ├─ projectData
│ │ │ │ └─ passageData.js
│ │ │ └─ unkown.js
│ │ └─ ProjectChildren
│ │ ├─ Alkaid.js
│ │ ├─ Flint.js
│ │ ├─ MacOs.js
│ │ ├─ Metallic.js
│ │ └─ Vue.js
│ ├─ controlState
│ │ ├─ Reducer.js
│ │ └─ store.js
│ ├─ index.css
│ ├─ index.js
│ ├─ Layout.js
│ ├─ layoutElement
│ │ ├─ Elements
│ │ │ ├─ Content.js
│ │ │ ├─ contentSection
│ │ │ │ ├─ contentStyles.css
│ │ │ │ ├─ Nav
│ │ │ │ │ ├─ leftNav
│ │ │ │ │ │ ├─ leftNav.js
│ │ │ │ │ │ └─ leftNavStyles.css
│ │ │ │ │ ├─ middleNav
│ │ │ │ │ │ ├─ middleNav.js
│ │ │ │ │ │ └─ middleNavstyles.css
│ │ │ │ │ └─ rightNav
│ │ │ │ │ ├─ profileRoute.js
│ │ │ │ │ └─ projectRoute.js
│ │ │ │ ├─ onclickFunctions
│ │ │ │ │ ├─ onClicFunction01.js
│ │ │ │ │ └─ onClickFunction02.js
│ │ │ │ └─ Sider.js
│ │ │ └─ headerSection
│ │ │ ├─ adjustWidthheight
│ │ │ │ ├─ BeacmeSmall.js
│ │ │ │ ├─ BecameMaxFunction.js
│ │ │ │ ├─ DeleteFunction.js
│ │ │ │ └─ MinWithHeight.js
│ │ │ ├─ head.md
│ │ │ ├─ Header.js
│ │ │ ├─ HeaderStyle
│ │ │ │ └─ headStyles.css
│ │ │ ├─ moveOut
│ │ │ │ └─ outFunction.js
│ │ │ └─ moveOver
│ │ │ └─ overFunction.js
│ │ ├─ Layout.js
│ │ ├─ layOutResize
│ │ │ └─ banDrag.js
│ │ ├─ layoutStyles.css
│ │ └─ 问题.md
│ ├─ logo.svg
│ ├─ reportWebVitals.js
│ ├─ routerElement
│ │ └─ index.js
│ ├─ rubbish
│ │ └─ liLinktag.js
│ ├─ setupTests.js
│ └─ textContent
│ ├─ aboutSite03.js
│ ├─ number01.js
│ ├─ number01Style.css
│ ├─ number02.js
│ ├─ projectText
│ │ ├─ Alkaidcontent.js
│ │ ├─ Flintcontent.js
│ │ ├─ FlintStyles.css
│ │ ├─ MAcoScontent.js
│ │ ├─ Metalliccontent.js
│ │ └─ Vuecontent.js
│ ├─ undefinedFile.js
│ └─ undefinedStyles.css
└─ 项目总问题.md