国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

踩坑--- 基于釘釘的Weex微應用開發起手式(其實寫完發現變成Weex相關資料匯總了)

zhouzhou / 2930人閱讀

摘要:問題,你可以在中文討論板塊提交問題,地址。文字展現必須使用標簽關于端的點透事件需要在上層視圖上加上,如果上層視圖有事件,多加一個中間層,把加在空事件視圖上關于事件注意僅支持和,暫不支持。事件會在頁面就要關閉時被觸發。

好吧,我知道你來看這個文章,一定是遇到坑了,所以,把這幾個放在最開始吧 現在,如果你的團隊的技術棧是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踩坑攻略
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官方地址
具體的搭建環境什么的里面都有,可以直接閱讀官方文檔,但是官方文檔有坑,請酌情閱讀

有以下知識需要注意

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}}

一個可愛的萌妹子的探路歷程比較詳細的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

相關文章

  • 最全的weex踩坑攻略-出自大量實踐與沉淀

    摘要:如果你對微應用感興趣,也在開發著微信小程序,不妨來看看為了讓你減少顧慮而準備的技術對比表格,是的,開發釘釘的微應用是如此的簡單。訪問這個鏈接閱讀釘釘微應用與微信小程序技術對比表格。與內存管理由于運行在中,此與有較大差異。 在自己的業務環境中使用,并開放給第三方isv,企業開發者使用,這是一篇有內涵有故事的文章。 如果你對weex微應用感興趣,也在開發著微信小程序,不妨來看看為了讓你減少...

    qc1iu 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<