1. 程式人生 > >轉行前端工作一個月

轉行前端工作一個月

算是總結一下自己這段時間學習的內容吧,所在的公司算是電商這一塊,所以前端邏輯比較複雜。

這個月接觸的東西:小程式框架wepy.js,以及Vue.js框架,ES6,JS中級知識,AMD,PHP,CodeIgniter ,css3:translate屬性,less,npm&package.json

接觸的東西是比較多的,沒想到對js的要求確實是比較高的,同時對於class命名的方式也有了 一些體會。

知識點分享:

1.初學者class快速命名一直是個問題,希望下面的理智慧夠給你一些啟發

<div class="order-list-box">
<div class="order-list-title"></div>
<div class="order-list-content">
<div class="order-list-content-image></div>
<div class="order-list-content-text></div>
</div>
<div class="order-list-footer"></div>
</div>

特定內容的box,裡面有特定內容的title、content、footer,content:裡面你可以繼續套用title、content、fonter

不用駝峰命名是太慢了又不容易一眼識別

2.wepy.js小程式框架容易混淆小程式與vue.js

元件化開發的概念和vue幾乎一模一樣,

1.檢視層的寫法就是小程式的寫法,除了優化幾個方法,for,@tap,@tap.stop

2.<style></style>標籤裡面的css檔案是一樣的,但是可以用less的寫法,目前我只用less的巢狀,和定義引數。

3.<script></script>生命週期的鉤子函式是小程式的,其他的寫法的vue.js的但是在細節上有些區別,舉個例子vue.js:data()是個函式,wepy.js:data={}寫法是這樣的。請參照兩個的參考文件。

4.wepy.js元件化開發,想起面試的時候被問元件之間如何相互通訊時候一臉懵逼的樣子,就覺得好玩。

現在用的比較多的props父元件向子元件傳遞資料,還有$emit/$broadcast方法,前者是在子元件中呼叫,實現呼叫寫在父元件event中的函式,後者相反。

5.js中級知識(清明節貼上程式碼慢慢寫)

this的使用,constructor(){}方法,閉包,遍歷陣列的方法,遍歷字串,操作兩者,原型鏈與繼承,js記憶體原理

6.ES6(清明節貼上程式碼慢慢寫)

promise,箭頭函式,async/await,同步非同步請求,let/const塊級作用域,解構賦值

7.git使用技巧

是看廖雪峰的教程學的

但主要用的就是

git clone 貼上地址

git pull 更新別人在這段時間改的程式碼

git status 看看更改

git commit -a -m 註釋資訊

git push 上傳你的程式碼