2015.12.20葡萄藤前端技術交流峯會拾零

2015.12.20葡萄藤前端技術交流峯會拾零

        首先是沁修姐結合51包裝項目後臺講的angularJs的一些使用及其優劣。咱們本身使用的結構基本上是bootstrap+（ngstrap、summernote、loadingbar等組件）+ui-rote+lazyload+angular。由於中創項目用的也是angular，使我對其也有些粗淺認識。

        先說說優勢：angular這種MVC/MV*框架搭建速度快，結構清晰，易維護，適合模塊化開發，其中的指令及數據雙向綁定能大福簡化代碼量，減小了dom操做也利於組件封裝公用，經過路由配置視圖及相應控制器結合lazyload能夠必定程度上減小代碼的全局污染，優化性能。

        會上你們對angular的弱點或不足激發了一輪討論。說說我我的的理解，MVC層次及注入思想使其不利於seo，爬蟲抓到的可能只是結構性代碼而非有意義的內容。感受只要用了ajax技術其實都差很少，如今ajax的seo問題彷佛是有一些解決方案的，不知道angular的這種問題是否能必定程度上獲得緩解（有時間查查）。還有就是angular並非一個輕量化的框架，現階段1.x的版本性能仍是一個很明顯的問題，由於雙向綁定須要時時監聽model，這自己對資源就有很高的要求，固然中創有些慢很大程度仍是我代碼寫的問題。

        再說說會上說的它的使用門檻問題。做爲js新手及angular的初級用戶，感受angular上手還算容易，只是不少思想和Jquery及原生js有些不一樣，大量的減小了dom操做而是經過與頁面結構並沒多少關係的指令去添加事件，不過這也僅限於入門級的使用，若是以前有一個較完整的angular框架，還有些代碼能夠借鑑，拿來用是沒問題的，不過對於高級用法及實現原理的理解就須要堅實的腳本基礎或經驗爲依託了。做爲小白其實拿來用就好，徹底能夠知足快速開發的，對應場景是有大神的公司能夠快速實現後臺管理等對seo要求不高的需求。

        利勇師兄所在公司分享的技術偏重原生及jquery實現，利用了python腳本動態生成結構及內容，及一些視圖模板的使用，能解決一些seo問題，history.pushState結合ajax（搜了下有個封裝叫pjax）能夠實現無刷新後退，而後他們經過md5來匹配本地緩存。說真的我如今對這些知識點都沒有什麼概念，一個是不瞭解，一個是沒應用場景。

        再後來是阿里大神提了下阿里對如今的一些新技術的使用，如nodejs、react之類的，前段時間雙十一就有文章說nodejs在雙十一期間獲得了不少應用，忽然想到當產品時看到的淘寶ued分享的nodejs與先後端分離的文章，不明覺厲。依賴管理使用bower及npm，大神們說bower已不維護，能夠用npm替代，感受如今github上的不少開源項目都是經過npm來進行組件管理或者經過npm來安裝，限於技術、經驗、眼界我雖然對這種新東西徹底沒概念，但不過不得不感嘆Js真的很強大，前端發展極速的事實。

        對將來技術的展望。前端技術推陳出新，發展迅猛，各類框架/庫亂世爭雄，被時間、市場、開發者打磨、淘沙後哪些能獲得確定我說很差，不過每種技術都有其優劣，根據需求及團隊狀況合理選擇纔是上策，隨着團隊磨合技術沉澱能夠適時封裝適合本身的庫。很是期待angular2.0帶來的改變，隨着計算機硬件性能的提高，代碼的性能影響會相對減弱，相信到時候應用angular這種優秀框架的場景會愈來愈多。以上是我對此次交流會的記錄及感想，若有不妥那就先不妥吧。