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