摘要:問題,你可以在中文討論板塊提交問題,地址。文字展現(xiàn)必須使用標簽關(guān)于端的點透事件需要在上層視圖上加上,如果上層視圖有事件,多加一個中間層,把加在空事件視圖上關(guān)于事件注意僅支持和,暫不支持。事件會在頁面就要關(guān)閉時被觸發(fā)。
好吧,我知道你來看這個文章,一定是遇到坑了,所以,把這幾個放在最開始吧 現(xiàn)在,如果你的團隊的技術(shù)棧是react,請嘗試這個吧,跟react很像,如果你的團隊一直使用react,這是一個更好的選擇Rax · 跨容器的渲染引擎
Vue問題,你可以在Vue官方提交issues,【地址】?。常用社區(qū)與資源
Weex問題,你可以在中文討論板塊提交問題,【地址】?。
Weex官方github提issues地址Weex的Issues
weex支持有限的Style,頁面的布局使用Flex,建議仔細閱讀:Weex 組件支持的通用樣式規(guī)則
weex的上層業(yè)務框架有三層:vue2.0,rax,we,如果你用vue2.0來編寫上層業(yè)務,建議仔細閱讀:Vue 2.x 在 Weex 和 Web 中的差異?和?Vue 官方文檔
內(nèi)建組件和內(nèi)建模塊基本上是你開發(fā)Weex應用的基礎,建議仔細閱讀:內(nèi)建模塊?和?內(nèi)建組件
weex debug 的使用方式,建議仔細閱讀:weex dev tool 的使用
相當于阿里的weex官方UI庫Weex Ui 官網(wǎng)Weex + Ui - Weex Conf 2018
餓了么前端關(guān)于Weex的知乎專欄首先,你肯定想知道Weex是個什么玩意
超級全的Weex大集合,大禮包,千萬不要錯過
據(jù)說來著阿里的同學的 可能是史上最全的weex踩坑攻略
3個比較活躍的Weex開發(fā)QQ群 327169027 112304356 140596030
可以借鑒的Demo weex-eleme
Weex學院
Weex中文社區(qū)
一個weex的UI組件庫
一個weex答題牛人,荔枝我大哥
Weex的github地址
做app的推薦使用遠方的狼的腳手架,做了很多優(yōu)化,極力推薦使用遠方的狼的腳手架項目地址:
iOS的同學可以看看這個iOS開發(fā)者的Weex偽最佳實踐指北
Weex項目實戰(zhàn)及踩坑記錄
weex-eros 是基于?[weex?封裝面向前端的 Vue2 寫法的解決方案](https://www.gitbook.com/book/...
來給你甩個鏈接,來看看官方如何解釋weex是個啥Weex官方地址
具體的搭建環(huán)境什么的里面都有,可以直接閱讀官方文檔,但是官方文檔有坑,請酌情閱讀
Weex現(xiàn)在支持用Vue2.0語法進行開發(fā),所以你現(xiàn)在需要先具備一定的Vue基礎,關(guān)于Vue的相關(guān)知識,請參考Vue官方文檔,Weex官方說是Vue的全家桶都能夠使用,但是在實際開發(fā)過程中,我們團隊還是遇到了一定的問題,3端表現(xiàn)并不一致,請斟酌使用。如果你有原生開發(fā)經(jīng)驗,那就太好了。
非常重要,一定要仔細閱讀 Vue 2.x 在 Weex 和 Web 中的差異
在樣式上,Weex對CSS的支持不是特別完善
Weex不支持CSS的簡寫,所有類似margin: 0 0 10px 10px的都是不支持的
不管是Web還是Weex你的設計應該基于750px來繪制界面,Weex框架層面會幫你自動計算和適配。
如果你對Native比較熟悉可以直接編一下weex開源的項目,如果實在搞不明白的話,你可以去各大應用市場里下載 weex playground 這個App,然后用weex debug src/weex-bootstrap.we 來開啟調(diào)試界面。推薦閱讀 前人留下的印跡
如果你只想查看一下在Native端的渲染,用weex playground這個App掃描一下第二個二維碼即可。
如果你需要調(diào)試,依然是用weex playground這個App先掃描第一個二維碼,此時會出現(xiàn)第二個節(jié)目,然后再掃描下方,你自己頁面的二維碼來渲染。
調(diào)試分為兩個部分Debugger和Inspector,如果你選擇Debugger,那么你可以在source里看到你寫的文件,來斷點之類的。如果你選擇后者,那么你可以在element面板里查看元素。
重要的事情再說一遍:(要用weex playground掃二維碼)。
釘釘官方人員,基于Weex的釘釘高性能微應用倡導者與實踐者,寫的相關(guān)文章 請仔細閱讀 地球上最全的weex踩坑攻略-出自大量實踐與沉淀
關(guān)于字體圖標的解決辦法,字體圖標需要處理后才能正常使用 字體圖標的Bug
{{getFontName}}
`var he = require("he");
module.exports = { data: function () {` return { fontName: "", } `},` `computed: {` getFontName: function() { return he.decode(this.fontName) } `}`
}
一個可愛的萌妹子的探路歷程比較詳細的Weex踩坑過程
連載教程進擊的weex 第二發(fā) weex的各種坑
目前所知的,比較傾向于原生的踩坑歷程最早的踩坑歷程
基本的Weex介紹視頻 ,釘釘研發(fā)人員開講 快到讓你難以置信的Weex技術(shù)
強烈推薦的釘釘封的一個js庫,非常好用,這個庫存在的意義是提供一些便捷的Utility函數(shù),這些Utility函數(shù)將抹平Web Weex之間的一些差異,提供統(tǒng)一的接口,讓用戶使用,目前實現(xiàn)了7個模塊可供使用。抹平差異的Utility庫
釘釘給出的常見小問題
Weex相關(guān)的視頻,但是Weex1.0版本的,可以學習思想 暴走親年的weex教學視頻
weex-hackernews項目源碼,Weex官方給的一個Demo https://github.com/weexteam/weex-hackernews
我是從這個Demo上手的,基于Vue2.0 強烈推薦,強烈推薦,強烈推薦 ,Android可直接打包為apk,無須配置一個老外寫的todo-list Demo
通往星辰大海的路上的坑(下面想起什么記錄什么,無序排列,持續(xù)更新)關(guān)于最多的Playground掃碼白屏的問題,這個文章中有提到我的Weex開發(fā)之路
標簽跳轉(zhuǎn)的是一個Weex頁面(也就是一個js文件),與H5下的標簽用法不一致,并不是跳轉(zhuǎn)一個常見的網(wǎng)頁
關(guān)于fetch(options, callback[,progressCallback])發(fā)起網(wǎng)絡請求中有關(guān)Timeout的問題
當你在請求數(shù)據(jù)時,可能會發(fā)現(xiàn)官方的文檔里沒有設置 timeout 這個屬性,官方大概把這個屬性值設置為了3秒,在弱網(wǎng)情況下,這個值是不夠的。經(jīng)過研究,其實,你可以大膽使用,如下:
stream.fetch({ method: "GET", type: "json", url: "https://api.github.com/repos/" + repo, timeout:6000 //單位為ms }, callback)
使用Weex中的refresh,loading上拉與下拉刷新,3端體驗不一致,Android上拉下拉都沒問題,iOS都不行
原因是因為在iOS 上由于 Scroller 的contentSize 小于scroller 本身高度所以導致不能滑動,所以需要設置你想滑動的內(nèi)容或容器高度
(建議同loadmore事件替換loading組件,loading的問題有點多,即使你的content足夠長,高度大于屏幕高度,多拽幾次也有可能出現(xiàn)加載中...情況收不下去的)
目前圖片不支持使用本地圖片,并且不支持gif格式,如果需要類似loading的動圖,可以嘗試使用動畫實現(xiàn)
可以考慮用來做loading動畫持續(xù)旋轉(zhuǎn)的動畫效果
Tips: transform: "rotateZ(360deg)", 其中你旋轉(zhuǎn)的角度每次動畫過后都是保存了的,并沒有歸0,也就是說你第一次是從0度轉(zhuǎn)到360度,以后(你的每600ms)都是從360度到360度。
文字展現(xiàn)必須使用
關(guān)于Android端的點透事件
需要在上層視圖上加上@click.stop,如果上層視圖有事件,多加一個中間層,把@click.stop加在空事件視圖上
關(guān)于Page 事件
注意:僅支持 iOS 和 Android,H5 暫不支持。
Weex 通過?viewappear和?viewdisappear事件提供了簡單的頁面狀態(tài)管理能力。
viewappear?事件會在頁面就要顯示或配置的任何頁面動畫被執(zhí)行前觸發(fā),例如,當調(diào)用?navigator模塊的?push方法時,該事件將會在打開新頁面時被觸發(fā)。viewdisappear事件會在頁面就要關(guān)閉時被觸發(fā)。必須綁定到頁面的根元素上。
(我們遇到的坑是在Playground中這兩個事件都能夠觸發(fā),但是iOS和Android的觸發(fā)時間好像有微小的差異,但是這個事件在釘釘客戶端中,Android上表現(xiàn)完好,iOS端無法觸發(fā),原因 不明,但是在釘釘中的解決辦法如下)
頁面resume事件
當頁面重新可見并可以交互的時候,釘釘客戶端會觸發(fā)這個事件。
import dingtalk from "weex-dingtalk"; dingtalk.ready(function(){ dingtalk.on("resume",function(){ // do something }) });
頁面pause事件
當頁面不可見時,釘釘客戶端會觸發(fā)這個事件。
import dingtalk from "weex-dingtalk"; dingtalk.ready(function(){ dingtalk.on("pause",function(){ // do something }) });以上全部資源來自互聯(lián)網(wǎng)搜集,歡迎轉(zhuǎn)發(fā)分享,希望Weex能越來越好。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/96750.html
摘要:如果你對微應用感興趣,也在開發(fā)著微信小程序,不妨來看看為了讓你減少顧慮而準備的技術(shù)對比表格,是的,開發(fā)釘釘?shù)奈檬侨绱说暮唵巍TL問這個鏈接閱讀釘釘微應用與微信小程序技術(shù)對比表格。與內(nèi)存管理由于運行在中,此與有較大差異。 在自己的業(yè)務環(huán)境中使用,并開放給第三方isv,企業(yè)開發(fā)者使用,這是一篇有內(nèi)涵有故事的文章。 如果你對weex微應用感興趣,也在開發(fā)著微信小程序,不妨來看看為了讓你減少...
閱讀 1425·2021-10-11 11:12
閱讀 3256·2021-09-30 09:46
閱讀 1639·2021-07-28 00:14
閱讀 3143·2019-08-30 13:49
閱讀 2591·2019-08-29 11:27
閱讀 3245·2019-08-26 11:52
閱讀 609·2019-08-23 18:14
閱讀 3444·2019-08-23 16:27