時間過的好快，一眨眼就是一周。這周感覺過的挺輕松的，然后還蠻開心的，覺得自己慢慢的開始喜歡編程了，沒有那么多的抵觸。而且可能是周圍的同事也都很好，所以每天都有一種滿滿的幸福感。但是當(dāng)然也有編程編不出來的時候，看到別人什么都會，而我自己卻始終都是懵懵懂懂的時候，會有一種挺深的挫敗感。總體來說，這周很enjoy。。。不過想到下周要開學(xué)，就痛苦的想要大哭了。
說點(diǎn)正事，這周的任務(wù)主要就是將之前做的類似三級菜單功能的提測系統(tǒng)頁面又用m2的框架寫了一遍。即vue、jade、stylus、nodejs。遇到的問題以及感悟：
- 從頁面布局開始說起，當(dāng)拿到一個任務(wù)時，應(yīng)該先想清楚要干嘛，它的頁面布局要先弄清楚，而不是想一步就是一步，這樣即使頁面中之后調(diào)樣式的時候，也會發(fā)現(xiàn)自己給自己挖了很大的坑，不知道哪里對哪里，還有，你看出來了吧，你那些常用的樣式屬性并不熟悉，所以，一會再去熟悉一遍：float、display、position、width、height這些屬性是相對于誰。。。
- 因?yàn)橹赖姆椒ㄟ€是東西都比較少，所以遇到問題都只能按照自己一根筋的思路在走，導(dǎo)致邏輯嵌套比較復(fù)雜，代碼常常把自己給惡心到。不過這應(yīng)該是一個慢慢來，慢慢提煉的過程。
- 有時候?qū)ψ约簾o語呀，老是不想思考一些東西。比如，之前用jquery寫的，當(dāng)用vue的時候還是照搬過來，哎呀，無語吧，所以現(xiàn)在在一點(diǎn)點(diǎn)的改進(jìn)，體驗(yàn)一下vue雙向數(shù)據(jù)綁定的好處。
- 剛開始啟動項(xiàng)目時，要首先看一下app.js、vfe.config的配置，然后到controller中去找啟動的路徑，路徑的配置查找是在controller中進(jìn)行的，app.use(),app.get()進(jìn)行匹配，然后去找頁面.jade文件
- 當(dāng)寫了.js文件時，發(fā)現(xiàn)沒有404，找不到這個文件，此時的錯誤在于最后一個文件，什么webpackage的文件中的配置不對。檢查出錯誤的放大，是在自動生成的build文件中也沒有要查找的.js文件，而且文件自動生成放錯了位置。解決方案：找出之前項(xiàng)目的文件來進(jìn)行比對，找出少了一些一個.fe，導(dǎo)致我調(diào)了好久。華哥說這是公司自己寫的框架，是寫死的，所以一個地方出錯，就會導(dǎo)致整個項(xiàng)目都沒有方法運(yùn)行。
- 對于模塊的劃分，讓我自己有些混亂，到底怎樣才弄成一個vue，到現(xiàn)在還不能清楚的知道，對于組件認(rèn)識并不是很清晰？？？只知道是弄了groups.vue、projects.vue、forms.vue等等。對于vue中的數(shù)據(jù)與js中數(shù)據(jù)的綁定：
- 對于要綁定的數(shù)據(jù)，要在js文件中的data（）{}中進(jìn)行聲明，在.vue文件中的props中進(jìn)行寫明.
- 當(dāng)vue中的多個數(shù)據(jù)要與js中的數(shù)據(jù)綁定時，可以使用一個對象。
- 還有對于綁定的數(shù)據(jù)，要在.jade文件中進(jìn)行聲明。
- 對于.jade文件的聲明，要注意使用show-modal-success，會自動轉(zhuǎn)化成駝峰式的showModalSuccess，這是比較令人惡心的一點(diǎn)，要注意一下啦。。
- 還有項(xiàng)目中對于radio的使用，如何傳值呀，這個可以看vue.js的官網(wǎng)教程，對于單選框、復(fù)選框這些使用方法，要記?。∫涀。∫涀。≈匾氖虑檎f三遍。。
- 頁面布局，當(dāng)時是左邊有兩個div，右邊有兩個div，剛開始的時候都是獨(dú)立的，發(fā)現(xiàn)不太好處理，因?yàn)椴荒芫植孔赃m應(yīng)，當(dāng)變小的時候就會out of shape。所以就重新進(jìn)行布局呀，當(dāng)然是左邊的兩個div放在一個div中，右邊的div放到右邊的div中。這樣就可以輕松的解決這個問題了。你這個傻缺。。
- ！important 是優(yōu)先級最高的意思。outline：none 是對于使用框架時，一點(diǎn)擊就會有outline的顏色的對策。對于布局不好，又不太會使用框架的來說，大爺?shù)?，簡直給自己挖了無數(shù)的坑，要進(jìn)行調(diào)試就得在無數(shù)坑，無數(shù)嵌套的基礎(chǔ)上進(jìn)行修改。
- 最后一點(diǎn)吧，就是自己這兩天一直在弄的一個東西，深深的感覺到Bootstrap是一個強(qiáng)大的東西，然后各種github上的代碼更是一個好到不行不行的東西。不過突然想到，我好像比別人晚了一年才知道這個東西。記得上學(xué)期的時候，舍友就問我會不會用github，知不知道，當(dāng)時還是一臉的懵比，現(xiàn)在其實(shí)也并不會。。。對了，見老大他們都是使用bing進(jìn)行搜索，所以以后使用bing吧
- Bootstrap自動補(bǔ)全，typeahead。對應(yīng)于github上的代碼：typeahead自動補(bǔ)全
- Bootstrap tagsinput 一行進(jìn)行輸入多個，使用戶的體驗(yàn)效果更好一點(diǎn)。tagsinput
- 即可以自動補(bǔ)全，然后又帶有tagsinput，Tokenfield
- 給自己的忠告，既然自己對框架不是很熟的話，就不要卵用框架，因?yàn)橐蕾嚭芏啵乙臇|西的話比較麻煩。。盡量少用框架，要自己寫，自己寫，自己寫。。
