360小程序 代碼構(gòu)成
2019-07-08 13:01 更新
使用360瀏覽器的開發(fā)者模式，能夠直接在一個空文件夾下創(chuàng)建一個小程序Demo，可以通過此Demo查看小程序的代碼結(jié)構(gòu)。
360小程序代碼由4種基礎(chǔ)文件構(gòu)成:
- .json 后綴的 JSON 配置文件
- .html 后綴的 HTML頁面文件
- .css 后綴的 CSS 樣式文件
- .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
以上內(nèi)容是否對您有幫助：
更多建議：