微信小程序

		微信小程序小结

微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API。
新建页面在app.json中pages里面创建，显示当前页面新建的页面，应放在pages里面的第一位。
新建的页面应有四个文件:.js文件.json文件.wxss文件.wxml文件
.js文件：书写页面js代码
.wxss文件：书写页面样式代码
.wxml文件：书写页面内容
框架：小程序配置：
全局配置：
entryPagePath： 小程序默认启动首页
pages：页面路径列表
window：全局的默认窗口表现
tabBar：底部tab栏的表现
networkTimeout：网络超时时间
debug：是否开启 debug 模式，默认关闭
functionalPages：是否启用插件功能页，默认关闭
subpackages：分包结构配置
workers string：代码放置的目录
requiredBackgroundModes：需要在后台使用的能力，如「音乐播放」
plugins:使用到的插件
preloadRule:分包预下载规则
resizable:PC 小程序是否支持用户任意改变窗口大小（包括最大化窗口）；iPad 小程序是否支持屏幕旋转。默认关闭

	  usingComponents:全局自定义组件配置	开发者工具 
		   permission:小程序接口权限相关设置	微信客户端 
	  sitemapLocation:指明 sitemap.json 的位置	
	            style:指定使用升级后的weui样式	
	   useExtendedLib:指定需要引用的扩展库	
	  entranceDeclare:微信消息用小程序打开	微信客户端 
	        darkmode:小程序支持 DarkMode	
	   themeLocation:指明 theme.json 的位置，darkmode为true为必填开发者工具 
	lazyCodeLoading：配置自定义组件代码按需注入
	     singlePage：单页模式相关配置	
 supportedMaterials：聊天素材小程序打开相关配置	

serviceProviderTicket：定制化型服务商票据
embeddedAppIdList：半屏小程序 appId
halfPage：视频号直播半屏场景设置
debugOptions：调试相关配置
页面配置：
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色，如 #000000
navigationBarTextStyle string white 导航栏标题颜色，仅支持 black / white
navigationBarTitleText string 导航栏标题文字内容
navigationStyle string default 导航栏样式，仅支持以下值：
default 默认样式
custom 自定义导航栏，只保留右上角胶囊按钮。 iOS/Android 微信客户端 ，Windows 微信客户端不支持
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle string dark 下拉 loading 的样式，仅支持 dark / light
backgroundColorTop string #ffffff 顶部窗口的背景色，仅 iOS 支持 微信客户端
backgroundColorBottom string #ffffff 底部窗口的背景色，仅 iOS 支持 微信客户端
enablePullDownRefresh boolean false 是否开启当前页面下拉刷新。
详见 Page.onPullDownRefresh
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离，单位为px。
详见 Page.onReachBottom
pageOrientation string portrait 屏幕旋转设置，支持 auto / portrait / landscape
详见 响应显示区域变化 2.4.0 (auto) / (landscape)
disableScroll boolean false 设置为 true 则页面整体不能上下滚动。
只在页面配置中有效，无法在 app.json 中设置
usingComponents Object 否 页面自定义组件配置
initialRenderingCache string 页面初始渲染缓存配置，支持 static / dynamic
style string default 启用新版的组件样式
singlePage Object 否 单页模式相关配置
restartStrategy string homePage 重新启动策略配置
handleWebviewPreload string static 控制预加载下个页面的时机。支持 static / manual / auto

组件：
试图容器：
cover-image
覆盖在原生组件之上的图片视图。
目前原生组件均已支持同层渲染，建议使用 image 替代。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。

src：图标路径，支持临时路径、网络地址、云文件ID。
referrer-policy：格式固定为https://servicewechat.com/{appid}/{version}/page-frame.html
bindload：图片加载成功时触发
binderror：图片加载失败时触发

cover-view
覆盖在原生组件之上的文本视图。
目前原生组件均已支持同层渲染，建议使用 view 替代。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher
只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。
scroll-top：设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效

scroll-view
可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

scroll-x：允许横向滚动
scroll-y：允许纵向滚动
upper-threshold：距顶部/左边多远时，触发 scrolltoupper 事件
lower-threshold：距底部/右边多远时，触发 scrolltolower 事件
scroll-top：设置竖向滚动条位置
scroll-left：设置横向滚动条位置
scroll-into-view：值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
scroll-with-animation：在设置滚动条位置时使用动画过渡
enable-back-to-top：iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向
enable-flex：启用 flexbox 布局。开启后，当前节点声明了 display: flex 就会成为 flex container，并作用于其孩子节点。
scroll-anchoring：开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS overflow-anchor 属性。
refresher-enabled：开启自定义下拉刷新
refresher-threshold：设置自定义下拉刷新阈值
refresher-default-style：“black” 否 设置自定义下拉刷新默认样式，支持设置 black | white | none， none 表示不使用默认样式
refresher-background："#FFF" 否 设置自定义下拉刷新区域背景颜色
refresher-triggered ：false 否设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
enhanced：false 否 启用 scroll-view 增强特性，启用后可通过 ScrollViewContext 操作 scroll-view
bounces：true 否 iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)
show-scrollbar：true 否 滚动条显隐控制 (同时开启 enhanced 属性后生效)
paging-enabled： false 否 分页滑动效果 (同时开启 enhanced 属性后生效)
fast-deceleration：false 否 滑动减速速率控制 (同时开启 enhanced 属性后生效)
binddragstart：滑动开始事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft }
binddragging：滑动事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft }
binddragend：滑动结束事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft, velocity }
bindscrolltoupper：滚动到顶部/左边时触发
bindscrolltolower：滚动到底部/右边时触发
bindscroll：滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
bindrefresherpulling：自定义下拉刷新控件被下拉
bindrefresherrefresh：自定义下拉刷新被触发
bindrefresherrestore：自定义下拉刷新被复位
bindrefresherabort：自定义下拉刷新被中止

swiper
滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

swiper-item
仅可放置在swiper组件中，宽高自动设置为100%
item-id string 否 该 swiper-item 的标识符
skip-hidden-item-layout boolean false 否 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息

audio:音频
video:视频
wx:for="{{ }}"//循环
wx:if="{{ }}"//判断
navigation-bar：页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点，需要配合它一同使用。
icon：图标组件
text：为文本
button：按钮
checkbox：多选项目
checkbox-group：多项选择器，内部由多个checkbox组成。
form：表单。将组件内的用户输入的switch input checkbox slider radio picker 提交。当点击 form 表单中 form-type 为 submit 的 button组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。
input：输入框。该组件是原生组件，使用时请注意相关限制

导航：
functional-page-navigator：仅在插件中有效，用于跳转到插件功能页
navigator：页面链接

地图：map
bindinput：获取实时数据
{{变量名}}动态
bindtap：点击时间
danmu-list:弹幕绑定
this.setData({ con:e.detail.value})//获取当前数据
云开发：开发者无需搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发
存储：可在云开发里上传图片，视频，音频等文件
数据库：
增加数据：const db = wx.cloud.database()
db.collection(‘student’).add({
// data 字段表示需新增的 JSON 数据
data: {
user:this.data.user,
pass:this.data.pass
},
success: function(res) {
// res 是一个对象，其中有 _id 字段标记刚创建的记录的 id
console.log(res)
}
})
查询数据：const db = wx.cloud.database()
db.collection(‘student’).where({
user:’ ‘,
pass:’ ’
})
.get({
success: function(res) {
console.log(res.data)
}
})
},