• 400-800-9385
    網站建設資訊詳細

    小程序定制開發科普白皮書

    發表日期:2022-10-08 18:15:48   作者來源:陳浩新   瀏覽:870   標簽:小程序定制    
    小程序代碼的構成 - WXML 模板
    什么是 WXML ?
    簡單說明 :WXML(WeiXin Markup Language)是小程序框架設計的一套標簽語言,用來構建小程序頁面的結構,其作用類似于網頁開發中的 HTML。
     
    WXML 和 HTML 的區別
    ① 標簽名稱不同:
     
    HTML (div, span, img, a)
    WXML(view, text, image, navigator)
    ② 屬性節點不同:
     

    html

    ③ 提供了類似于 Vue 中的模板語法
     
    數據綁定
    列表渲染
    條件渲染
    小程序代碼的構成 - WXSS 樣式
    什么是 WXSS ?
    簡單說明 :WXSS (WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式,類似于網頁開發中的 CSS
     
    WXSS 和 CSS 的區別
    ① 新增了 rpx 尺寸單位
     
    CSS 中需要手動進行像素單位換算,例如 rem
    WXSS 在底層支持新的尺寸單位 rpx,在不同大小的屏幕上小程序會自動進行換算
    ② 提供了全局的樣式和局部樣式
     
    項目根目錄中的 app.wxss 會作用于所有小程序頁面
    局部頁面的 .wxss 樣式僅對當前頁面生效
    ③ WXSS 僅支持部分 CSS 選擇器
     
    class 和 #id
    element
    并集選擇器、后代選擇器
    ::after 和 ::before 等偽類選擇器
    小程序代碼的構成 - JS 邏輯交互
    小程序中的 .js 文件
    一個項目僅僅提供界面展示是不夠的,在小程序中,我們通過 .js 文件來處理用戶的操作。例如:響應用戶的點擊、獲取用戶的位置等等。
     
    小程序中 .js 文件的分類
    小程序中的 JS 文件分為三大類,分別是:
     
    ① app.js ??? 是整個小程序項目的入口文件,通過調用 App() 函數來啟動整個小程序
     
    ② 頁面的 .js 文件 ??? 是頁面的入口文件,通過調用 Page() 函數來創建并運行頁面
     
    ③ 普通的 .js 文件 ??? 是普通的功能模塊文件,用來封裝公共的函數或屬性供頁面使用
     
    宿主環境相關簡介
    宿主簡單介紹:什么是宿主環境 ?
     
    宿主環境(host environment)指的是程序運行所必須的依賴環境。例如:Android 系統 和 iOS 系統 系統是兩個不同的宿主環境。安卓版的微信 App 是不能在 iOS 環境下運行的,所以,Android 是安卓軟件的宿主環境,脫離了宿主環境的軟件是沒有任何意義的!
     
    安卓如圖所示 :

     

    android

     
    小程序的宿主環境
    手機微信是小程序的宿主環境 如圖所示:

    ios

     
     
     
    小程序借助宿主環境提供的能力 ,可以完成許多普通網頁無法完成的功能,例如:微信掃碼、微信支付、微信登錄、地理定位、etc……
     
    小程序宿主環境包含的4點內容
    1、通信模型
    小程序的宿主環境 - 通信模型
     
    通信的主體
     
    小程序中通信的主體是渲染層和邏輯層,其中:
     
    ① WXML 模板 和 WXSS 樣式工作在渲染層
    ② JS 腳本工作在邏輯層
     
    小程序的通信模型
     
    小程序中的通信模型分為兩部分,其中:
     
    ① 渲染層和邏輯層之間的通信 由微信客戶端進行轉發
    ② 邏輯層和第三方服務器之間的通信 由微信客戶端進行轉發
     
     
     
    好了 今天就到這吧。。。。有需要繼續科普哦
    如沒特殊注明,文章均為方維網絡原創,轉載請注明來自http://www.carcker.com/news/6549.html
    国产区女主播在线观看,国产学生粉嫩泬在线观看,国产女主播精品大秀系列_犇影視