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

資訊專欄INFORMATION COLUMN

Weex系列(1) ——Hello World項(xiàng)目

xiaowugui666 / 3501人閱讀

摘要：由于最開始沒有一點(diǎn)點(diǎn)原生開發(fā)的經(jīng)驗(yàn)，所以我就直接用的腳手架初始化項(xiàng)目。那下面我們就從最最原始的項(xiàng)目開始吧，序篇太枯燥，自由發(fā)揮時(shí)間開始啦。執(zhí)行如下代碼，最后會(huì)得到如圖的項(xiàng)目結(jié)構(gòu)。入口文件等簡(jiǎn)析進(jìn)行了初始化。

目錄

Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS)

Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android)

Weex系列(1) —— Hello World項(xiàng)目

Weex系列(2) —— 頁面跳轉(zhuǎn)和通信

Weex系列(3) —— 單頁面還是多頁面

[Weex系列(4) —— 老生常談的三端統(tǒng)一]

[Weex系列(5) —— 封裝原生組件和模塊]

[Weex系列(6) —— css相關(guān)小結(jié)]

[Weex系列(7) —— web組件和webview]

[Weex系列(8) —— 是時(shí)候簡(jiǎn)析一下流程原理了]

[Weex系列(9) —— 踩坑填坑的集錦]

[Weex系列(10) —— 先這么多吧想到再寫。。。]

由于最開始沒有一點(diǎn)點(diǎn)原生開發(fā)的經(jīng)驗(yàn)，所以我就直接用的腳手架初始化項(xiàng)目。那下面我們就從最最原始的Hello World項(xiàng)目開始吧，序篇太枯燥，自由發(fā)揮時(shí)間開始啦。

weex-toolkit

執(zhí)行如下代碼，最后會(huì)得到如圖的項(xiàng)目結(jié)構(gòu)。

有的同學(xué)會(huì)繼續(xù)用官網(wǎng)的weex run ios或者android開始運(yùn)行項(xiàng)目，大多數(shù)人應(yīng)該都運(yùn)行不起來，我就是這大多數(shù)人，我是直接用原生工具運(yùn)行對(duì)應(yīng)App的，如iOS，直接用xcode打開WeexDemo.xcworkspace這個(gè)文件。(這里還有一個(gè)點(diǎn)，如下代碼最后需要pod install下，安裝weex sdk等包)

接下來就可以愉快的開發(fā)代碼了，調(diào)試就該登場(chǎng)了，那就下一個(gè)點(diǎn)吧。

npm install -g weex-toolkit
weex create helloworld
cd helloworld
weex platform add ios
weex platform add android

cd platforms/ios
pod install

Weex Playground

接上面最后一個(gè)點(diǎn)，輸入如下代碼，就會(huì)看到瀏覽器自動(dòng)打開一個(gè)網(wǎng)址，然后下載標(biāo)題上的這個(gè)App掃描二維碼就可以進(jìn)行調(diào)試了

weex debug src/index.vue

bundlejs

第一個(gè)命令就是把src目錄下我們寫的代碼打包到dist目錄下，會(huì)對(duì)應(yīng)生成xxx.js和xxx.web.js，xxx.js是原生所要用到的js，xxx.web.js是給web端用的，這就是三端統(tǒng)一的第一步。

后面兩個(gè)命令其實(shí)就是打包同時(shí)把打包后的代碼放到截圖對(duì)應(yīng)的原生目錄下，這兩個(gè)命令比較慢，我通常都是用終端的復(fù)制文件夾的功能直接復(fù)制代碼到對(duì)應(yīng)目錄下。

weex build web
weex build ios
weex build android

bundlejs的路徑問題

還是把這個(gè)多帶帶拿出來講一下吧，網(wǎng)上有好多版本的一統(tǒng)三端的js路徑等，其實(shí)總結(jié)起來就是：
iOS：能拿到weex.config.bundleUrl(我這邊是file:///var/containers/Bundle/Application/4D5A8D6F-2824-4603-936B-B77418600858/WeexDemo.app/bundlejs/index.js)能取到上面截圖bundlejs目錄地址，再做相對(duì)處理即可。
Android：weex.config.bundleUrl拿到的地址形式不統(tǒng)一，最后就是寫死的file://assets/dist
web：weex run web的時(shí)候?yàn)g覽器會(huì)自動(dòng)打開一個(gè)地址，可以研究這個(gè)地址再做一下調(diào)整。
后續(xù)章節(jié)可以把這個(gè)方法提供給大家參考。

iOS入口文件等簡(jiǎn)析

AppDelegate.m執(zhí)行了初始化weex環(huán)境的方法，這個(gè)方法里面還可以注冊(cè)我們封裝的模塊和組件，weex腳手架初始化的項(xiàng)目還提供了啟動(dòng)頁的方法，我們可以稍作修改換成我們自己的動(dòng)畫。

WeexSDKManager就是官網(wǎng)上的初始化weex環(huán)境的步驟。

WXDemoViewController加載了我們上面提到的打包后的js。

[WXSDKEngine registerModule:@"xxx" withClass:[xxx class]];
[WXSDKEngine registerComponent:@"xxx" withClass:[xxx class]];

Android入口文件等簡(jiǎn)析

WXApplication進(jìn)行了初始化。

AbsWeexActivity封裝了渲染加載js的方法，在WXPageActivity可以看到有調(diào)用createWeexInstance和renderPageByURL得方法。

Hello World就先講這么多吧，第一次寫系列文章，終于把開頭三章搞定了，如果大家對(duì)我的專欄有一點(diǎn)點(diǎn)興趣，就請(qǐng)點(diǎn)個(gè)贊哦，歡迎收藏繼續(xù)關(guān)注，謝謝。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/99074.html

相關(guān)文章

  • WEEX系列 環(huán)境搭建

    摘要：系列文章之環(huán)境搭建和一步一起從前端視角聊一聊如果你只想試試的語法寫個(gè)啥的，在線編輯器上玩玩就夠了。如果你想更深入的學(xué)習(xí)，顯然是需要搭建本地開發(fā)環(huán)境的。腳手架讓我們更專注于業(yè)務(wù)代碼，節(jié)約開發(fā)環(huán)境構(gòu)建成本，提供一定的靈活。 WEEX系列文章之環(huán)境搭建 和一步一起從前端視角聊一聊WEEX 如果你只想試試 weex 的語法寫個(gè) hello world 啥的， 在dotWe線編輯器上玩玩就夠了。...

    teren 評(píng)論0 收藏0

  • Weex系列(4) —— 老生常談的三端統(tǒng)一

    摘要：剛看到這仨頁面的時(shí)候，我就想著可以用路由，做成三端統(tǒng)一。樣式這部分真的三端基本是高度統(tǒng)一的，部分微調(diào)一下就可以了，也正是這樣，我們后續(xù)才能迅速解決和。終于不是談?wù)勅私y(tǒng)一了，也是真的體驗(yàn)了一次，雖然最后有點(diǎn)出入，但是下次基本是沒問題了。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(...

    wzyplus 評(píng)論0 收藏0

  • Weex系列(7) ——踩坑填坑的總總

    摘要：的方法在安卓底下會(huì)崩潰，結(jié)果竟然是要在里面設(shè)置正確的，因?yàn)槲沂怯霉倬W(wǎng)的腳手架搭起來的項(xiàng)目，不知道大家會(huì)不會(huì)遇到，改一下就可以解決問題了。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(1) —— Hello World項(xiàng)目 Weex系列(2) —— 頁面跳轉(zhuǎn)和通信 Weex系列(3)...

    toddmark 評(píng)論0 收藏0

  • Weex系列(7) ——踩坑填坑的總總

    摘要：的方法在安卓底下會(huì)崩潰，結(jié)果竟然是要在里面設(shè)置正確的，因?yàn)槲沂怯霉倬W(wǎng)的腳手架搭起來的項(xiàng)目，不知道大家會(huì)不會(huì)遇到，改一下就可以解決問題了。 目錄 Weex系列(序) —— 總要知道原生的一點(diǎn)東東(iOS) Weex系列(序) —— 總要知道原生的一點(diǎn)東東(Android) Weex系列(1) —— Hello World項(xiàng)目 Weex系列(2) —— 頁面跳轉(zhuǎn)和通信 Weex系列(3)...

    phpmatt 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<