2018年前端總結

 

總結者，先回顧，而後再梳理這一年的所作所得和所欠缺。

 

 

所涉及的技術體系：

一：.本來是react體系的，而後進入了一家是angular2體系的公司，基本這一年側重於寫ng的項目

 

純乾貨地址：https://www.bilibili.com/video/av16953560 

2.typeScript語法的接入，嗯，也不難，注意聲明類型，然後在使用

3.說兩個開發中經常使用的技巧，

 a.界面*ngFor 在對應的標籤上，須要設置一下key值，另外，循環的是一個數組，若是後端返回是object會報錯

b. 界面取值儘可能作非空處理{{item.name ? item.name : '暫無會員'}}，不過這樣寫有人以爲不友好，我也沒論證過，但願之後能夠獲得答案

c.關於若是動態建立一個選項，這個效果能夠參考一下個人一篇博客，記住一個理念：用數據來作驅動，有這個思想那麼基本就有好的思路了：https://www.jianshu.com/p/6b13e70d79c0

d。關於獲取自定義屬性的值的問題，也是參考一篇博客：http://www.javashuo.com/article/p-rzrrtspz-eu.html

e. 所謂一人計短，二人計長，多和本身的同事朋友交流技術，遇到問題多向優秀的人請教，有熱心的朋友幫忙解答了，記得說聲謝謝！即便沒能幫到，也記得說一下謝謝！這個社會已經夠冷漠了，但願技術領域仍是多一點暖心的東西吧！

 

二：.其中還迭代了三個小程序項目，有興趣的能夠搜來玩玩

鏟屎官助手：二維碼

1.一切的起源來源於界面，這裏須要推薦一下flex彈性佈局，這也是今年須要去學習掌握的一個技能，畢竟有時候寫界面一個水平垂直劇中要寫不少樣式，或者一個左右佈局用float，又或者要寫適配多屏等

2.有空能夠看看小程序社區，裏面有不少頗有意思的問題，包括一些你會遇到的坑，裏面也有大神在解答，

3.說幾個會用到的東西：https://www.jianshu.com/nb/26332766  本身找吧，基本都是項目經常使用的

4.說兩個須要注意的細節問題：wx:if="{{}}' 這裏大括號要帶上，因爲寫了ng的*ngIf=‘’  有時會弄混，小程序裏面沒有大括號沒法進行界面取值操做，另一個是寫for循環的時候，item項，不要用{{p}}來做參數，本人猜想這個是個關鍵字，界面會沒法獲取到值

5.能夠多多跟進一下官方api，裏面有些新特性本身寫寫，好比我用到一個小程序自動生成二維碼的插件，也挺有意思的。

6.最後就是一些開發細節了，好比界面通常會按照正常流程走（接口返回有值），也須要本身去處理，界面沒有值的狀況，用我一個老師的寫法叫作空守衛（估計是打籃球打多了，）。

 

賣點小程序（參與維護）：二維碼

 

西嬋美容：二維碼

 

三：.接觸了一下ionic3

1.嗯，目前這塊的資料真的不多，特別是一個完整能夠跑的項目簡直叫作沒得，項目因爲被其餘項目耽擱了，目前只有一個大概的項目架子，裏面有不少三方插件沒有具體的使用過。

2.但願有用過的朋友多寫點博客，或者分享一下項目經驗吧

 

四：，用apiCLoud開發了兩款App，這裏吐槽一下，聯調比較麻煩，有些控件因爲微信升級了，控件不支持多圖片分享，整體來講，接入到開發到上線仍是比較快速的，若是能更好的支持瀏覽器調試就更好了，因爲裏面封裝了原生組件，出了問題調試很麻煩。

 1.這個技術適合快速迭代，最理想的作法是所有用api的模式來寫東西，用內嵌html的模式作兼容適配比較麻煩，就是單獨去學那塊的東西須要花時間與精力

 

五：.寫寫H5的界面，基本界面都是h5了，不過一些新出的標籤特性仍是很強大的

 1.video標籤，使用的時候不要在dom上綁定，這樣綁定的沒法直接播放，建議獲取數據後，從js裏面渲染到界面，這樣就能夠直接播放了

2.進度條標籤，很好用 ，樣式的話本身找一下，也很好弄，顏色哪些都是能夠控制的

 

progress

<progress max="100" value="0" id="pg"></progress>


var pg=document.getElementById('pg');
 setInterval(function(e){
      if(pg.value!=100) pg.value++;
      else pg.value=0;
},100);

 

 

六：.仍是要多看看優秀的人寫的項目和代碼，有時間多看看技術博客。

 

七：我的在開發中關於git的一點心得：

https://www.jianshu.com/nb/31867840