亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

微信小程序開發(fā)小總結(jié)

niuxiaowei111 / 1426人閱讀

摘要：框架這部分是小程序開發(fā)的核心，小程序采用視圖和邏輯層代碼相分離的結(jié)構(gòu)，如果你用過這部分也不難理解，但是也有一些區(qū)別。工具這部分沒有什么好說的，微信開發(fā)開始還是用微信自己的開發(fā)工具比較方便。

小程序開發(fā)文檔使用說明

小程序的文檔分為 簡易教程、框架、組件、API?、工具
https://developers.weixin.qq....

簡易教程---介紹小程序開發(fā)的一些基本情況 開發(fā)方式，項(xiàng)目目錄等等，看完這些，基本能了解怎么跑起來項(xiàng)目，在哪塊寫代碼，各個(gè)文件的作用。

框架--- 這部分是小程序開發(fā)的核心，小程序采用視圖和邏輯層代碼相分離的結(jié)構(gòu)，如果你用過vue angular react 這部分也不難理解，但是也有一些區(qū)別。

組件---小程序的每個(gè)標(biāo)簽相當(dāng)于一個(gè)組件，官方已經(jīng)預(yù)定義了一些常用的標(biāo)簽組件，能夠滿足日?；竟δ艿氖褂?，這部分分時(shí)小程序開發(fā)高效的一個(gè)原因，基礎(chǔ)的組件都定義好，需要用就行。這部分的文檔，只要過一下，大概有那些組件，用的時(shí)候再仔細(xì)閱讀文檔。
開發(fā)中常常使用的組件:

視圖容器 ? ?view ? ? ? scroll-view ?swiper

基礎(chǔ)內(nèi)容 ?text

媒體 ? ?image ?videoaudio

表單 ? button input checkbox ?label picker?

畫布 ?canvas?

地圖 ?map

API---主要，可以的調(diào)起微信提供的能力，如果你在前端開發(fā)中沒有遇到過的功能，都能在這里查到，比如小程序的頭部，頁面的刷新，本地存儲，獲取用戶信息，支付功能等。

工具--- 這部分沒有什么好說的，微信開發(fā)開始還是用微信自己的開發(fā)工具比較方便。

開發(fā)中常見問題 1.整個(gè)小程序的配置

小程序的全局配置在 app.json 中，小程序每添加一個(gè)頁面，都要在全局中注冊，文檔：
https://developers.weixin.qq....

2 列表渲染

? ? 小程序的列表渲染和其他的前端模板語言相似，但可以用wx:for-item="itemname" 來指定每次循環(huán)對象的名字，可以用wx:for-index="indexname" 來指定 循環(huán)序列的鍵值，這個(gè)功能就是指定循環(huán)數(shù)組時(shí)的鍵和值的別名。
? ? 列表中的wx:key 是一個(gè)比較令人迷惑的地方 ，不寫會報(bào)錯(cuò)，但是隨便給一個(gè)字符也不合理，最好是循環(huán)中的一個(gè)標(biāo)記唯一性的鍵值，比如id

3 事件綁定

? 小程序的事件綁定，寫法上有些區(qū)別，主要2種 bind:youevent="eventhandle" ?catch:youevent="eventhandle" catch 能阻止事件冒泡

4.模塊開發(fā)

小程序可以使用common.js 的模塊開發(fā)方式。moudle.exports /exports 導(dǎo)出模塊， require (‘file.js’) 的方式引入模塊

5.頁面的生命周期

onLoad 生命周期函數(shù)--監(jiān)聽頁面加載（可以在這里異步的請求數(shù)據(jù)，初始化頁面）
onReady 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成（在這里，可以獲取頁面視圖的布局?jǐn)?shù)據(jù)）
onShow 生命周期函數(shù)--監(jiān)聽頁面顯示
onHide 生命周期函數(shù)--監(jiān)聽頁面隱藏
onUnload 生命周期函數(shù)--監(jiān)聽頁面卸載

6.頁面視圖中元素的位置和大小

? ?在小程序開發(fā)過程中肯定會遇到要獲取頁面中元素的位置和元素的寬高。這部分在 文檔=》api=》界面
wxml節(jié)點(diǎn)信息 中找相應(yīng)的api

getRect: function(){
 ?  wx.createSelectorQuery().select("#the-id").boundingClientRect(function(rect){
 ? ?  rect.id // 節(jié)點(diǎn)的ID
 ? ?  rect.dataset // 節(jié)點(diǎn)的dataset
 ? ?  rect.left // 節(jié)點(diǎn)的左邊界坐標(biāo)
 ? ?  rect.right // 節(jié)點(diǎn)的右邊界坐標(biāo)
 ? ?  rect.top // 節(jié)點(diǎn)的上邊界坐標(biāo)
 ? ?  rect.bottom // 節(jié)點(diǎn)的下邊界坐標(biāo)
 ? ?  rect.width // 節(jié)點(diǎn)的寬度
 ? ?  rect.height // 節(jié)點(diǎn)的高度
 ?  }).exec()
  },
7.交互反饋

交互反饋詳情在?文檔=》api=》界面=》交互反饋
一個(gè)成功的反饋

wx.showToast({
  title: "成功",
  icon: "success",
  duration: 2000
})
8.跨頁面更新數(shù)據(jù)

小程序整個(gè)應(yīng)用是用App（）構(gòu)造方法組成，頁面是用Page() 構(gòu)造方法注冊。小程序只有組件才有自定義事件，在Page() 無法使用自定義事件通過觸發(fā)事件在頁面間傳遞數(shù)據(jù)不可行，微信提供 獲取整個(gè)應(yīng)用實(shí)例的getApp() 方法，這樣可以獲取app 的實(shí)例，通過 pages = getCurrentPages(); 獲取 打開頁面的 列表 ，通過 pages來調(diào)用各頁面的方法和更新數(shù)據(jù)

var pages = getCurrentPages();//獲取頁面棧
var currPage = pages[pages.length - 1]; //當(dāng)前頁面
var prevPage = pages[pages.length - 2]; //上一個(gè)頁面
//直接調(diào)用上一個(gè)頁面的setData()方法，把數(shù)據(jù)存到上一個(gè)頁面中去
prevPage.setData({
  mdata:1 
})；
//調(diào)用上一個(gè)頁面的方法來更新數(shù)據(jù)
prePage.updatefunc(altdata)

?

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/96368.html

相關(guān)文章

  • 前端資源系列（3）-微信小程序開發(fā)資源匯總

    摘要：微信小程序應(yīng)用號開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號)開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...

    paney129 評論0 收藏0

  • Java 初學(xué)者做的第一個(gè)微信小程序總結(jié)--關(guān)于Java基礎(chǔ)

    摘要：官方資料微信公眾平臺注冊小程序。官網(wǎng)開發(fā)文檔社區(qū)開發(fā)工具部署微信小程序微信小程序本身不需要部署，在微信開發(fā)工具中直接上傳代碼就行。 為什么 學(xué)習(xí) Java 三年，目前已經(jīng)工作了2年，因?yàn)樽詫W(xué)，基礎(chǔ)差，所以打算年末總結(jié)一下常見的基礎(chǔ)知識和面試點(diǎn)； 也可以通過獨(dú)立做一個(gè)項(xiàng)目整合自己工作期間學(xué)習(xí)的知識，加深印象。 但是想著回家或是平時(shí)手機(jī)用的多，做一款A(yù)PP和小程序很方便查看。 項(xiàng)目展示 本...

    mudiyouyou 評論0 收藏0

  • 微信小程序開發(fā)庫grace vs wepy

    摘要：和都是輔助小程序開發(fā)的開源庫，本文對兩者做個(gè)對比。微信的這種限制決定了小程序一般只是用于實(shí)現(xiàn)核心功能，不會用作復(fù)雜功能。在筆者了解的很多小程序，甚至大都是用原生開發(fā)的。 grace和wepy都是輔助小程序開發(fā)的開源庫，本文對兩者做個(gè)對比。 注：本文是作者本人的一些拙見，純粹的技術(shù)討論，不想引起技術(shù)信仰之爭，歡迎積極、正向的討論及建議。 如果你還不了解Grace, 請參考：微信小程序開發(fā)...

    james 評論0 收藏0

  • 微信小程序開發(fā)踩坑總結(jié)（持續(xù)完善中）

    摘要：由于個(gè)人技術(shù)水平有限，在問題描述，解決方案中存在的問題，希望可以得到各位前輩的指點(diǎn)。本篇主要是記錄我在開發(fā)微信小程序中遇到的問題。各記錄點(diǎn)排序，跟隨自己開發(fā)過程中的問題出現(xiàn)時(shí)間而定。。微信小程序數(shù)據(jù)頁面數(shù)據(jù)傳遞總結(jié) 由于個(gè)人技術(shù)水平有限，在問題描述，解決方案中存在的問題，希望可以得到各位前輩的指點(diǎn)。本篇主要是記錄我在開發(fā)微信小程序中遇到的問題。各記錄點(diǎn)排序，跟隨自己開發(fā)過程中的問題出現(xiàn)...

    tianhang 評論0 收藏0

發(fā)表評論

0條評論

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