微信小程序新手教程之學(xué)習(xí)開(kāi)發(fā)小技巧，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來(lái)和小編一起看看吧

框架

微信小程序是一個(gè)框架，小程序開(kāi)發(fā)框架。

目標(biāo)是通過(guò)盡可能簡(jiǎn)單、高效的方式讓開(kāi)發(fā)者可以在微信中開(kāi)發(fā)具有原生 APP 體驗(yàn)的服務(wù)。

框架結(jié)構(gòu)

自己的視圖層描述語(yǔ)言(View) WXML 和 WXSS

基于 JavaScript 的邏輯層(App Service)框架

視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)

特點(diǎn)

響應(yīng)的數(shù)據(jù)綁定

整個(gè)系統(tǒng)分為兩塊視圖層(View)和邏輯層(App Service)

只需要在邏輯層修改數(shù)據(jù)，視圖層就會(huì)做相應(yīng)的更新。

省心的頁(yè)面管理

框架 管理了整個(gè)小程序的頁(yè)面路由。

可以做到頁(yè)面間的無(wú)縫切換，并給以頁(yè)面完整的生命周期。

只要將頁(yè)面的數(shù)據(jù)，方法，生命周期函數(shù)注冊(cè)進(jìn) 框架 中，其他的一切復(fù)雜的操作都交由 框架 處理。

更加微信“原生”

與在微信上瀏覽webAPP相比，會(huì)減少脫節(jié)感。

文件結(jié)構(gòu)

小程序包含一個(gè)描述整體程序的 app 和多個(gè)描述各自頁(yè)面的 page。

關(guān)鍵文件三個(gè)

最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。

.js后綴的是腳本文件

監(jiān)聽(tīng)并處理小程序的生命周期函數(shù)、

聲明全局變量。

調(diào)用框架提供的豐富的 API

.json后綴的文件是配置文件

app.json 是對(duì)整個(gè)小程序的全局配置。

配置小程序是由哪些頁(yè)面組成

配置小程序的窗口背景色，配置導(dǎo)航條樣式，

配置默認(rèn)標(biāo)題

注意該文件不可添加任何注釋。

.wxss后綴的是樣式表文件

就是css

關(guān)鍵文件夾pages

每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫(xiě)在 app.json 的 pages 中

且 pages 中的第一個(gè)頁(yè)面是小程序的首頁(yè)。

小程序頁(yè)面

組成

描述頁(yè)面的這四個(gè)文件必須具有相同的路徑與文件名

.js后綴的文件是腳本文件，

監(jiān)聽(tīng)并處理頁(yè)面的生命周期函數(shù)、

獲取小程序?qū)嵗?/p>

聲明并處理數(shù)據(jù)，

響應(yīng)頁(yè)面交互事件

.json后綴的文件是配置文件，

.wxss后綴的是樣式表文件，

.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。

.json

非必要

將會(huì)在app.json的基礎(chǔ)上，覆蓋相同的配置項(xiàng)。

.wxml

{{userInfo.nickName}}

{{motto}}

具有新的標(biāo)簽

支持自刷新的數(shù)據(jù)傳遞方式

MVVC

.wxss

當(dāng)有頁(yè)面樣式表時(shí)，頁(yè)面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋 app.wxss 中的樣式規(guī)則。

如果不指定頁(yè)面的樣式表，也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則。

流程結(jié)束!

下面小編就給大家介紹一種一個(gè)小程序吧

嗨圖功能

1、專(zhuān)題——DIY圖片的模板，點(diǎn)擊可以生成使用，分享到朋友圈。

2、分享墻——用戶(hù)上傳的自己DIY作品。

3、立即制作——可以用自己的圖來(lái)DIY。

4、告訴我——告訴產(chǎn)品的改進(jìn)，內(nèi)容的增加。

想要體驗(yàn)怎么制作屬于自己個(gè)性朋友圈照片的用戶(hù)，掃一掃下面的二維碼就可以啦!還等什么，趕緊掃碼體驗(yàn)，開(kāi)啟你的嗨圖之旅吧!