js学习

以后坚持一日一更，和大家分享我每天学习的成果及经验，让想要学习的小伙伴少走弯路。
1、微信小程序目录结构
2、.json文件配置

一、微信小程序目录结构

小程序主体部分三个文件

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表
utils	是	存放工具的函数，主要就是为了达到代码复用的目的
project.config.json	是	微信开发者工具的配置信息
pages	是	存放小程序的所有页面，每个页面主要就是由四个文件组成

pages，一个小程序页面由四个文件组成

文件	必需	作用
js	是	页面逻辑
wxml	是	页面结构
wxss	否	页面配置
json	否	页面样式表

注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名

二、.json文件配置

示例：

{/* 有哪一个就可以查看哪一个，哪一个在前面就显示哪一个 */"pages": ["pages/index/index","pages/logs/logs"],/* 页面显示 */"window": {/* 页面向下滑显示的三个小点样式 ，刷新*/"backgroundTextStyle": "dark",/* 导航条的背景颜色 */"navigationBarBackgroundColor": "#11eeee",/* 标题 */"navigationBarTitleText": "YKenan","navigationBarTextStyle": "black",/* 页面向下滑显示的背景颜色 */"backgroundColor": "#11ee11",/* 是否显示页面向下滑，刷新 */"enablePullDownRefresh": true},"sitemapLocation": "sitemap.json",/* 底部显示 */"tabBar": {/* 字体颜色 */"color": "#888",/* 选中的字体颜色 */"selectedColor": "#23ed88",/* 背景颜色 */"backgroundColor": "#44aaaa55",/* 显示位置 */"position": "bottom","list": [{"pagePath": "pages/index/index","text": "首页",/* 图标的路径 */"iconPath":"resources/1.png",/* 被选中的图标的路径 */"selectedIconPath":"resources/2.png"},{"pagePath": "pages/logs/logs","text": "日志",/* 图标的路径 */"iconPath": "resources/1.png",/* 被选中的图标的路径 */"selectedIconPath": "resources/2.png"}]},/* 设置超时时间 */"networkTimeout": {"request": 10000,"downloadFile": 10000},"debug": true
}

pages：存放页面文件路径
window：存放顶部导航条的样式及显示文字
tabBar：底部栏，最少两个最多五个，底部导航
基本结构：

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils

微信小程序--一--文件夹及内容解析相关推荐

微信小程序多文件上传之wx-multipart
微信小程序多文件上传之wx-multipart 前言:我后端写了个多文件上传接口,奈何前端同事说微信小程序只能单文件上传,要支持多文件上传还要我单独再写一个单文件上传的接口,我他喵- 我看了下微信小程 ...
微信小程序删除文件Page剩余
微信小程序删除文件Page剩余问题对于文件夹无法通过右键将文件夹及其包含Page删除. 手动一一删除后重新编译, 会自动生成该文件的WXML页面与JavaScript页面, 无法删除. 解决删除 ...
Flask与微信小程序之文件上传与显示
文章目录 Flask与微信小程序之文件上传与显示背景 flask_uploads应用 flask_uploads的使用步骤 1 安装flask-uploads模块 2 在文件夹中导入需要用到的库 3 ...
微信小程序之文件上传PHP后台接收
微信小程序之文件上传(word,excel图片等) 微信前台代码 .html  <view class="cont ...
小程序php文档,微信小程序API 文件
微信小程序API 文件 wx.saveFile(OBJECT) 保存文件到本地. OBJECT参数说明: 示例代码:wx.startRecord({ success: function(res) { ...
微信小程序下载文件至本地，并打开文档
微信小程序下载文件至本地,并打开文档 downloadfile(e){var url = e.currentTarget.dataset.url;//下载文件,生成临时地址wx.downloadFil ...
微信小程序：笑话段子手微信小程序源码自带内容采集随时有新内容
这是一款笑话段子的一款微信小程序源码内容支持采集而来,所以不需要担心内容的问题该小程序目前分三个分类,推荐,段子 ,图片安装方法, 使用微信开发者工具打开源码然后设置一个合法域名设置好了以后 ...
微信小程序媒体文件上传到微信服务器
微信小程序媒体文件上传到微信服务器官方给出的事例如下: curl -F media=@test.jpg "https://api.weixin.qq.com/cgi-bin/media/up ...
uniapp开发微信小程序保存文件方案总结
uniapp开发微信小程序保存文件方案总结 1.需求背景最近正使用uniapp开发微信小程序项目,现需要保存文件. 解决方案 // 方法如下,filePath:文件地址:uni.authorize( ...
关于微信小程序打包文件vendor.js超过500k的压缩方案
关于微信小程序打包文件vendor.js超过500k的压缩方案因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件修改build目录下的webpack.d ...

微信小程序--一--文件夹及内容解析

js学习

一、微信小程序目录结构

二、.json文件配置

微信小程序--一--文件夹及内容解析相关推荐

最新文章

热门文章