上午

1.JsBridge使用和原理

2.移動端前端開發除錯
rem和media前者較方便

3.淺談Hybrid技術的設計與實現

下午

4.牛邦的同事下午過來給我們進行了前端方面的培訓，乾貨滿滿，認真聽下來收穫挺多的。CRH&NB前端分享
現總結為以下知識點：

（1）首先是我對於展示的codepen平臺很感興趣，進行了瞭解，Codepen官網，總之是一個可以線上編寫，實時預覽，並分享的前端人員程式碼交流網站。

（2）國內開發者基礎: Vue ~= React > Angular

React

之前的協議問題導致不少開發者流出，大廠還是有大量優質元件是React開發的如 AntDesign

Vue

優秀的中文文件以及因有類似小程式這樣的平臺框架語法類似因此開發者數量較大，大廠也有Eleme跟AntV以及Vant等成熟開源元件庫

Angular

有google背書 UI 有知名的
Material跟Ionic，其1.x的開發者還是不少，到2.x+後因不向下相容強跟typescript結合開發流失了不少開發者。

(3) 框架附加元件量: Angular > Vue > React

1. Angular

傾向企業級開發，方案都是整合度很高的，路由、Http、Form、Validator甚至打包（跟目前財人匯用到的F7有點類似）

2. Vue

討巧的只引入了一般專案必要的元件，路由、狀態控制、通訊用的observe，很輕量級因此能保持一個較小的體積，且能保證這些核心元件的穩定跟質量，雖然最大的問題是
Vue實際的主導者只有作者本人。

3. React

視開發者都是大神，提供了一個靈活的核心後其他的一切都隨你去引入，這個導致的後果是很多初級開發者在react router這裡就卡了殼
2.x、3.x、4.x、native、web ？想component根據路由按需載入？又得自己diy一個元件。一個完整的React核心的專案因引入了大量開源社群質量程度不一的元件後導致專案穩定性需要一個相對熟悉這些元件的人去把控，難度變得較高。

(4) NB目前所有的前端專案，排除服務端渲染的全部使用 Vue 為主力開發框架。理由：

• 引入的學習成本相對較小（React需要了解一堆其他的開源庫、Angular則需要先熟悉TypeScript以及他那500+的API)

• 大量的成熟業務元件可複用（ElementUI,Vant…）

• 樣式的超集選擇比較靈活(lang=*來決定)以及作用域相對可控（加不加屬性scoped），React的CSSInJS以及CSSModule依然需要很高的學習跟維護成本。

• DIY一個元件的難度相對簡單，React還區別 stateless、purecomponent等各種不停形態的元件以提升效能。

• 元件的寫法方式較為統一，React因為是純ESClass的方式，因此Webpack中Babel對應的ESstage決定了定義Class程式碼的樣式
  總結待續，臨時分配到開發財富商城PC端的任務。

5.先配置開發環境windows安裝jekyll步驟及問題