<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 小程序入門到精通:了解小程序開發4個重要文件

    2020-5-24    前端達人

    點擊查看原圖


    1. 小程序沒有DOM對象,一切基于組件化

    2. 小程序的四個重要的文件

    • *.js —> view邏輯 —> javascript
    • *.wxml —> view結構 ----> html
    • *.wxss —> view樣式 -----> css
    • *. json ----> view 數據 -----> json文件

    注意:為了方便開發者減少配置項,描述頁面的四個文件必須具有相同的路徑與文件名。

    2.1 WXML

    WXML(WeiXin Markup Language)是框架設計的一套標簽語言,結合基礎組件事件系統,可以構建出頁面的結構。WXML 充當的就是類似 HTML 的角色
    要完整了解 WXML 語法,請參考WXML 語法參考

    2.2 WXSS

    WXSS (WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式。

    WXSS 用來決定 WXML 的組件應該怎么顯示。

    為了適應廣大的前端開發者,WXSS 具有 CSS 大部分特性。同時為了更適合開發微信小程序,WXSS 對 CSS 進行了擴充以及修改。

    與 CSS 相比,WXSS 擴展的特性有:



    尺寸單位

    樣式導入

    2.3 json

    JSON 是一種數據格式,并不是編程語言,在小程序中,JSON扮演的靜態配置的角色。



    全局配置

    小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。



    頁面配置

    每一個小程序頁面也可以使用同名 .json 文件來對本頁面的窗口表現進行配置,頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。



    工具配置 project.config.json

    通常大家在使用一個工具的時候,都會針對各自喜好做一些個性化配置,例如界面顏色、編譯配置等等,當你換了另外一臺電腦重新安裝工具的時候,你還要重新配置。

    考慮到這點,小程序開發者工具在每個項目的根目錄都會生成一個 project.config.json,你在工具上做的任何配置都會寫入到這個文件,當你重新安裝工具或者換電腦工作時,你只要載入同一個項目的代碼包,開發者工具就自動

    注意:

    JSON文件都是被包裹在一個大括號中 {},通過key-value的方式來表達數據。JSON的Key必須包裹在一個雙引號中,在實踐中,編寫 JSON 的時候,忘了給 Key 值加雙引號或者是把雙引號寫成單引號是常見錯誤。

    JSON的值只能是以下幾種數據格式,其他任何格式都會觸發報錯,例如 JavaScript 中的 undefined。



    數字,包含浮點數和整數

    字符串,需要包裹在雙引號中

    Bool值,true 或者 false

    數組,需要包裹在方括號中 []

    對象,需要包裹在大括號中 {}

    Null

    還需要注意的是 JSON 文件中無法使用注釋,試圖添加注釋將會引發報錯。


    2.4 js

    一個服務僅僅只有界面展示是不夠的,還需要和用戶做交互:響應用戶的點擊、獲取用戶的位置等等。在小程序里邊,我們就通過編寫 JS 腳本文件來處理用戶的操作。


    注冊頁面

    對于小程序中的每個頁面,都需要在頁面對應的 js 文件中進行注冊,指定頁面的初始數據、生命周期回調、事件處理函數等



    使用 Page 構造器注冊頁面

    簡單的頁面可以使用 Page() 進行構造。



    使用 Component 構造器構造頁面

    Page 構造器適用于簡單的頁面。但對于復雜的頁面, Page 構造器可能并不好用。

    此時,可以使用 Component 構造器來構造頁面。 Component 構造器的主要區別是:方法需要放在 methods: { } 里面。

    ————————————————

    版權聲明:本文為CSDN博主「前端嵐楓」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。

    原文鏈接:https://blog.csdn.net/yilanyoumeng3/java/article/details/106292742





    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产精品无码一区二区三区电影| 久久免费精品一区二区| 99国产精品久久久久久久成人热| 国产在线精品一区二区夜色 | 国产精品jizz视频| 惠民福利中文字幕人妻无码乱精品 | 精品久久人人做人人爽综合| 欧美精品手机在线播放| 国产精品多人p群无码| 亚洲精品少妇30p| 免费看污污的网站欧美国产精品不卡在线观看 | 国产成人精品久久亚洲高清不卡 国产成人精品久久亚洲高清不卡 国产成人精品久久亚洲 | 国产精品人人做人人爽| 精品亚洲永久免费精品| 91麻豆精品视频| 久久久久亚洲精品天堂| 亚洲精品无码永久在线观看你懂的| 亚洲av无码成人精品区| 欧美日韩精品久久久久| 精品人妻少妇嫩草AV无码专区| 国产精品H片在线播放| 欧美精品亚洲精品日韩| 精品精品国产自在久久高清| 97久久精品国产精品青草| 国产精品igao视频网| 精品国产第一国产综合精品 | 久久久精品久久久久特色影视| 国内精品久久久久久久亚洲| 51精品资源视频在线播放| 亚洲国产精品自在在线观看| 久久精品国产91久久综合麻豆自制| 99精品国产在热久久| 凹凸69堂国产成人精品视频| 国产成人精品综合网站| 国产精品爱啪在线线免费观看| 成人国产精品999视频| 日韩欧国产精品一区综合无码| 国产精品v欧美精品v日韩| 国产精品视频免费一区二区| 久久精品一区二区三区中文字幕| 欧美成人精品高清在线播放|