• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      小程序入門到精通:了解小程序開發(fā)4個重要文件

      2020-5-24    前端達(dá)人

      點擊查看原圖


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

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

      • *.js —> view邏輯 —> javascript
      • *.wxml —> view結(jié)構(gòu) ----> html
      • *.wxss —> view樣式 -----> css
      • *. json ----> view 數(shù)據(jù) -----> json文件

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

      2.1 WXML

      WXML(WeiXin Markup Language)是框架設(shè)計的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。WXML 充當(dāng)?shù)木褪穷愃?nbsp;HTML 的角色
      要完整了解 WXML 語法,請參考WXML 語法參考

      2.2 WXSS

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

      WXSS 用來決定 WXML 的組件應(yīng)該怎么顯示。

      為了適應(yīng)廣大的前端開發(fā)者,WXSS 具有 CSS 大部分特性。同時為了更適合開發(fā)微信小程序,WXSS 對 CSS 進(jìn)行了擴(kuò)充以及修改。

      與 CSS 相比,WXSS 擴(kuò)展的特性有:



      尺寸單位

      樣式導(dǎo)入

      2.3 json

      JSON 是一種數(shù)據(jù)格式,并不是編程語言,在小程序中,JSON扮演的靜態(tài)配置的角色。



      全局配置

      小程序根目錄下的 app.json 文件用來對微信小程序進(jìn)行全局配置,決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。



      頁面配置

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



      工具配置 project.config.json

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

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

      注意:

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

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



      數(shù)字,包含浮點數(shù)和整數(shù)

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

      Bool值,true 或者 false

      數(shù)組,需要包裹在方括號中 []

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

      Null

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


      2.4 js

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


      注冊頁面

      對于小程序中的每個頁面,都需要在頁面對應(yīng)的 js 文件中進(jìn)行注冊,指定頁面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等



      使用 Page 構(gòu)造器注冊頁面

      簡單的頁面可以使用 Page() 進(jìn)行構(gòu)造。



      使用 Component 構(gòu)造器構(gòu)造頁面

      Page 構(gòu)造器適用于簡單的頁面。但對于復(fù)雜的頁面, Page 構(gòu)造器可能并不好用。

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

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

      版權(quán)聲明:本文為CSDN博主「前端嵐楓」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。

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





      日歷

      鏈接

      個人資料

      存檔

      主站蜘蛛池模板: 丰满爆乳无码一区二区三区| 激情亚洲内射一区二区三区| 波多野结衣AV无码久久一区| 在线亚洲97se亚洲综合在线| 在线天堂最新版资源| 国产成人精品a视频| 国产精品成人午夜福利| 国产精品亚洲片夜色在线| 高清无码18| 亚洲青涩在线| 2021国产乱人伦在线播放 | 国产成人8X人网站视频| 色综合中文综合网| 亚洲精品av一区在线观看| 国内精品久久久久久影院| 婷婷伊人久久大香线蕉av| 天堂V亚洲国产V第一次| 精品一区二区三人妻视频| 舌头伸进去添的我好爽高潮欧美 | 国产精品人妻一码二码尿失禁| 丰满少妇熟女高潮流白浆| аⅴ资源天堂资源库在线| 国产av高清无亚洲| 国产精品无码制服丝袜| 开封市| 插插无码视频大全不卡网站| 日本A级视频在线播放| 第一精品福利导福航| 国模沟沟一区二区三区| 日本少妇毛茸茸高潮| 国产区人妖精品人妖精品视频 | 国产成人综合久久亚洲av| 亚洲人成网站在小说| 日韩色图区| 国产自拍偷拍视频在线观看| 精品一区二区三区在线播放视频| 不卡一区二区三区视频播放| 亚洲国产免费图区在线视频| 精品粉嫩国产一区二区三区 | 人成午夜免费大片| 中文字幕日产乱码一区|