微信小程序基础1

Angular/Vue/React前端框架

 

微信小程序

onLaunch 小程序的生命周期

pages   声明小程序项目由哪些页面组成（路由）（注：哪个页面在最前面就先加载哪个，即默认加载第一个页面），如果要添加新的页面（即添加新的文件夹），那么就要在pages这个地方注册文件夹的位置，这样这个文件才是合法的

window  配置页面窗口（小程序窗口字体颜色，背景灯）

tabBar  小程序底部导航（底部菜单，配置好的）

app.wxss 小程序的公共样式，这个样式会影响到所有的小程序页面

project.config.json 小程序的各种配置

 

index.js 网页脚本

 index.wxml  微信HTML

index.wxss 微信CSS

 

ImageIO：转换成图片的

createGraphics()：拼成一张图片

drawImage()：最后一个是observer  当转换了更多图像时要通知的对象，可不理

方法用static，可直接通过方法名调用

 

异常exception   错误error

异常:

编译期异常：就是说我们提前就知道他会不会发生异常，如果不try抛出，catch捕获，不能编译

运行期异常：只有在运行的时候才能知道

 

超文本传输协议

ssl加密

 

2.微信模板语句

数据绑定：可以在damo1.js的data中写一些东西，也就是键值对

循环：XX放可迭代的数据，能一项一项拿出来的数据，例数组

<text wx:for="{{XX}}"></text>

例：

 

 

点击运行就会输出：

 

// 循环   迭代数据

{{ item }}　　//固定名字，每次从age里拿出来的数

 

 

输出：

 

 

会输出7个数：

 

 

如果不是数，是字符串：

 

输出：

 

若少个 ‘ 号，会报这个错误：

输出：

 

还可以是数组：

输出：

 

以上是for循环做列表渲染，还有条件渲染（根据某些条件做判断）

 

 

输出：

因为num=7<17，所以界面不会输出18；因为num1=20>17，所以界面会输出18

 

如果num>22，界面就输出25；如果num>17，界面就输出15；如果两个都不满足，就输出17

 

 

输出：