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

框架

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

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

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

自己的視圖層描述語言(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)的更新。

省心的頁面管理

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

可以做到頁面間的無縫切換，并給以頁面完整的生命周期。

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

更加微信“原生”

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

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

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

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

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

.js后綴的是腳本文件

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

聲明全局變量。

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

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

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

配置小程序是由哪些頁面組成

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

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

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

.wxss后綴的是樣式表文件

就是css

關(guān)鍵文件夾pages

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

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

小程序頁面

組成

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

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

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

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

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

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

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

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

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

.json

非必要

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

.wxml

{{userInfo.nickName}}

{{motto}}

具有新的標(biāo)簽

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

MVVC

.wxss

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

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

流程結(jié)束!

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

嗨圖功能

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

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

3、立即制作——可以用自己的圖來DIY。

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

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