微信小程序

小程序

 

 

1 什麼是小程序

     小程序是一個新的開發能力，能夠在微信內被使用與傳播，同時用戶體驗更好（）

     是基於騰訊X5內核的瀏覽器應用，使用ES5/ES6爲開發語言，使用模擬的html（虛擬的dom）和css來構建程序

     它有一套設計、開發、運營、數據統計機制，旨在微信生態體系內創建一致的用戶體驗，在最大程度上適應不一樣的需求（不須要多去關注兼容等）。

爲何開發小程序：由於以前開發的都是網頁，網頁加載太慢，用戶體驗並很差，儘管開發成本低。爲了開發出趨近於原生的app體驗，開發成本低，用的技術也是前端的技術來代替微信公衆號中的網頁。

---

 

2 CSS設計規範

     WeUI

---

 

3 微信開發者工具20

項目：最新的基礎庫

後臺：微信小程序提供的後臺，更調服務的後臺是兩碼事

app.js：小程序的主體的腳本代碼，至關於小程序的啓動腳本（webpack的entry），這個文件用於處理全局的生命週期、全局變量等

app.json：全局的小程序的配置文件，能夠配置小程序的頁面組成，以及窗口顏色，背景，導航等。不能添加任何的註釋

app.wxss：公共樣式

一個頁面包含四個文件，名字必須和頁面的目錄一致（由於小程序會按照相同的名字去找，靜態文件(img,icon)單首創建一個目錄，經過相對路徑進行訪問

app.json配置項：

     pages：數組，用來配置當前小程序的頁面的路徑，誰寫在第一個，默認加載這一個

     window：用來配置小程序窗口顏色，導航等

tabBar:相似於react中的link 

---

 

json：當前頁面的配置項，例如導航，窗口背景等

 

 

 

微信開發者工具 20 和 7 版本，不能同時裝兩個版本。