微信小程序开发手册(配置和视图层)

官网： 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

相信出这个错误的时候，很多朋友都是摸不着头脑，其实这个是微信小程序开发工具的bug。

当我们右键创建一个目录并创建页面时，开发工具会自动帮我们在app.json文件中pages下创建一个路径配置

如下图：

然后这答喊个时候我们编译，小程序开发工具会给我报出如下世搏错误：

出现这个问题的原因在于第一清返野张图中自动生成的路径多了一个“/”，也就是“/pages/home/home”多了一个“/”，我们只需要将“/”去掉即可。

1、打开开发者工具，在项目的pages文件夹下，新建mypage文件夹，并在文件夹内新建mypage，并在app.json中将mypage设为第一页面。

2、在mypage.wxml中写代码如下。

3、保存代码，在模拟器中查看效果如下图。

4、在mypage.wxss中添加代码如下：view{overflow-wrap: break-word}。

5、保存代码，就实现了自动换行，注意view默认枝悔蔽的display为block。

6、mypage.wxss不用改，再把内容改猛州为中文测试一下，修改前斗mypage.wxml。

7、保存代码，查看模拟器如下图，中文也实现了自动换行。

---