日记
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
