微信小程式(二)框架的基本組成

2022-01-11 20:22:04 字數 809 閱讀 6520

讓我們來了解一下工具的框架,上圖:

工具總共分為三個部分,左上角紅框框:

模擬器:模擬手機小程式介面,模擬器

左上角可以選擇手機型號,右上角紅框處,千萬別選成office 否者會影響後邊的執行。

編譯器:上圖 然後挨著講解

pages:根目錄頁 在這裡建立頁面。 例如 index資料夾,index檔案裡又可以建立四個檔案 字尾分別是.js .json .wxml .wxss

一般頁面 只有三個頁面 也就是 沒有json 

.js邏輯頁面。針對頁面資料做出相應的處理

.wxml 頁面結構 用類似 div 布局 然而這裡邊用

.wxss 頁面樣式 類似css 主要的處理頁面的樣式

log:

logs ·································· logs頁面

logs.js ······························· logs頁面邏輯

logs.wxml ···························logs頁面結構

logs.wxss ···························logs頁面樣式

utils:

偵錯程式:相當於vs 裡的乙個除錯。很好用,以及會對錯誤的乙個大概報告。

總結:太囉嗦了。。。。

微信小程式開發框架 WXSS(二)

一 外聯樣式引入 1.wxss除了支援響應式的畫素 還支援外聯樣式的匯入。外聯樣式通過 import標誌符來引入的,外聯樣式好處 當我們不 同頁面內具有相同樣式的元素時可以把,相同樣式的元素處理成外聯樣式檔案,以減少檔案資源的大小。2.如何用 import引入外聯樣式檔案?在index.wxml外聯...

微信小程式基本語法

page page page true falsepage id則代表繫結值 true falsepage true false 定義的列表渲染出來,再指定乙個key,index代表下標 page itemc 1.is 繫結下面的name值,data將item傳送到js元件,js的書寫就可以渲染出來...

微信小程式框架wepy筆記

全域性安裝或更新wepy命令列工具 npm install wepy cli g在開發目錄中生成demo開發專案,1.7.0之後版本請移步wepy cli文件 wepy new myproject1.7.0之後的版本使用 wepy init standard myproject 初始化專案,使用 w...