360小程序 代码构成
2019-07-08 13:01 更新
使用360浏览器的开发者模式,能够直接在一个空文件夹下创建一个小程序Demo,可以通过此Demo查看小程序的代码结构。
360小程序代码由4种基础文件构成:
- .json 后缀的 JSON 配置文件
- .html 后缀的 HTML页面文件
- .css 后缀的 CSS 样式文件
- .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
以上内容是否对您有帮助:
更多建议: