360小程序 代码构成

2019-07-08 13:01 更新

使用360浏览器的开发者模式,能够直接在一个空文件夹下创建一个小程序Demo,可以通过此Demo查看小程序的代码结构。

360小程序代码由4种基础文件构成:

  1. .json 后缀的 JSON 配置文件
  2. .html 后缀的 HTML页面文件
  3. .css 后缀的 CSS 样式文件
  4. .js 后缀的 JS 脚本逻辑文件

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


app.json 是当前小程序的全局配置,目前已提供为小程序配置窗口相关内容的能力。Demo项目里边的 app.json 配置内容如下:

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

字段内容解释如下:

属性 类型 说明 默认值 是否必填
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开发,和网页编程一样: 使用HTML 定义网页的内容 使用CSS 规定网页的布局 使用JavaScript 对网页行为进行编程

开发者可使用新版本360安全浏览器(10.1.1889.0及以上版本)体验下方的小程序Demo

下载小程序Demo示例代码


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号