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

資訊專欄INFORMATION COLUMN

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

forrest23 / 3004人閱讀

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

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

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

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

2.代碼構(gòu)成

app.json:是當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(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": "云開發(fā) QuickStart",
    "navigationBarTextStyle": "black"
  }
}

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

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

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

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

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

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

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

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

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

程序與頁面
每一個(gè)頁面包含四個(gè)文件，.json配置生成一個(gè)小程序的格式框，頂部的字體和顏色在這里定義，然后裝載.WXML和WXSS樣式，最后加載.JS。JS中的Page是一個(gè)頁面構(gòu)造器，通過它，結(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://specialneedsforspecialkids.com/yun/114088.html

相關(guān)文章

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

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

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

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

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

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

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

    摘要：開始使用現(xiàn)在創(chuàng)建一個(gè)名為的文件，它將會(huì)是一個(gè)基于的網(wǎng)上書店應(yīng)用。這將初始化應(yīng)用程序，并告訴要在這一部分活躍。將為每個(gè)元素增加元素。控制器和視圖之間的粘合劑，而且會(huì)注入到。現(xiàn)在我們添加書籍?dāng)?shù)組的對(duì)象到對(duì)象，這個(gè)對(duì)象對(duì)視圖是可見的。 編者注：我們發(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)行過程中不會(huì)發(fā)生改變。測(cè)試執(zhí)行后操作，即線程組執(zhí)行完成后執(zhí)行的內(nèi)容。 Jmeter是Apache組織開發(fā)的基于Java的壓力測(cè)試工具，它最初被設(shè)計(jì)用于Web應(yīng)用測(cè)試，但后來擴(kuò)展到其他測(cè)試領(lǐng)域。 它可以用于測(cè)試靜態(tài)和動(dòng)態(tài)資源，例如靜態(tài)文件、Java 小服務(wù)程序、CGI 腳本、Java 對(duì)象、數(shù)...

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

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

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

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<