最近一直在做weex的調研工作,整理之后給公司做了一次技術分享。
分享內容如下:
1:Weex是什么?
2: Weex目前能做什么?
3: Weex 如何調試
4: 剖析一下Weex原理
5: 跨平台通用組件
6: Weex的未來發展
1:weex 是什么?
進入到官網:http://alibaba.github.io/weex ,簡單明了的幾個詞,揭開了weex的神秘面紗 : write once run everywhere && Native Speed in Native Platform。
2: Weex目前能做什么?
我覺得weex還處在高速發展的一個情況,目前而言還是有很多缺陷,不管是weex 的 issues 還是 weex 的 gitter 聊天室里都不斷的有人提出一些關於weex的問題。對於開發簡單的邏輯不復雜的app項目,我覺得weex已經完全可以滿足你的需求了。我相信weex后續會慢慢的完善起來,對於開發復雜的應用也終將變成可能。我也利用weex快速的開發了一個簡單的點餐app應用,確實讓我體會到開發速度之快,如圖:
3: Weex 如何調試?
weex 的調試也非常的方便,直接用 weex-devtool 神器就可以了,教程如下:
weex 調試神器:https://github.com/weexteam/article/issues/50
4: 剖析一下Weex原理
weex 對動態化原理方案的思考一:https://github.com/amfe/article/issues/13
weex 對動態化原理方案的思考二:https://github.com/amfe/article/issues/14
weex 對動態化原理方案的思考三:https://github.com/amfe/article/issues/15
weex 詳細原理流程圖如下:
weex 能讓一套代碼能做成 native 級別的app,主要是做了三件事:
- 在本地用一個叫做 transformer 的工具把這套代碼轉成純 JavaScript 代碼
- 在客戶端運行一個 JavaScript 引擎,隨時接收 JavaScript 代碼
- 在客戶端設計一套 JS Bridge,讓 native 代碼可以和 JavaScript 引擎相互通信
整個 Weex 的工作原理大致可以用一張圖:
5: 跨平台通用組件
我覺得 weex的跨平台通用組件 有可能會成為一個商業化的市場,如果阿里后續把 weex組件做成商業化的形式,可能會帶來很多商機,有可能會有公司單獨出來做weex通用組件來賺錢,值得期待。我感覺weex正是想依靠開源的力量把weex的整個組件化生態圈豐富起來。
如圖所示:
6: Weex的未來發展
對於剛過去的ningJs大會上,尤雨溪宣布聯手 Weex。我想現在終於可以明正言順的叫它:"vue-native" ,哈哈哈~~~
==============weex 相關知識===================
weex 文章: https://github.com/weexteam/article/issues
weex 調試: https://github.com/weexteam/article/issues/50
weex 文檔: http://alibaba.github.io/weex/doc/
weex中使用數據流工具Vuex實踐 : http://www.kmhaoshuai.com/#!/articles/use-vuex-in-weex
weex交流室: https://gitter.im/weexteam/cn?utm_source=share-link&utm_medium=link&utm_campaign=share-link
==============大神的新浪微博====================
尤雨溪: http://weibo.com/arttechdesign?is_hot=1
勾股:http://weibo.com/mx006?from=hissimilar_home&refer_flag=1005050003_&is_hot=1
鬼道:http://weibo.com/777865156?is_all=1#_loginLayer_1473131847118