文章目錄

• • 簡介：
  • 小程序和APP的對比
  • 小程序與普通網(wǎng)頁開發(fā)的區(qū)別
  • 官方文檔：
  • 開發(fā)工具：
  • 導(dǎo)入項目：
  • 小程序項目的主要目錄文件作用

簡介：

微信小程序，簡稱小程序，縮寫XCX，英文名mini program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不需要擔(dān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時可用，但又無需安裝卸載

小程序和APP的對比

開發(fā)成本低

開發(fā)門檻低

獲客成本低于App；拼多多、小紅書等案例

開發(fā)周期更短，節(jié)省開發(fā)成本

App已經(jīng)趨于飽和

用戶：減輕內(nèi)存，用完即可關(guān)閉，不占用空間
商戶：線上線下結(jié)合，實現(xiàn)互聯(lián)網(wǎng)的轉(zhuǎn)型
創(chuàng)業(yè)者：應(yīng)用廣泛，創(chuàng)業(yè)更簡單，尤其是公眾號創(chuàng)業(yè)者，可以直接公眾號+小程序，打造微信生態(tài)圈

小程序與普通網(wǎng)頁開發(fā)的區(qū)別

小程序的主要開發(fā)語言是 JavaScript ，小程序的開發(fā)同普通的網(wǎng)頁開發(fā)相比有很大的相似性。對于前端開發(fā)者而言，從網(wǎng)頁開發(fā)遷移到小程序的開發(fā)成本并不高，但是二者還是有些許區(qū)別的。

結(jié)構(gòu)傳統(tǒng)web微信小程序

結(jié)構(gòu)	HTML	WXML
樣式	CSS	WXSS
邏輯	JavaScript	JavaScript
配置	無	JSON

傳統(tǒng)web是三層結(jié)構(gòu)，而微信小程序是四層結(jié)構(gòu)，多了一層配置.json

官方文檔：

https://developers.weixin.qq.com/miniprogram/dev/framework/

開發(fā)工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
在這里呢，可以對開發(fā)工具的操作系統(tǒng)進(jìn)行選擇

導(dǎo)入項目：

小程序項目的主要目錄文件作用

• js 頁面邏輯
• json 頁面配置
• wxml 頁面結(jié)構(gòu)
• app.js 小程序的邏輯
• wxss 頁面樣式，app.wxss 作為全局樣式，會作用于當(dāng)前小程序的所有頁面，局部頁面樣式 page.wxss 僅對當(dāng)前頁面生效
• pages 里面包含一個個具體的頁面
• sitemap 配置小程序及其頁面是否允許被微信索引
• app.json 當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時時間、底部 tab 等
• project.config.json 項目配置文件，做一些個性化配置，例如界面顏色、編譯配置等等

總結(jié)

以上是生活随笔為你收集整理的微信小程序开发（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。