Weex小冊—認識一下Weex

Weex介紹

Weex 是一個使用 Web 開發體驗來開發高性能原生應用的框架。

看了這句話依然不是很明白，哈哈~

其實就是說，weex對前端開發人員特別友好，用開發web的方式寫一個頁面，而後能夠打包成適配三端的js——「使用同一套代碼來構建 Android、iOS 和 Web 應用」 、「write once, run everywhere」。

因爲weex集成了v2版本的vue（並非依賴vue，在weex中也能夠寫React），咱們就以.vue文件來講一下weex的開發流程：

1. 使用weex支持的標籤以及css樣式規則（戲稱爲w3c「閹割版」的css）編寫vue頁面
2. Web：使用 vue-loader 處理 .vue 文件，生成對應web端的js；
   Native：使用 weex-loader 處理 .vue 文件，生成對應native端的js
3. Web：像正常作前端SPA項目同樣，html骨架+打包出來的web.js+weex-vue-render.js（Vue DSL 的 Web 渲染器，它在 Web 上實現了 Weex 的內置組件和內置模塊），Web端的頁面就展現出來了；
   Native：引入WeexSDK，作對應的初始化，而後把打包出來的weex.js本地引入或以CDN在線方式引入，Native端的頁面就展現出來了

能夠看出，相對於傳統作法——同一個頁面，須要前端工程師、iOS工程師、Android工程師分別寫一套代碼，使用weex則無疑大大提高了研發效率。

Weex的使用狀況

weex最開始是阿里的一個開源產品，後期捐贈給了Apache基金會開始孵化，因此，weex已經漸漸成爲了社區的weex，而不只僅是阿里的weex。雖然，weex最大的應用、實踐還是在阿里，特別是像雙十一這種「技術大閱兵」，可是，其餘企業也在慢慢加入到weex實踐、貢獻的行列，weex勢必發展愈來愈好。分享幾篇weex實戰文章，來自 WeexConf2018：
Weex實戰分享|騰訊企鵝電競Weex實踐和性能優化
Weex實戰分享|Weex在極客時間APP中的實踐
Weex實戰分享|Weex在盛大遊戲中的應用實踐
更多相關的技術分享，能夠關注「淘寶技術」微信公衆號。

由於weex開發文檔確實不盡如人意，致使不少人跟着跟着就棄坑了……想嘗試的開發者看着網上各類吐槽的負面聲音，有時候也就沒有了前行的動力。

其實，我我的感受，無論別人怎麼吐槽，開發者應該有本身的判斷：weex爲何會出現？它有沒有帶來開發效率上的提高？若是有，說明這項技術仍是頗有價值的，更況且如今愈來愈多的企業、開發者都在實踐weex，大可放心使用。

Weex入門實踐

官方提供的有weex-toolkit腳手架工具，能夠快速構建一個weex項目。可是我我的學習習慣不是這樣的，剛接觸一項新技術，什麼都被封裝好了，總感受是雲裏霧裏。我喜歡以本身現有的前端知識作基礎，探索怎麼一步一步地去構建一個weex項目，這樣下來，既能明瞭weex的開發流程，又能對整個項目有很強的把控——這樣頗有安全感，哈哈~

接下來我會寫幾篇weex相關的文章，大體內容以下：
Weex小冊——從0搭建一個Weex項目
Weex小冊——Weex開發注意事項，又名採坑-填坑之旅
Weex小冊——集成Weex到App
Weex小冊——使用Weex開發一個App
有興趣的能夠關注下，看看是否能給你帶來不同的Weex開發體驗！