成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

小程序初始認(rèn)識(shí)

wapeyang / 2542人閱讀

摘要：僅支持部分選擇器交互交互邏輯與類(lèi)似，此外還有豐富的小程序。中的是一個(gè)頁(yè)面構(gòu)造器，通過(guò)它，結(jié)合小程序框架把和一起渲染出最終的結(jié)構(gòu)。

我的第一個(gè)小程序

1.首先搭建小程序所需環(huán)境，在微信公眾平臺(tái)上按照起步，申請(qǐng)賬號(hào)、登記信息、獲取到AppID接著安裝開(kāi)發(fā)工具，我安裝的是v1.02.1810250版。
打開(kāi)后出現(xiàn)了“初始化失敗，請(qǐng)使用 2.2.3 或以上的基礎(chǔ)庫(kù)以使用云能力”的報(bào)錯(cuò)。這時(shí)打開(kāi)左上角工具欄中的設(shè)置-->點(diǎn)擊項(xiàng)目設(shè)置-->調(diào)試基礎(chǔ)庫(kù)到2.2.3 即可。

接著又出現(xiàn)了 cloud init error: {errmsg: "operatewxdata:fail invalid scope"的報(bào)錯(cuò)，解決方法為點(diǎn)擊上方的云開(kāi)發(fā)--->開(kāi)通云服務(wù)--->右鍵項(xiàng)目名，綁定當(dāng)前環(huán)境

2.代碼構(gòu)成

app.json:是當(dāng)前小程序的全局配置，包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等,我的QuickStart 項(xiàng)目里邊的初始 app.json 配置內(nèi)容如下：

{
  "pages": [
    "pages/index/index",
    "pages/userConsole/userConsole",
    "pages/storageConsole/storageConsole",
    "pages/databaseGuide/databaseGuide",
    "pages/addFunction/addFunction",
    "pages/deployFunctions/deployFunctions",
    "pages/chooseLib/chooseLib"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云開(kāi)發(fā) QuickStart",
    "navigationBarTextStyle": "black"
  }
}

其中：
pages---用于描述當(dāng)前小程序所有頁(yè)面的路徑，讓用戶指導(dǎo)此小程序頁(yè)面定義在那個(gè)目錄；
window ---定義小程序所有頁(yè)面的頂部背景顏色，文字顏色定義等

project.config.json
用于記錄開(kāi)發(fā)工具的配置，在更換電腦時(shí)，載入項(xiàng)目文件即可恢復(fù)原有的配置。

**.json
用來(lái)定制每個(gè)頁(yè)面的樣式都有的配置文件，屬性如下：

WXML 模板
充當(dāng)?shù)念?lèi)似 HTML 的角色，但有一些不同：
1).比起傳統(tǒng)的html代碼，WXML已經(jīng)封裝了許多的組件，不需要用div、span等標(biāo)簽來(lái)組成，而常用view、button、text等包裝好的組件。
2).使用到類(lèi)似VUE的MVVM開(kāi)發(fā)模式，JS只需要管理狀態(tài)，通過(guò)模板語(yǔ)法來(lái)描述狀態(tài)和界面結(jié)構(gòu)關(guān)系。

WXSS樣式
具有CSS的大部分特性，同事有一些擴(kuò)充和修改。
1).新增了尺寸單位rpx，可免去換算手機(jī)設(shè)備的不同寬度和像素比。
2).提供了全局樣式app.wxss,和局部頁(yè)面樣式**.wxss。
3).僅支持部分選擇器：

JS交互
交互邏輯與VUE類(lèi)似，此外還有豐富的小程序API。

3.小程序的運(yùn)行機(jī)制

小程序的啟動(dòng)
微信客戶端在打開(kāi)小程序之前，會(huì)把整個(gè)小程序的代碼包下載到本地，通過(guò)app.json的pages中的第一個(gè)頁(yè)面路徑就是小程序的首頁(yè)了，通過(guò)小程序底層的一些機(jī)制，就可以渲染出這個(gè)首頁(yè)。小程序啟動(dòng)之后，在 app.js 定義的 App 實(shí)例的 onLaunch 回調(diào)會(huì)被執(zhí)行:

    App({
      onLaunch: function () {
        // 小程序啟動(dòng)之后 觸發(fā)
      }
    })

程序與頁(yè)面
每一個(gè)頁(yè)面包含四個(gè)文件，.json配置生成一個(gè)小程序的格式框，頂部的字體和顏色在這里定義，然后裝載.WXML和WXSS樣式，最后加載.JS。JS中的Page是一個(gè)頁(yè)面構(gòu)造器，通過(guò)它，結(jié)合小程序框架把data和index.html一起渲染出最終的結(jié)構(gòu)。渲染之后，在onLoad的回調(diào)函數(shù)中處理你的邏輯。

  [1]: https://developers.weixin.qq.com/miniprogram/dev/

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

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

相關(guān)文章

  • 小程序初始認(rèn)識(shí)

    摘要：僅支持部分選擇器交互交互邏輯與類(lèi)似，此外還有豐富的小程序。中的是一個(gè)頁(yè)面構(gòu)造器，通過(guò)它，結(jié)合小程序框架把和一起渲染出最終的結(jié)構(gòu)。 我的第一個(gè)小程序 1.首先搭建小程序所需環(huán)境，在微信公眾平臺(tái)上按照起步，申請(qǐng)賬號(hào)、登記信息、獲取到AppID接著安裝開(kāi)發(fā)工具，我安裝的是v1.02.1810250版。 打開(kāi)后出現(xiàn)了初始化失敗，請(qǐng)使用 2.2.3 或以上的基礎(chǔ)庫(kù)以使用云能力的報(bào)錯(cuò)。這時(shí)打開(kāi)左...

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

  • 小程序初始認(rèn)識(shí)

    摘要：僅支持部分選擇器交互交互邏輯與類(lèi)似，此外還有豐富的小程序。中的是一個(gè)頁(yè)面構(gòu)造器，通過(guò)它，結(jié)合小程序框架把和一起渲染出最終的結(jié)構(gòu)。 我的第一個(gè)小程序 1.首先搭建小程序所需環(huán)境，在微信公眾平臺(tái)上按照起步，申請(qǐng)賬號(hào)、登記信息、獲取到AppID接著安裝開(kāi)發(fā)工具，我安裝的是v1.02.1810250版。 打開(kāi)后出現(xiàn)了初始化失敗，請(qǐng)使用 2.2.3 或以上的基礎(chǔ)庫(kù)以使用云能力的報(bào)錯(cuò)。這時(shí)打開(kāi)左...

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

  • Day 2: AngularJS —— 對(duì)AngularJS的初步認(rèn)識(shí)

    摘要：開(kāi)始使用現(xiàn)在創(chuàng)建一個(gè)名為的文件，它將會(huì)是一個(gè)基于的網(wǎng)上書(shū)店應(yīng)用。這將初始化應(yīng)用程序，并告訴要在這一部分活躍。將為每個(gè)元素增加元素?？刂破骱鸵晥D之間的粘合劑，而且會(huì)注入到?，F(xiàn)在我們添加書(shū)籍?dāng)?shù)組的對(duì)象到對(duì)象，這個(gè)對(duì)象對(duì)視圖是可見(jiàn)的。 編者注：我們發(fā)現(xiàn)了比較有趣的系列文章《30天學(xué)習(xí)30種新技術(shù)》，準(zhǔn)備翻譯，一天一篇更新，年終禮包。以下是第二天技術(shù)的譯文。 昨晚我完爆了一天一技術(shù)的任務(wù)...

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

  • 第一篇--認(rèn)識(shí)Jmeter

    摘要：為了最大限度的靈活性，允許使用正則表達(dá)式創(chuàng)建斷言。線程組理解一個(gè)虛擬用戶組，線程組內(nèi)線程數(shù)量在運(yùn)行過(guò)程中不會(huì)發(fā)生改變。測(cè)試執(zhí)行后操作，即線程組執(zhí)行完成后執(zhí)行的內(nèi)容。 Jmeter是Apache組織開(kāi)發(fā)的基于Java的壓力測(cè)試工具，它最初被設(shè)計(jì)用于Web應(yīng)用測(cè)試，但后來(lái)擴(kuò)展到其他測(cè)試領(lǐng)域。 它可以用于測(cè)試靜態(tài)和動(dòng)態(tài)資源，例如靜態(tài)文件、Java 小服務(wù)程序、CGI 腳本、Java 對(duì)象、數(shù)...

    張憲坤 評(píng)論0 收藏0

  • 小程序使用之自定義組件

    摘要：今天要介紹的是小程序的自定義組件，類(lèi)似的在做開(kāi)發(fā)的過(guò)程中會(huì)用到自定義，封裝成通用的組件可以在不同頁(yè)面里重復(fù)使用可以將復(fù)雜的頁(yè)面拆分成多個(gè)低耦合的模塊，便于代碼的維護(hù)。 文章鏈接：https://mp.weixin.qq.com/s/3xPnDwLsg7pHc_xAmS1DUQ 在前一篇文章 小程序使用之WXS中，介紹了關(guān)于 wxs 的使用，通過(guò)wxs處理數(shù)據(jù)再渲染到view層，可以簡(jiǎn)...

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

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

0條評(píng)論

閱讀需要支付1元查看
<