????????????????????????????????????????????????????????????周報總結(jié)

一.工作日?？偨Y(jié) 時間：6-25—6.30 ，及個人遇到的小問題，個人學(xué)習(xí)總結(jié)，個人學(xué)習(xí)計劃

? ? ? 一.第一天：深度學(xué)習(xí) css 樣式寫法,頁面布局，將項目代碼盡量規(guī)范化 ，看完相關(guān)文檔后，還只是停留在知道一層字面量，不能夠?qū)嶋H的去運用。
?????????????1.CSS?樣式屬性命名規(guī)范,CSS選擇器命名規(guī)則
? ? ? ? ? ? ?2.對于頁面布局的詳解? 二欄布局，三欄布局 ，float和BFC配合圣杯布局，flex布局
?????????????3.? css?flax 布局的深入學(xué)習(xí)?, 分為容器屬性、項目屬性。
? ? ? ? ? ? ? ? ? ? ?flax 語法
????????????????????????1)? 容器屬性有：
??????????????????????????????????????flex-direction? 容器內(nèi)項目的排列方向。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-wrap　　容器內(nèi)項目換行方式
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex-flow　　 以上兩個的簡寫方式。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? justify-content? ? 項目在主軸上的對齊方式?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-items　　項目在交叉軸上如何對齊
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-content????多根軸線的對齊
? ? ? ? ? ? ? ? ? ? ? ? ? 2)?項目屬性有：
????????????????????????????????????????order????項目的排列順序。數(shù)值越小，排列越靠前，默認(rèn)為0.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-grow? ?項目的放大比例，默認(rèn)為0，即如果存在剩余空間，也不放大。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-shrink? 項目的縮小比例，默認(rèn)為1，即如果空間不足，該項目將縮小。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex-basis? ?在分配多余空間之前，項目占據(jù)的主軸空間 瀏覽器根據(jù)這個,計算主軸是否有多余空間。它的默認(rèn)值為auto，即項目的本來大小。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex????是flex-grow,?flex-shrink?和?flex-basis簡寫，默認(rèn)為0 1 auto。后兩個可選.? ?兩個快捷值：auto?(1 1 auto) 和 none (0 0 auto)。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-self????允許單個項目有與其他項目不一樣的對齊方式，可覆蓋align-items屬性。默認(rèn)值為auto，表示繼承父元素的align-items屬性，如果沒有父元素，則等同于stretch。

?????????二.第二天：深度學(xué)習(xí)?flax彈性布局及項目的優(yōu)化。參照阮一峰的骰子一些實例的練習(xí)編寫，了解 flax?容器屬性，項目屬性的值的具體表現(xiàn)。通過實例的編寫，最后對自己項目樣式的具體優(yōu)化。然后晚上培訓(xùn)講解了?egg?框架的詳解?主要是service test?以及中間件的一些講解。其中主要講解了對數(shù)據(jù)庫的操作:sequelize.

? ? ? ? ? 三.第三天：深度學(xué)習(xí)eggjs MVC?框架?和 數(shù)據(jù)庫的操作:sequelize.及service和測試用例.??
? ? ? ? ? ? ? ? 1.任務(wù)? 參考cnh_user完成測試對應(yīng)方法的測試用戶,增刪改查，完成model/cnh_banners 對應(yīng)的 service層，最終npm run test 所有測試用例通過。
? ? ? ? ? ? ? ? 2.開始拿到任務(wù)后進(jìn)行的是異步讀取文件的小例子測試。
? ? ? ? ? ? ? ? 遇到的問題：發(fā)現(xiàn)異步文件讀取時?路徑總是配不對，總是讀取不到文件，測試用例通不過。? ? 后來通過請教同事解決了問題? ? ? ?即文件前面還要再加文件名才能通過

????????????3.開始著手于作務(wù)時，參照user?的例子，一步一步進(jìn)行操作。
? ? ? ? ? ?????????1）一開始讀文檔，看了，還是不明白如何從數(shù)據(jù)庫取數(shù)據(jù)?？吹奈臋nsequelize文檔，也還不是特別理解。就一步步照著例子做與請教。
? ? ? ? ? ????????? 2）遇到的問題，發(fā)現(xiàn)文件測試總是通不過 。不知道哪里寫錯了的時候。不知道該怎么辦。最后通過請教，當(dāng)哪里出現(xiàn)問題時，通過上下文去理解，去看文件，通過console.log(),輸出查看是不是自己想要的數(shù)據(jù)，沒有輸出相應(yīng)的數(shù)據(jù)，就能知道是不是這一步出現(xiàn)問題。
? ? ? ? ? ? ????????3）李偉的作務(wù)中出現(xiàn)創(chuàng)建一個表時，必須先創(chuàng)建一個用戶，兩者要關(guān)聯(lián)起來。算是了解了這個表的創(chuàng)建必須要 先創(chuàng)建一個用戶。最后的測試用例才能通過。

? ? ? ? 四.第四天，對昨天的例子進(jìn)行完善，在service層繼續(xù)寫 增，刪，改，查，的方法。寫完后再對service?層的方法進(jìn)行測試。

? ? ? ? ????1）每一個需要被測試的文件相對應(yīng)的有一個測試的文件? 被測試的一個文件里寫了幾個方法，每一個方法有相對應(yīng)的測試條件語句。
? ? ? ????? 2）?圖片集錦

????????第五天：在測試用例中多寫幾個create測試用例來造數(shù)據(jù)，根據(jù)在controller 層調(diào)用service 層得到數(shù)據(jù)，并綁定到xtpl 頁面，cnh_banners 輪播模塊顯示到首頁。
? ? ? ? ? ? 1）其中一個方法多加幾個測試方法，是為了讓我我們的代碼?更加的健壯，不易出錯。漏洞會更少，相對程序性能也會更加穩(wěn)定。
? ? ? ? ? ? 2）大致流程為?首先寫service?層的方法，“創(chuàng)建，增，刪，改，查”方法來自?model層的數(shù)據(jù)，model（有事先創(chuàng)建好的表? sequelize 是從數(shù)據(jù)庫取的方法），其中service層每一個文件需進(jìn)行測試。測試出能從后臺取數(shù)據(jù)，最后在Controll層寫一個異步取數(shù)據(jù)方法，取完后，再回到componet -> 具體的塊，回到xtml模板，再取出數(shù)據(jù)，最后運行，數(shù)據(jù)就成功加載到頁面。
? ? ? ? ? ? 3）遇到問題? ：原來是數(shù)據(jù)設(shè)置了類型是整數(shù)，最后把字符串，改成整數(shù)類型就可以通過測試?yán)病?/p>

? ? ? ? 4）還發(fā)現(xiàn)了一個問題，即里面方法的測試不能單獨一個個測試的時候加上.only，加上這個后，發(fā)現(xiàn)測試會報錯，不加.only全部一起跑的時候，發(fā)現(xiàn)都能夠通過測試。

二.個人學(xué)習(xí)總結(jié)：

????????1.總結(jié)這一周，自己對于周一，二的問題還是看的明白，但是還是需要大量實戰(zhàn)才能對那些flax布局及規(guī)范去歷練一番。才能真正的達(dá)到規(guī)范化及性能最優(yōu)化。
? ? ? ? ?2.自己對周三以后接觸學(xué)習(xí)的內(nèi)容，還有非常多的不理解，包括對于數(shù)據(jù)庫的一些最基礎(chǔ)的一些東西，還有就是表的結(jié)構(gòu)性問題，及一些更加常用的方法?還是需要再通過例子，再熟練。還有就是自己解決一些問題的能力，自己出了問題還是不知道如何去解決。解決的問題少，相對應(yīng)的也就沒有一種套路性的思維方式。??

? ? ? ? 3.提及到個人的一個學(xué)習(xí)計劃的問題，和李偉的交流，以及自身的發(fā)現(xiàn)自己很多東西還只是停留在表面。缺乏大量的實戰(zhàn)。所以自己相對應(yīng)的很多的知識。舊知識需要再鞏固，及加深，如 css ,js?這一些東西需要再往規(guī)范化，及更熟練化。特別是js部分，自己的基礎(chǔ)本身非常的弱，加之之前也寫的非常少。而這些東西也是最基礎(chǔ)的部分。對于新知識，自己看文檔，發(fā)現(xiàn)自己的理解能力及接受能力也是非常的慢，而新知識也是必須通過大量的實例去加深的理解，加深認(rèn)識。隨之才能夠熟練應(yīng)用。

三.對于自己學(xué)習(xí)計劃：
? ? ? ?1.首先對?css?自己還要更深入的去學(xué)習(xí)，如sass less這些，通過實戰(zhàn)再深入。
? ? ? ? ? ????? 1）自己樣式要更規(guī)范，包括樣式的命名，及考慮一整個模塊化復(fù)用的問題。
? ? ? ? ? ? ? ? ? 2）對于彈性布局及復(fù)雜的一些布局再實戰(zhàn)多點。
? ? ? ? ? ? ? ? ? ?3）CSS樣式更精簡，更優(yōu)化，復(fù)用性更高。

? ? ? ? 2.對于js部分，自己非常的弱，需要重點加強?
? ? ? ? ? ? ? ? ?1）一些原生JS的寫法，自己需要再加強學(xué)習(xí)，還需通過大量實例來練習(xí)。
? ? ? ? ? ? ? ? ? 2）對于構(gòu)造函數(shù)這一塊也不需加強。
? ? ? ? ? ? ? ????3） 特別是其中的?面向?qū)ο?，原型鏈，封裝，繼承，多態(tài)。
? ? ? ? ? ? ? ?????4）js的 es6?的一些東西，也只是知道一點。

? ? ? ? 3.對于學(xué)習(xí)新的知識，如學(xué)習(xí)到的node?也是需要大量的實例。因為有一些東西都?沒能達(dá)到熟悉的地步。也只是才剛認(rèn)識知道。對于這些新東西，感覺自己好像也只是有個印象，感覺又忘了。
? ? ? ? ? ? ? ? ?1）git? ?對一些基礎(chǔ)的常用的幾個命?令已熟練掌握。更深入的還需要再去學(xué)習(xí)
? ? ? ? ? ? ? ? ?2）eslint? ?知道一些基礎(chǔ)的錯誤改法。但是自己也不知道如何去配置文件，怎么寫一些條件。
? ? ? ? ? ? ? ? ?3）gulpFile? 自己也沒通過獨自的配置過文件。我估計我得再去看文檔。
? ? ? ? ? ? ? ? ?4）node .js? ?只能說是非常簡單的一些知識，即環(huán)境，包的概念，基礎(chǔ)的包的安裝，模塊的引入
? ? ? ? ? ? ? ? ?5）egg.js/mvc框架? 也只是對大概的有個認(rèn)知，但是實際到每一步時，感覺還是會不熟悉
? ? ? ? ? ? ? ? ?6)? sequelize?對于數(shù)據(jù)庫的操作? ? ?簡單的知道一些增，刪，改，查。
? ? ? ? ? ? ? ? ?7）mocha? 對于配置安裝，這些也不知道。只是知道寫兩個測試，及怎么跑測試。真正都沒有熟練。? ? ? ?

二.所感所得總結(jié)