微信小程序学习笔记

Posted 2020-09-21 自由灬飞翔丨

1.在app.json中输入如下代码就会自动在pages下创建welcome文件夹及相应的wxss, wxml, js, json文件

"pages":[
  "pages/welcome/welcome"
]

2.在进行wx.for的数据绑定时可以不需要使用{{item.***}}的方式来获取数据，只需要引入数据时在前面加三个小点将对象展开即可

<template is="templateName" data="{{...item}}" />

3.在页面的外面还有一层page元素，可以在wxss中通过对page设置背景色和高度来实现全屏的背景

page{
    background-color: #ccc;
    height: 100%;
}

4.小程序在脚本中可以定义值为布尔值false,但在文件中需要加引号，这样false会被解析为字符串，wxml文件中正确的做法是将值写成{{false}}

5.出现"Do not have  handler in current page"这类错误，有可能是方法没有在js文件中定义或者在wxml中绑定方法时,多加了一个"()";

6.小程序布局推荐使用弹性盒子模型，有关弹性盒子模型语法：《弹性盒子模型语法》

7.小程序模板设计稿按照iphone6的尺寸来设计

8.快速格式化代码：alt+shift+F