? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?工作總結(jié)文檔

?????????首先分三點(diǎn)總結(jié)吧：第一點(diǎn)為每天工作進(jìn)程削葱，第二點(diǎn)問題與解決标沪，第三點(diǎn)對于MVC框架的概括認(rèn)知?及自我學(xué)習(xí)歷程，方法經(jīng)驗總結(jié)链沼，及自我剖析内颗。

一：工作進(jìn)程及遇到問題解決問題總結(jié)

6-11號 - 15號（周一到周五）

????????第一天：一開始的基礎(chǔ)html的頁面結(jié)構(gòu)到css樣式的實現(xiàn)。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??? ? ? ? ? ? 第二天：從一開始輪播實現(xiàn)再JS面向?qū)ο蟮膬?yōu)化噪矛。主要是面向?qū)ο髮懛咳铮约篔S基礎(chǔ)非常的弱。規(guī)范JS模塊化編寫艇挨。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?第三天：根據(jù)設(shè)計交互稿完成輪播圖功能- 模塊規(guī)范化開發(fā)與sass樣式編寫残炮。之前沒有接觸過sass。使用起來非常的方便缩滨。https://www.sass.hk/guide/ （官網(wǎng)）? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?第四天：在支持左右滑入輪播效果基礎(chǔ)上势就，通過參數(shù)設(shè)置，支持做漸出漸現(xiàn)效果脉漏。對公司中國算力設(shè)計稿的一些討論苞冯。以及前端實現(xiàn)及工作安排?培訓(xùn)時有說了那個mvc框架很暈。? ?遇到問題：? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?1.在這個fullstack-training?文件下執(zhí)行 1） npm install? 2）運(yùn)行 $ npm run lint? ? ? ? ? ? ? ? ? ? ? ? ? ? 2.程序安裝時出現(xiàn)報錯侧巨。 1)先裝npm install cnpm -g (先全局安裝)? ?2) cnpm install? 3) npm run lint.? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3.發(fā)現(xiàn)控制臺輸出代碼錯誤寫法舅锄。需error全部改好，文件才能順利提交到git上去司忱。err報錯的原因主要有（js文件沒有按照規(guī)范編寫皇忿。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如:1)? var?聲明一個變量時，容易提前坦仍，所以應(yīng)改為let鳍烁。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??2)? 該加分號的沒有加分號。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3）有些地方后面有空格或者前面有空格繁扎。黃色的警告也需修改幔荒。報錯是因為啟用了eslint檢測。及如何配置檢測文件 .eslintrc梳玫，.eslintignore這兩個配置文件爹梁。更多eslint。? ? ? ? ? ? ?第五天：看文檔提澎，學(xué)習(xí)及安裝mocha 安裝mocha測試框架及寫測試用例 x-tanple模板卫键。? https://github.com/xtemplate/xtemplate/blob/master/docs/syntax-cn.md? ?xtpl?語法地址? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

這就是上一周的文檔

6-19號 - 23號（周二到周六）

????????第一天：基于egg框架的頁面與模塊創(chuàng)建? ? （任務(wù)）要求http://127.0.0.1:7001/user/login進(jìn)入到注冊頁面。這個頁面引用common-register 模塊（在public/src/component下創(chuàng)建)虱朵。? ? ? ? ? ? 實現(xiàn)過程：由于剛接觸egg.js,我們只有從看文檔學(xué)起莉炉，我們始勁看文檔，看官方文檔碴犬，以及看各種博客絮宁，及各類講egg.jse有關(guān)的。起初看的非常的蒙服协，看了一天文檔绍昂，最終沒有把服務(wù)跑起來，經(jīng)過晚上的時候培訓(xùn)后才把服務(wù)跑來偿荷。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 注意問題：第一接到任務(wù)后窘游，尤其是一個新的任務(wù)時，需問清楚步驟以及文件安裝目錄跳纳，否則自己接來下做的一切都是徒勞無功的忍饰。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?????????????1）給定任務(wù)時沒有清楚安裝目錄問題，實施時出錯

????????2）安裝命令安裝? 1. npm install? 2. npm run dev 就行了寺庄。? ? ? ? ? ? ? ??http://127.0.0.1:7001（此網(wǎng)頁能打開說明裝好啦艾蓝。）? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?裝不上時使用：1.cnpm install? ? ?2.npm run dev? 當(dāng)國外命令裝不上時，可以嘗試一下國國內(nèi)斗塘。即 cnpm install.? ?

????????????3)? 網(wǎng)頁雖能裝好赢织，但css樣式不能加載? ? 解決方案：另起一個git bash, 在目錄下執(zhí)行 npm run static （執(zhí)行這個命令后發(fā)現(xiàn)報錯?解決方法：全局安裝 一下http-server?即運(yùn)行這個個命令?npm install http-server -g）再執(zhí)行一次npm run staic即可解決。

? ? ? ? 第二天：對登錄頁面的一個 HTML CSS?結(jié)構(gòu)編寫?把頁面服務(wù)跑起來馍盟，其中遇到許多的問題 于置。對方法，頁面贞岭，路由的配置跑通整個頁面了解整個結(jié)構(gòu)八毯。

? ? ? ? 第三天：?文件目錄?安裝。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?過程及問題：安裝時遇到一個問題曹步。頁面跑不起來時宪彩，要注意以下幾個問題以及步驟先后順序：1.頁面開始寫的時候，要開啟監(jiān)控命令讲婚，npm run watch.? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2.寫完后要在瀏覽器看頁面前先執(zhí)行手動編譯再跑服務(wù)尿孔。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(1). 要手動執(zhí)行編譯命令：npm run build.? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)? 再開啟服務(wù)?npm run dev? 其中執(zhí)行每一條命令后要注意每一條命令后是否有報錯的信息。出現(xiàn)錯誤信息服務(wù)會跑不起來筹麸，或者報錯活合。? ?

? ? ? ? 第四天：根據(jù)設(shè)計交互稿完成輪播圖功能- 模塊規(guī)范化開發(fā)與樣式編寫。（任務(wù)）寫首頁輪播物赶。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 出現(xiàn)問題：出現(xiàn)一個錯誤解決不了白指，即我的首面樣式不能加載，但是李偉的是正常的酵紫。? ? ? ? ? 我便把倉庫刪了又裝告嘲，裝了又刪 错维，最終還是沒能解決問題，但是發(fā)現(xiàn)一個問題橄唬，即把自己整個文件刪掉之后赋焕，再從程倉庫拉下來? (執(zhí)行g(shù)it clone? 后面后面跟的是倉庫地址）再次跑服務(wù)的時候，是不能跑起來的仰楚，一定要先執(zhí)行?npm(cnpm) install?這個命令隆判，即要安裝這個文裝所需的依賴。因為依賴都是有非常多僧界。所以沒放到git的倉庫侨嘀，拉下來跑文件時，一定要先執(zhí)行?安裝命令捂襟。才能把整個文件跑起來咬腕。

? ? ? ? ?第五天：主要開發(fā)的是登錄模塊功能模塊。在注冊頁面開發(fā)的時候有意識的去想笆豁，編寫的模塊能不能復(fù)用的問題郎汪。

? ? ? ?git總結(jié):? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?1）先從主支上拉下來團(tuán)隊更新完的最后版，git pull origin master? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2）切換到分支闯狱，這時自己的分支應(yīng)該是處于舊的版本煞赢，不是最新的版本.? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?3)? 所以要讓分支上的代碼也是最新的執(zhí)行?git merge master? 即把主支上的內(nèi)容合并到分支上，這時分支上的內(nèi)容也是最新的哄孤。在分支上進(jìn)行文件的編寫照筑。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?4)? 最后開發(fā)完成后再提交保存推送遠(yuǎn)程。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?5）合并到主支上瘦陈，切換到主支凝危，在主支上執(zhí)行，git merge?分支名? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?特別注意：合并到主支后會出現(xiàn)自己的代碼會和同事一起開發(fā)的文件會有沖突晨逝，此時蛾默，修改沖突時必須要非常的小心，不能隨便刪除別人的代碼捉貌，同時也把自己的代碼處好支鸡。最后處理好后再提交推送到遠(yuǎn)程。此時主支上就是你的最新代碼啦趁窃。所以也不能隨便提交到主支牧挣。

二：總結(jié)寫一下對于mvc?框架的認(rèn)識：

一. mvc名詞解釋概念：https://blog.csdn.net/muyi_amen/article/details/54341065?

1.Model：模型層，可以簡單理解就是數(shù)據(jù)層醒陆，用于提供數(shù)據(jù)瀑构。在項目中，（簡單理解）一般把數(shù)據(jù)訪問和操作刨摩，比如將對象關(guān)系映射這樣的代碼作為Model層寺晌，也就是對數(shù)據(jù)庫的操作這一些列的代碼作為Model層世吨。比如代碼中我們會寫DAO和DTO類型的代碼，那這個DAO和DTO我們可以理解為是屬于Model層的代碼折剃。

2另假、View：視圖層，就是UI界面怕犁，用于跟用戶進(jìn)行交互。一般所有的JSP己莺、Html等頁面就是View層奏甫。

3、Controller：控制層凌受，Controller層的功能就是將Model和View層進(jìn)行關(guān)聯(lián)阵子。比如View主要是顯示數(shù)據(jù)的，但是數(shù)據(jù)又需要Model去訪問胜蛉，這樣的話挠进，View會先告訴Controller，然后Controller再告訴Model誊册，Model請求完數(shù)據(jù)之后领突，再告訴View。這樣View就可以顯示數(shù)據(jù)了案怯。

這個是整個文件夾目錄

?這是簡要的圖

這個是Module.的文件

圖

? ? ? ?最后自己學(xué)習(xí)歷程感悟：? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?1. 自己通過看文檔學(xué)習(xí)MVC框架君旦，看完后非常的蒙，甚至是在云里霧里嘲碱。不知道要干什么金砍。方法：（1）自己不明白的地方可以通過多問同事，相互討論麦锯，及通過講解會更易于理解恕稠。（2）看完文檔后，真正的需要自己動手嘗試一下扶欣，才能發(fā)現(xiàn)每個模塊從創(chuàng)建到引用鹅巍，一個頁面是怎么由一個一個模塊搭建，及每個模塊的js與css樣式的引用宵蛀。

? ? ? 2.（1）多溝通昆著，多向自己水平高的人請教，別人一說术陶，及點(diǎn)撥凑懂，會一下幫你理清大方向。（2）多和同事討論梧宫，發(fā)現(xiàn)別人優(yōu)點(diǎn)接谨，學(xué)習(xí)人家的學(xué)習(xí)方式摆碉，思維方式，解決問題的方式脓豪。發(fā)現(xiàn)同事有一個非常棒的優(yōu)點(diǎn)巷帝，1.每一個東西會去追根思源，會非常深入的去想問題扫夜。 2.及發(fā)散性的去看問題楞泼，解決問題，由此及彼笤闯。

? ? ? ?3. 最后反觀自己堕阔，給到我什么就是什么，我從來就沒有那個想法去深入的思考過颗味，從一個小模塊超陆，再到每一個層，每一個方法浦马，以及整體的架構(gòu)層次时呀，那些文件為什么會那樣配，這個文件它的存在有什么意義晶默。在思維上根本就沒有過這個想法谨娜。沒有深入的去思考問題，自然進(jìn)步的非常慢荤胁。自己解決問題的能力也很差瞧预，沒有一種套路性方法。?