(1)why:小程式普及率高、提供使用者活躍度;
(2)what:小程式是什麼、具備哪些能力;
(3)how:小程式架構、測試注意點;
小程式是基於web規範,採用html、css和js等搭建的一套框架。
頁面:pages下,每個頁面再按資料夾劃分,每個頁面4個檔案
檢視:wxml,wxss
邏輯:js,json(頁面配置,不是必須)
1、waservice.js 框架js庫,提供邏輯層基礎的api能力
2、wawebview.js 框架js庫,提供檢視層基礎的api能力
3、waconsole.js 框架js庫,控制台
6、page-frame.html 小程式檢視的模板檔案,所有的頁面都使用此載入渲染,且所有的wxml都拆解為js實現打包到這裡
7、pages 所有的頁面,主要是處理wxss轉換,使用js插入到header區域。
view檢視層
小程式開發手冊
可以使用小程式開發者助手方便快捷的預覽和體驗線上版本,體驗版本以及開發版本。可以在體驗版本中測試。
有兩種方式可以方便的看到小程式的 運營資料
1、瀏覽器適配:ios與android瀏覽器不同;
2、rom適配:android不同廠商其瀏覽器可能不同;
3、解析度適配:ios和android不同機型適配;
4、典型案例分析:可羅列測試過程中的總結;
微信小程式開發注意事項
安裝過程next完成即可。1.安裝nodejs 開啟msi檔案next選擇安裝的位置d nodejs,最後完成即可 完成後環境變數path會自動新增d nodejs 完成後開啟cmd驗證node的版本號 在cmd視窗執行以下兩條命令 npm config set prefix d nodejs no...
微信小程式測試
小程式分為三個版本型別 開發版 體驗版 正式版 我們在測試時候一般會準備三套環境 1 開發版本 對應開發 測試環境 2 體驗版本 對應預發布環境 3 正式版本 對應生產環境 指定小程式 路徑,測試人員可問開發 如果有jenkins,也可以直接在jenkins上拉取已編譯 1 設定 如果我們要使用抓包...
微信小程式開發
一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...