Weex 初步體驗

阿里推出的類似React Native和Native Script的從前端都mobile的解決方案僚害,主要研究如何將Front End的開發(fā)技術(shù)和體驗移植到Mobile開發(fā)中去。現(xiàn)在看起來阿里想做的方案是一套代碼可以在Browser, Android和IOS三個平臺幾乎無縫的運行韵卤。scope可謂大大的蹂窖。

原理

目前看來原理方面阐滩,官方給了下面的workflow和示意圖闽烙。

Weex file --------------frontend(source code)
↓ (transform) --------- frontend(build tool)
JS bundle ------------- frontend(bundle code)
↓ (deploy) ------------ server
JS bundle in server --- server
↓ (compile) ----------- client(js-engine)
Virtual DOM tree ------ client(weex-jsframework)
↓ (render) ------------ client(render-engine)
Native view ----------- client(render-engine)
TB1ootBMpXXXXXrXXXXwi60UVXX-596-397.png
TB1_SA4MXXXXXXGaXXXpZ8UVXXX-519-337.png

大概可以理解為weex工具使用類似webpack之類的工具將你的JS代碼打包為一個JS Bundle文件每界,然后通過一個封裝的JS Framework將你的JS Buddle轉(zhuǎn)化為一個Vitual DOM結(jié)構(gòu)日缨,再交給RenderEngine將CSS, Event等相關(guān)東西attach上去钱反,最終渲染在目標平臺上講頁面渲染出來掖看。

體驗

運行Weex PlayGround

關(guān)于Getting Starting的指導(dǎo)可以參考官方Github

個人體會

我基本花了三天才把這一套東西整個Run起來匣距,整體上覺得有幾點感覺不是很滿意。

  1. 整個工具鏈還沒有出來哎壳,我不知道如何初始化一個完整項目毅待,我指的是初始化一個項目,包含JS的腳手架還有目標平臺归榕。無法使用命令行添加平臺支持尸红,使用命令行打包和運行應(yīng)用到原生平臺上去。
  2. 從Playgroud這個官方的Demo應(yīng)用來看,組件還相當不完善外里,UI在兩個平臺上看都是IOS風格的怎爵,顏色感覺是從Bootstrap那邊抄過來的感覺。還有就是所有的觸碰操作都沒有反饋盅蝗,感覺是在摸玻璃板鳖链。不過整體感覺就是Web頁面在手機上的感覺,還體會不到其原生方面相同或者類似的體驗墩莫。

看法

個人感覺阿里畫的scope很大——write once, run anywhere芙委,還有就是vue現(xiàn)在的生態(tài)圈子是相對不如React的,感覺現(xiàn)在基本應(yīng)該觀望狂秦,看幾個月后的生態(tài)如何灌侣。畢竟其離React

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市裂问,隨后出現(xiàn)的幾起案子侧啼,更是在濱河造成了極大的恐慌,老刑警劉巖堪簿,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件慨菱,死亡現(xiàn)場離奇詭異,居然都是意外死亡戴甩,警方通過查閱死者的電腦和手機符喝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來甜孤,“玉大人协饲,你說我怎么就攤上這事〗纱ǎ” “怎么了茉稠?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長把夸。 經(jīng)常有香客問我而线,道長,這世上最難降的妖魔是什么恋日? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任膀篮,我火速辦了婚禮,結(jié)果婚禮上岂膳,老公的妹妹穿的比我還像新娘誓竿。我一直安慰自己,他們只是感情好谈截,可當我...
    茶點故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布筷屡。 她就那樣靜靜地躺著涧偷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪毙死。 梳的紋絲不亂的頭發(fā)上燎潮,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天,我揣著相機與錄音扼倘,去河邊找鬼跟啤。 笑死,一個胖子當著我的面吹牛唉锌,可吹牛的內(nèi)容都是我干的隅肥。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼袄简,長吁一口氣:“原來是場噩夢啊……” “哼腥放!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起绿语,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤秃症,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后吕粹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體种柑,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年匹耕,在試婚紗的時候發(fā)現(xiàn)自己被綠了聚请。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,444評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡稳其,死狀恐怖驶赏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情既鞠,我是刑警寧澤煤傍,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站嘱蛋,受9級特大地震影響蚯姆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜洒敏,卻給世界環(huán)境...
    茶點故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一龄恋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧桐玻,春花似錦篙挽、人聲如沸荆萤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至偏竟,卻和暖如春煮落,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背踊谋。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工蝉仇, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人殖蚕。 一個月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓轿衔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親睦疫。 傳聞我的和親對象是個殘疾皇子害驹,可洞房花燭夜當晚...
    茶點故事閱讀 45,455評論 2 359

推薦閱讀更多精彩內(nèi)容