摘要：?jiǎn)栴}，你可以在中文討論板塊提交問(wèn)題，地址。文字展現(xiàn)必須使用標(biāo)簽關(guān)于端的點(diǎn)透事件需要在上層視圖上加上，如果上層視圖有事件，多加一個(gè)中間層，把加在空事件視圖上關(guān)于事件注意僅支持和，暫不支持。事件會(huì)在頁(yè)面就要關(guān)閉時(shí)被觸發(fā)。

Vue問(wèn)題，你可以在Vue官方提交issues，【地址】?。
Weex問(wèn)題，你可以在中文討論板塊提交問(wèn)題，【地址】?。
Weex官方github提issues地址Weex的Issues
weex支持有限的Style，頁(yè)面的布局使用Flex，建議仔細(xì)閱讀：Weex 組件支持的通用樣式規(guī)則
weex的上層業(yè)務(wù)框架有三層：vue2.0，rax，we，如果你用vue2.0來(lái)編寫上層業(yè)務(wù)，建議仔細(xì)閱讀：Vue 2.x 在 Weex 和 Web 中的差異?和?Vue 官方文檔
內(nèi)建組件和內(nèi)建模塊基本上是你開(kāi)發(fā)Weex應(yīng)用的基礎(chǔ)，建議仔細(xì)閱讀：內(nèi)建模塊?和?內(nèi)建組件
weex debug 的使用方式，建議仔細(xì)閱讀：weex dev tool 的使用

相當(dāng)于阿里的weex官方UI庫(kù)Weex Ui 官網(wǎng) 

餓了么前端關(guān)于Weex的知乎專欄
超級(jí)全的Weex大集合，大禮包，千萬(wàn)不要錯(cuò)過(guò)
據(jù)說(shuō)來(lái)著阿里的同學(xué)的   可能是史上最全的weex踩坑攻略
3個(gè)比較活躍的Weex開(kāi)發(fā)QQ群 327169027  112304356  140596030
可以借鑒的Demo  weex-eleme 
Weex學(xué)院
Weex中文社區(qū)
一個(gè)weex的UI組件庫(kù)
一個(gè)weex答題牛人，荔枝我大哥
Weex的github地址
做app的推薦使用遠(yuǎn)方的狼的腳手架,做了很多優(yōu)化，極力推薦使用遠(yuǎn)方的狼的腳手架項(xiàng)目地址:
iOS的同學(xué)可以看看這個(gè)iOS開(kāi)發(fā)者的Weex偽最佳實(shí)踐指北
Weex項(xiàng)目實(shí)戰(zhàn)及踩坑記錄
 weex-eros 是基于?[weex?封裝面向前端的 Vue2 寫法的解決方案](https://www.gitbook.com/book/...

來(lái)給你甩個(gè)鏈接，來(lái)看看官方如何解釋weex是個(gè)啥Weex官方地址
具體的搭建環(huán)境什么的里面都有，可以直接閱讀官方文檔，但是官方文檔有坑，請(qǐng)酌情閱讀

Weex現(xiàn)在支持用Vue2.0語(yǔ)法進(jìn)行開(kāi)發(fā)，所以你現(xiàn)在需要先具備一定的Vue基礎(chǔ)，關(guān)于Vue的相關(guān)知識(shí)，請(qǐng)參考Vue官方文檔，Weex官方說(shuō)是Vue的全家桶都能夠使用，但是在實(shí)際開(kāi)發(fā)過(guò)程中，我們團(tuán)隊(duì)還是遇到了一定的問(wèn)題，3端表現(xiàn)并不一致，請(qǐng)斟酌使用。如果你有原生開(kāi)發(fā)經(jīng)驗(yàn)，那就太好了。

非常重要,一定要仔細(xì)閱讀  Vue 2.x 在 Weex 和 Web 中的差異

在樣式上，Weex對(duì)CSS的支持不是特別完善

Weex不支持CSS的簡(jiǎn)寫，所有類似margin: 0 0 10px 10px的都是不支持的
不管是Web還是Weex你的設(shè)計(jì)應(yīng)該基于750px來(lái)繪制界面，Weex框架層面會(huì)幫你自動(dòng)計(jì)算和適配。

調(diào)試

如果你對(duì)Native比較熟悉可以直接編一下weex開(kāi)源的項(xiàng)目，如果實(shí)在搞不明白的話，你可以去各大應(yīng)用市場(chǎng)里下載 weex playground 這個(gè)App，然后用weex debug src/weex-bootstrap.we 來(lái)開(kāi)啟調(diào)試界面。
如果你只想查看一下在Native端的渲染，用weex playground這個(gè)App掃描一下第二個(gè)二維碼即可。
如果你需要調(diào)試，依然是用weex playground這個(gè)App先掃描第一個(gè)二維碼，此時(shí)會(huì)出現(xiàn)第二個(gè)節(jié)目，然后再掃描下方，你自己頁(yè)面的二維碼來(lái)渲染。
調(diào)試分為兩個(gè)部分Debugger和Inspector，如果你選擇Debugger，那么你可以在source里看到你寫的文件，來(lái)斷點(diǎn)之類的。如果你選擇后者，那么你可以在element面板里查看元素。
重要的事情再說(shuō)一遍：（要用weex playground掃二維碼）。

釘釘官方人員，基于Weex的釘釘高性能微應(yīng)用倡導(dǎo)者與實(shí)踐者，寫的相關(guān)文章    請(qǐng)仔細(xì)閱讀  地球上最全的weex踩坑攻略-出自大量實(shí)踐與沉淀

關(guān)于字體圖標(biāo)的解決辦法，字體圖標(biāo)需要處理后才能正常使用 字體圖標(biāo)的Bug

{{getFontName}}


一個(gè)可愛(ài)的萌妹子的探路歷程比較詳細(xì)的Weex踩坑過(guò)程

連載教程進(jìn)擊的weex 第二發(fā) weex的各種坑


目前所知的，比較傾向于原生的踩坑歷程最早的踩坑歷程


基本的Weex介紹視頻 ，釘釘研發(fā)人員開(kāi)講 快到讓你難以置信的Weex技術(shù)


強(qiáng)烈推薦的釘釘封的一個(gè)js庫(kù)，非常好用，這個(gè)庫(kù)存在的意義是提供一些便捷的Utility函數(shù)，這些Utility函數(shù)將抹平Web Weex之間的一些差異，提供統(tǒng)一的接口，讓用戶使用，目前實(shí)現(xiàn)了7個(gè)模塊可供使用。抹平差異的Utility庫(kù)


釘釘給出的常見(jiàn)小問(wèn)題


Weex相關(guān)的視頻，但是Weex1.0版本的，可以學(xué)習(xí)思想  暴走親年的weex教學(xué)視頻


weex-hackernews項(xiàng)目源碼，Weex官方給的一個(gè)Demo https://github.com/weexteam/weex-hackernews


我是從這個(gè)Demo上手的，基于Vue2.0 強(qiáng)烈推薦，強(qiáng)烈推薦，強(qiáng)烈推薦  ，Android可直接打包為apk，無(wú)須配置一個(gè)老外寫的todo-list Demo


關(guān)于最多的Playground掃碼白屏的問(wèn)題，這個(gè)文章中有提到我的Weex開(kāi)發(fā)之路

通往星辰大海的路上的坑（下面想起什么記錄什么，無(wú)序排列，持續(xù)更新）

標(biāo)簽跳轉(zhuǎn)的是一個(gè)Weex頁(yè)面（也就是一個(gè)js文件），與H5下的標(biāo)簽用法不一致，并不是跳轉(zhuǎn)一個(gè)常見(jiàn)的網(wǎng)頁(yè)


關(guān)于fetch(options, callback[,progressCallback])發(fā)起網(wǎng)絡(luò)請(qǐng)求中有關(guān)Timeout的問(wèn)題
當(dāng)你在請(qǐng)求數(shù)據(jù)時(shí)，可能會(huì)發(fā)現(xiàn)官方的文檔里沒(méi)有設(shè)置 timeout 這個(gè)屬性，官方大概把這個(gè)屬性值設(shè)置為了3秒，在弱網(wǎng)情況下，這個(gè)值是不夠的。經(jīng)過(guò)研究，其實(shí)，你可以大膽使用，如下：
stream.fetch({
    method: "GET",
    type: "json",
    url: "https://api.github.com/repos/" + repo,
    timeout:6000  //單位為ms
}, callback)

使用Weex中的refresh，loading上拉與下拉刷新，3端體驗(yàn)不一致，Android上拉下拉都沒(méi)問(wèn)題，iOS都不行
原因是因?yàn)樵趇OS 上由于 Scroller 的contentSize 小于scroller 本身高度所以導(dǎo)致不能滑動(dòng)，所以需要設(shè)置你想滑動(dòng)的內(nèi)容或容器高度
（建議同loadmore事件替換loading組件，loading的問(wèn)題有點(diǎn)多，即使你的content足夠長(zhǎng)，高度大于屏幕高度，多拽幾次也有可能出現(xiàn)加載中...情況收不下去的）

目前圖片不支持使用本地圖片，并且不支持gif格式，如果需要類似loading的動(dòng)圖，可以嘗試使用動(dòng)畫實(shí)現(xiàn)

可以考慮用來(lái)做loading動(dòng)畫持續(xù)旋轉(zhuǎn)的動(dòng)畫效果

Tips:   transform: "rotateZ(360deg)", 其中你旋轉(zhuǎn)的角度每次動(dòng)畫過(guò)后都是保存了的，并沒(méi)有歸0,也就是說(shuō)你第一次是從0度轉(zhuǎn)到360度，以后（你的每600ms）都是從360度到360度。

文字展現(xiàn)必須使用標(biāo)簽

關(guān)于Android端的點(diǎn)透事件
需要在上層視圖上加上@click.stop，如果上層視圖有事件，多加一個(gè)中間層，把@click.stop加在空事件視圖上

關(guān)于Page 事件
注意：僅支持 iOS 和 Android，H5 暫不支持。
Weex 通過(guò)?viewappear和?viewdisappear事件提供了簡(jiǎn)單的頁(yè)面狀態(tài)管理能力。
viewappear?事件會(huì)在頁(yè)面就要顯示或配置的任何頁(yè)面動(dòng)畫被執(zhí)行前觸發(fā)，例如，當(dāng)調(diào)用?navigator模塊的?push方法時(shí)，該事件將會(huì)在打開(kāi)新頁(yè)面時(shí)被觸發(fā)。viewdisappear事件會(huì)在頁(yè)面就要關(guān)閉時(shí)被觸發(fā)。必須綁定到頁(yè)面的根元素上。
(我們遇到的坑是在Playground中這兩個(gè)事件都能夠觸發(fā)，但是iOS和Android的觸發(fā)時(shí)間好像有微小的差異，但是這個(gè)事件在釘釘客戶端中，Android上表現(xiàn)完好，iOS端無(wú)法觸發(fā),原因 不明，但是在釘釘中的解決辦法如下)
頁(yè)面resume事件
當(dāng)頁(yè)面重新可見(jiàn)并可以交互的時(shí)候，釘釘客戶端會(huì)觸發(fā)這個(gè)事件。
import dingtalk from "weex-dingtalk";
dingtalk.ready(function(){
    dingtalk.on("resume",function(){
        // do something
    })
});
頁(yè)面pause事件
當(dāng)頁(yè)面不可見(jiàn)時(shí)，釘釘客戶端會(huì)觸發(fā)這個(gè)事件。
import dingtalk from "weex-dingtalk";
dingtalk.ready(function(){
   dingtalk.on("pause",function(){
       // do something
   })
});
以上全部資源來(lái)自互聯(lián)網(wǎng)搜集，歡迎轉(zhuǎn)發(fā)分享，希望Weex能越來(lái)越好。