360小程序 代碼構(gòu)成

2019-07-08 13:01 更新

使用360瀏覽器的開發(fā)者模式,能夠直接在一個空文件夾下創(chuàng)建一個小程序Demo,可以通過此Demo查看小程序的代碼結(jié)構(gòu)。

360小程序代碼由4種基礎(chǔ)文件構(gòu)成:

  1. .json 后綴的 JSON 配置文件
  2. .html 后綴的 HTML頁面文件
  3. .css 后綴的 CSS 樣式文件
  4. .js 后綴的 JS 腳本邏輯文件

app.json——小程序全局配置


app.json 是當前小程序的全局配置,目前已提供為小程序配置窗口相關(guān)內(nèi)容的能力。Demo項目里邊的 app.json 配置內(nèi)容如下:

{
  "window": {
    "enableLargeWindow": false,
    "showRefreshButton": false,
    "windowWidth": 1138,
    "windowHeight": 640,
    "minWindowWidth": 400,
    "minWindowHeight": 400,
    "enableResize": true
  }
}

字段內(nèi)容解釋如下:

屬性 類型 說明 默認值 是否必填
enableLargeWindow boolean 是否全部頁面支持切換至大窗口,支持則在窗口頂部顯示切換按鈕 false
showRefreshButton boolean 是否顯示刷新按鈕,false為不顯示,true為顯示 false
windowWidth number 默認大窗口的尺寸-寬度 1138
windowHeight number 默認大窗口的尺寸-高度 640
minWindowWidth number 大窗口最小尺寸-寬度 400
minWindowHeight number 大窗口最小尺寸-高度 400
enableResize boolean 是否支持用戶手動拖動窗口邊線改變窗口大小 true

HTML+CSS+JS


目前,360小程序采用標準HTML、CSS、JS開發(fā),和網(wǎng)頁編程一樣: 使用HTML 定義網(wǎng)頁的內(nèi)容 使用CSS 規(guī)定網(wǎng)頁的布局 使用JavaScript 對網(wǎng)頁行為進行編程

開發(fā)者可使用新版本360安全瀏覽器(10.1.1889.0及以上版本)體驗下方的小程序Demo

下載小程序Demo示例代碼


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號