????????????????????????????????????????????????????????????周報(bào)總結(jié)

一.工作日常總結(jié) 時(shí)間：6-25—6.30 速那，及個(gè)人遇到的小問(wèn)題俐银，個(gè)人學(xué)習(xí)總結(jié)，個(gè)人學(xué)習(xí)計(jì)劃

? ? ? 一.第一天：深度學(xué)習(xí) css 樣式寫(xiě)法,頁(yè)面布局端仰，將項(xiàng)目代碼盡量規(guī)范化 ，看完相關(guān)文檔后田藐，還只是停留在知道一層字面量荔烧，不能夠?qū)嶋H的去運(yùn)用。
?????????????1.CSS?樣式屬性命名規(guī)范,CSS選擇器命名規(guī)則
? ? ? ? ? ? ?2.對(duì)于頁(yè)面布局的詳解? 二欄布局汽久，三欄布局 鹤竭，float和BFC配合圣杯布局，flex布局
?????????????3.? css?flax 布局的深入學(xué)習(xí)?, 分為容器屬性景醇、項(xiàng)目屬性臀稚。
? ? ? ? ? ? ? ? ? ? ?flax 語(yǔ)法
????????????????????????1)? 容器屬性有：
??????????????????????????????????????flex-direction? 容器內(nèi)項(xiàng)目的排列方向。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-wrap　　容器內(nèi)項(xiàng)目換行方式
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex-flow　　 以上兩個(gè)的簡(jiǎn)寫(xiě)方式三痰。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? justify-content? ? 項(xiàng)目在主軸上的對(duì)齊方式?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-items　　項(xiàng)目在交叉軸上如何對(duì)齊
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-content????多根軸線的對(duì)齊
? ? ? ? ? ? ? ? ? ? ? ? ? 2)?項(xiàng)目屬性有：
????????????????????????????????????????order????項(xiàng)目的排列順序吧寺。數(shù)值越小，排列越靠前散劫，默認(rèn)為0.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-grow? ?項(xiàng)目的放大比例稚机，默認(rèn)為0，即如果存在剩余空間获搏，也不放大赖条。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?flex-shrink? 項(xiàng)目的縮小比例，默認(rèn)為1，即如果空間不足纬乍，該項(xiàng)目將縮小碱茁。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex-basis? ?在分配多余空間之前，項(xiàng)目占據(jù)的主軸空間 瀏覽器根據(jù)這個(gè),計(jì)算主軸是否有多余空間仿贬。它的默認(rèn)值為auto纽竣，即項(xiàng)目的本來(lái)大小。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flex????是flex-grow,?flex-shrink?和?flex-basis簡(jiǎn)寫(xiě)诅蝶，默認(rèn)為0 1 auto退个。后兩個(gè)可選.? ?兩個(gè)快捷值：auto?(1 1 auto) 和 none (0 0 auto)。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?align-self????允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式调炬，可覆蓋align-items屬性语盈。默認(rèn)值為auto，表示繼承父元素的align-items屬性缰泡，如果沒(méi)有父元素刀荒，則等同于stretch。

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

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

????????????3.開(kāi)始著手于作務(wù)時(shí)地回，參照user?的例子揩徊，一步一步進(jìn)行操作线脚。
? ? ? ? ? ?????????1）一開(kāi)始讀文檔，看了额各，還是不明白如何從數(shù)據(jù)庫(kù)取數(shù)據(jù)国觉。看的文檔sequelize文檔虾啦，也還不是特別理解麻诀。就一步步照著例子做與請(qǐng)教痕寓。
? ? ? ? ? ????????? 2）遇到的問(wèn)題，發(fā)現(xiàn)文件測(cè)試總是通不過(guò) 蝇闭。不知道哪里寫(xiě)錯(cuò)了的時(shí)候呻率。不知道該怎么辦。最后通過(guò)請(qǐng)教呻引，當(dāng)哪里出現(xiàn)問(wèn)題時(shí)礼仗，通過(guò)上下文去理解，去看文件逻悠，通過(guò)console.log(),輸出查看是不是自己想要的數(shù)據(jù)元践，沒(méi)有輸出相應(yīng)的數(shù)據(jù)，就能知道是不是這一步出現(xiàn)問(wèn)題童谒。
? ? ? ? ? ? ????????3）李偉的作務(wù)中出現(xiàn)創(chuàng)建一個(gè)表時(shí)单旁，必須先創(chuàng)建一個(gè)用戶(hù)，兩者要關(guān)聯(lián)起來(lái)饥伊。算是了解了這個(gè)表的創(chuàng)建必須要 先創(chuàng)建一個(gè)用戶(hù)象浑。最后的測(cè)試用例才能通過(guò)。

? ? ? ? 四.第四天琅豆，對(duì)昨天的例子進(jìn)行完善愉豺，在service層繼續(xù)寫(xiě) 增，刪茫因，改蚪拦，查，的方法冻押。寫(xiě)完后再對(duì)service?層的方法進(jìn)行測(cè)試外盯。

? ? ? ? ????1）每一個(gè)需要被測(cè)試的文件相對(duì)應(yīng)的有一個(gè)測(cè)試的文件? 被測(cè)試的一個(gè)文件里寫(xiě)了幾個(gè)方法，每一個(gè)方法有相對(duì)應(yīng)的測(cè)試條件語(yǔ)句翼雀。
? ? ? ????? 2）?圖片集錦

????????第五天：在測(cè)試用例中多寫(xiě)幾個(gè)create測(cè)試用例來(lái)造數(shù)據(jù)，根據(jù)在controller 層調(diào)用service 層得到數(shù)據(jù)孩擂，并綁定到xtpl 頁(yè)面狼渊，cnh_banners 輪播模塊顯示到首頁(yè)。
? ? ? ? ? ? 1）其中一個(gè)方法多加幾個(gè)測(cè)試方法类垦，是為了讓我我們的代碼?更加的健壯狈邑，不易出錯(cuò)。漏洞會(huì)更少蚤认，相對(duì)程序性能也會(huì)更加穩(wěn)定米苹。
? ? ? ? ? ? 2）大致流程為?首先寫(xiě)service?層的方法，“創(chuàng)建砰琢，增蘸嘶，刪良瞧，改，查”方法來(lái)自?model層的數(shù)據(jù)训唱，model（有事先創(chuàng)建好的表? sequelize 是從數(shù)據(jù)庫(kù)取的方法）褥蚯，其中service層每一個(gè)文件需進(jìn)行測(cè)試。測(cè)試出能從后臺(tái)取數(shù)據(jù)况增，最后在Controll層寫(xiě)一個(gè)異步取數(shù)據(jù)方法赞庶，取完后，再回到componet -> 具體的塊澳骤，回到xtml模板歧强，再取出數(shù)據(jù)，最后運(yùn)行为肮，數(shù)據(jù)就成功加載到頁(yè)面摊册。
? ? ? ? ? ? 3）遇到問(wèn)題? ：原來(lái)是數(shù)據(jù)設(shè)置了類(lèi)型是整數(shù)，最后把字符串弥锄，改成整數(shù)類(lèi)型就可以通過(guò)測(cè)試?yán)病?/p>

? ? ? ? 4）還發(fā)現(xiàn)了一個(gè)問(wèn)題丧靡，即里面方法的測(cè)試不能單獨(dú)一個(gè)個(gè)測(cè)試的時(shí)候加上.only，加上這個(gè)后籽暇，發(fā)現(xiàn)測(cè)試會(huì)報(bào)錯(cuò)温治，不加.only全部一起跑的時(shí)候，發(fā)現(xiàn)都能夠通過(guò)測(cè)試戒悠。

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

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

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

三.對(duì)于自己學(xué)習(xí)計(jì)劃：
? ? ? ?1.首先對(duì)?css?自己還要更深入的去學(xué)習(xí)橄抹，如sass less這些，通過(guò)實(shí)戰(zhàn)再深入惕味。
? ? ? ? ? ????? 1）自己樣式要更規(guī)范楼誓，包括樣式的命名，及考慮一整個(gè)模塊化復(fù)用的問(wèn)題名挥。
? ? ? ? ? ? ? ? ? 2）對(duì)于彈性布局及復(fù)雜的一些布局再實(shí)戰(zhàn)多點(diǎn)疟羹。
? ? ? ? ? ? ? ? ? ?3）CSS樣式更精簡(jiǎn)，更優(yōu)化禀倔，復(fù)用性更高榄融。

? ? ? ? 2.對(duì)于js部分，自己非常的弱救湖，需要重點(diǎn)加強(qiáng)?
? ? ? ? ? ? ? ? ?1）一些原生JS的寫(xiě)法愧杯，自己需要再加強(qiáng)學(xué)習(xí)，還需通過(guò)大量實(shí)例來(lái)練習(xí)鞋既。
? ? ? ? ? ? ? ? ? 2）對(duì)于構(gòu)造函數(shù)這一塊也不需加強(qiáng)民效。
? ? ? ? ? ? ? ????3） 特別是其中的?面向?qū)ο螅玩溙尉龋庋b，繼承业扒，多態(tài)检吆。
? ? ? ? ? ? ? ?????4）js的 es6?的一些東西，也只是知道一點(diǎn)程储。

? ? ? ? 3.對(duì)于學(xué)習(xí)新的知識(shí)蹭沛，如學(xué)習(xí)到的node?也是需要大量的實(shí)例臂寝。因?yàn)橛幸恍〇|西都?沒(méi)能達(dá)到熟悉的地步。也只是才剛認(rèn)識(shí)知道摊灭。對(duì)于這些新東西咆贬，感覺(jué)自己好像也只是有個(gè)印象，感覺(jué)又忘了帚呼。
? ? ? ? ? ? ? ? ?1）git? ?對(duì)一些基礎(chǔ)的常用的幾個(gè)命?令已熟練掌握掏缎。更深入的還需要再去學(xué)習(xí)
? ? ? ? ? ? ? ? ?2）eslint? ?知道一些基礎(chǔ)的錯(cuò)誤改法。但是自己也不知道如何去配置文件煤杀，怎么寫(xiě)一些條件眷蜈。
? ? ? ? ? ? ? ? ?3）gulpFile? 自己也沒(méi)通過(guò)獨(dú)自的配置過(guò)文件。我估計(jì)我得再去看文檔沈自。
? ? ? ? ? ? ? ? ?4）node .js? ?只能說(shuō)是非常簡(jiǎn)單的一些知識(shí)酌儒，即環(huán)境，包的概念枯途，基礎(chǔ)的包的安裝忌怎，模塊的引入
? ? ? ? ? ? ? ? ?5）egg.js/mvc框架? 也只是對(duì)大概的有個(gè)認(rèn)知，但是實(shí)際到每一步時(shí)酪夷，感覺(jué)還是會(huì)不熟悉
? ? ? ? ? ? ? ? ?6)? sequelize?對(duì)于數(shù)據(jù)庫(kù)的操作? ? ?簡(jiǎn)單的知道一些增榴啸，刪，改捶索，查插掂。
? ? ? ? ? ? ? ? ?7）mocha? 對(duì)于配置安裝，這些也不知道腥例。只是知道寫(xiě)兩個(gè)測(cè)試辅甥，及怎么跑測(cè)試。真正都沒(méi)有熟練燎竖。? ? ? ?

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