小程序--组件--视图容器

日常记录学习~~

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html

cover-image：覆盖在原生组件之上的图片视图，支持嵌套在 cover-view 里

cover-view：覆盖在原生组件之上的文本视图，支持嵌套 cover-view 、 cover-image ，可在 cover-view 中使用 button

原生组件有：map，video，canvas，camera，live-player，live-pusher

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/match-media.html

match-media：media query 匹配检测节点，指定一仿春组 media query 规则，满足时，这个节点才会被展示。

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html

movable-area：是movable-view的可移动区域，必须设置width和height属性，不并芹设置默认为10px

movable-view：可移动的视图容器，在页面中可以拖拽滑动，movable-view必须在movable-area组件中使用，并且必须是直接子节点，否则不能移动。

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html

page-container：“假页”容器备蔽耐组件，效果类似于 popup d出层，页面内存在该容器时，当用户进行返回 *** 作，关闭该容器不关闭页面，当前页面最多只有 1 个容器，若已存在容器的情况下，无法增加新的容器

参数参考官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

scroll-view：可滚动视图区域，使用竖向滚动时，需要给一个固定高度，组件属性的长度单位默认为px

参数参考官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html

具体使用可看官方案例哦

share-element：共享元素，该组件需与page-container组件结合使用

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

swiper-item:仅可放置在swiper组件中，宽高自动设置为100%

这是我们最熟悉的容器啦~

官网： https://mp.weixin.qq.com

微信小程序的优势：

一是微信有海量用户，而且粘性很高，在微信里开发产品更容易触达用户；

二是推广app 或公众号的成本太高。

三是开发适配成本低。

四是容易小规模试错，然后快速迭代。

五是跨平台。

登陆成功：

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。 普通快速启动项目 里边的 app.json 配置.

字段的含义

这里的 page.json 其实用来表示页面目录下的 page.json 这类和小程序页面相关的配置。

开发者可以独立定义每个页面的一些属性，如顶部颜色、是否允许下拉刷新等等。

页搜返面的配置只能设置 app.json 中部分 window 配置项的内容乎谨，页面中配置项会覆盖 app.json 的 window 中相同的配置项。

WXML（WeiXin Markup Language）是框世顷饥架设计的一套标签语言，结合 基础组件 、 事件系统 ，可以构建出页面的结构。

.wxml文件下

.js文件Page模块下

不要直接写 checked="false"，其计算结果是一个字符串

ps:花括号和引号之间如果有空格，将最终被解析成为字符串.

项的变量名默认为 itemwx:for-item 可以指定数组当前元素的变量名

下标变量名默认为 index wx:for-index 可以指定数组当前下标的变量名

渲染一个包含多节点的结构块 block最终不会变成真正的dom元素

配合 wx:for 使用，用于提高效率。建议写上。

类似 wx:if

频繁切换 用 hidden

不常使用 用 wx:if

---