微信小程序新手教程之學習開發小技巧，本篇默認已經成功安裝微信小程序工具，來和小編一起看看吧

框架

微信小程序是一個框架，小程序開發框架。

目標是通過盡可能簡單、高效的方式讓開發者可以在微信中開發具有原生 APP 體驗的服務。

框架結構

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

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

視圖層與邏輯層間提供了數據傳輸和事件系統

特點

響應的數據綁定

整個系統分為兩塊視圖層(View)和邏輯層(App Service)

只需要在邏輯層修改數據，視圖層就會做相應的更新。

省心的頁面管理

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

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

只要將頁面的數據，方法，生命周期函數注冊進 框架 中，其他的一切復雜的操作都交由 框架 處理。

更加微信“原生”

與在微信上瀏覽webAPP相比，會減少脫節感。

文件結構

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

關鍵文件三個

最關鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。

.js后綴的是腳本文件

監聽并處理小程序的生命周期函數、

聲明全局變量。

調用框架提供的豐富的 API

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

app.json 是對整個小程序的全局配置。

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

配置小程序的窗口背景色，配置導航條樣式，

配置默認標題

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

.wxss后綴的是樣式表文件

就是css

關鍵文件夾pages

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

且 pages 中的第一個頁面是小程序的首頁。

小程序頁面

組成

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

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

監聽并處理頁面的生命周期函數、

獲取小程序實例，

聲明并處理數據，

響應頁面交互事件

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

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

.wxml后綴的文件是頁面結構文件。

.json

非必要

將會在app.json的基礎上，覆蓋相同的配置項。

.wxml

{{userInfo.nickName}}

{{motto}}

具有新的標簽

支持自刷新的數據傳遞方式

MVVC

.wxss

當有頁面樣式表時，頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。

如果不指定頁面的樣式表，也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。

流程結束!

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

嗨圖功能

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

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

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

4、告訴我——告訴產品的改進，內容的增加。

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