92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

小程序入門到精通:了解小程序開發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://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美一区二区在线视频| 亚洲风情亚aⅴ在线发布| 欧美韩日一区二区三区| 蜜桃av在线| 欧美日韩另类图片| 国产剧情日韩欧美| 亚洲精品免费在线看| 美女精品在线| 亚洲免费观看高清完整版在线观看| 国产精品污污网站在线观看| 亚洲不卡视频| 国产精品美女久久久久av超清| 日韩一区二区三区资源| 玖玖玖电影综合影院| 欧美成人h版| 午夜精品一区二区在线观看| 91系列在线播放| 国产乱妇乱子在线播视频播放网站| 欧美激情欧美| 国产精品综合视频| 欧美一级视频一区二区| 欧美 日韩 国产在线| а√中文在线8| 91色乱码一区二区三区| 国产精品视频网| 91麻豆国产自产在线观看亚洲| 久久久久99精品一区| 国产玖玖精品视频| 亚洲尤物在线视频观看| 久久精品国产一区二区三区日韩| 高端美女服务在线视频播放| 国产伦精品一区二区三区视频| 欧美美女一区二区在线观看| 色综合久久中文字幕综合网小说| 国产一区再线| 久久精品30| 天天做综合网| 91色九色蝌蚪| 国产成人8x视频一区二区| 日韩久久一区二区| 欧美一区国产二区| 在线视频一区二区三区| 欧美特黄一级| 亚州国产精品| 国内久久视频| 国产午夜精品美女毛片视频| 五月天丁香综合久久国产| 国产高清视频免费最新在线| 国产一区免费电影| 一区二区三区电影大全| 欧美在线激情视频| 日本久久精品| 影音先锋欧美精品| ady日本映画久久精品一区二区| 国产精品无码专区在线观看| 欧美精品自拍| 西游记1978| 国产亚洲一区二区三区在线播放| 久久夜色精品国产欧美乱极品| 91免费视频网址| 日韩一区二区三区电影在线观看| 日韩二区三区在线观看| 亚洲影视综合| 亚洲综合图区| 国产区精品区| 99国产麻豆精品| 99国产精品久久久久老师| 美女精品一区二区| 亚洲第一偷拍网| 91精品国产色综合久久不卡电影| 国内国产精品久久| 亚洲五码在线| 激情欧美一区二区三区在线观看| 欧美老女人第四色| 亚洲中午字幕| av在线不卡免费| 亚洲不卡在线观看| 欧美高清在线观看| 蜜臀久久99精品久久久无需会员| 色棕色天天综合网| 亚洲国产欧美日韩在线观看第一区| 国内精品久久久久影院薰衣草| 精彩视频一区二区三区| av在线国产精品| 深夜成人福利| 欧美日韩国产综合久久| 色屁屁一区二区| 色偷偷色偷偷色偷偷在线视频| 裸体素人女欧美日韩| 在线免费观看视频一区| 国产精品成人品| 女人让男人操自己视频在线观看| 日韩成人一级大片| 三级影片在线观看欧美日韩一区二区| 国产精品久久久久一区二区国产| 久久av一区二区三区漫画| 91国产在线免费观看| 91免费在线观看网站| 国产专区精品| 日韩精品中文字幕在线不卡尤物| 成人免费视频网站在线观看| av在线亚洲一区| 日韩电影在线观看中文字幕| 亚洲欧洲日韩在线| 亚洲动漫精品| 久久影音资源网| 成年人视频在线观看免费| 亚洲欧美成人综合| www.日韩| 欧美成人xxxx| 亚洲激情在线视频| **网站欧美大片在线观看| 久久久久久欧美| 91成人在线观看国产| 日本a级片电影一区二区| 91久久精品一区二区三区| 国产精品视频精品| 另类小说综合欧美亚洲| 精品一区二区三区影院在线午夜| 久久 天天综合| 亚洲自拍小视频免费观看| 国产成人亚洲综合a∨婷婷| 亚洲精品一区二区三区香蕉| 久久99性xxx老妇胖精品| av一本久道久久综合久久鬼色| 奇米亚洲欧美| 久热爱精品视频线路一| 欧美中文在线免费| 欧美色图12p| 四虎影视成人精品国库在线观看| 亚洲字幕在线观看| 国产精品一二三区视频| 亚洲精品一级二级| 日韩欧美中文字幕一区| 国产成人精品999在线观看| 香蕉视频在线看| 在线不卡欧美| av在线成人| 一本色道久久88亚洲综合88| 中文字幕亚洲专区| 亚洲国产wwwccc36天堂| 日韩欧美大尺度| 亚洲精品成a人在线观看| 亚洲丰满在线| 亚洲图区一区| 成人久久精品视频| 成人小视频在线观看| 亚洲人成精品久久久久| 欧美在线极品| 欧美日韩在线观看一区| 亚洲精品麻豆| 女同久久另类99精品国产| 免费黄网站在线| 日韩国产欧美在线视频| 国产欧美一区二区精品久导航| 欧美日韩激情视频8区| 成人伊人精品色xxxx视频| 国产a级毛片一区| 国产精品网站导航| 亚洲1区2区3区4区| 国产精品专区第二| 欧美成人精品激情在线观看| 麻豆视频在线观看免费网站黄| 综合久久五月天|