微信小程序笔记(1)

1.数据传输的时候

1)字符串(复杂数据类型、数组和对象)
2)xml
3)json
{} 对象 (键值对 : (属性名:属性值);键值对之间用 , 隔开)
[] 数组(每一个索引位置对应一个值;索引之间用 ,隔开)
json模型不可以用注释

2.十六进制配色(学习)
https://zhuanlan.zhihu.com/p/61403287?utm_source=QQ_article_bottom

3.json
对象 “backgroundTextStyle”:“light”,//下拉后loading的颜色
“navigationBarBackgroundColor”: “#000”, //修改头部背景颜色
“navigation(导航)Bar(栏)Title(标题)Text(文本)”: “我的微信”, //修改头部字体
“navigationBarTextStyle”:“white” //修改头部字体颜色
“enablePullDownRefresh”: true, //下拉刷新
“backgroundColor”:"#ddd" // 下拉刷新背景颜色
数组
“networkTimeout”: {
“request”: 20000,(20000为毫秒20秒)
“connectSocket”: 20000,
“uploadFile”: 20000,
“downloadFile”: 20000
}

WXML->HTML (微信的标签语言,做内容的呈现)
WXSS->CSS (微信的样式表,做样式的改变)
JS->Javascript (页面的JS脚本,承载的是接收和返回数据以及和服务器交互的一些逻辑处理)
JSON->Javascript(json对象) (完成当前页面的配置信息)
APP->application

5.编码要求
1)不能直接使用HTML文件
2)可以使用全部的CSS文件
3)JS脚本文件没有Window对象(微信小程序的内核上是不存在Window对象的)

6.小程序和小游戏是无法发朋友圈的,可以转发到群和好友

7.console.log("")和console.info("")都可以在调试器下呈现

8.wxml文本

9.text->font(span)[Html]

10.微信自有的单位rpx
通常单位px
iphone6 1px=2rpx
1px=2.0xxrpx

11.view有两个作用
容器
特定的换行

12.轮播图先停在哪张图上
每个图可以用current=“0”(0、1、2、3···)
如果每张图都有一个特定的字符可以用current-item-id="···"
【注意:此部分console不会报错,0与o也不会报错】

  1. vertical轮播图纵向滑动

14.previous-margin=“20” next-margin="20"意思是轮播图片前后各留20个像素,方便使用户知道后面还有内容

15.display-multiple-items="2"意思是轮播图同时显示两张图片

16.横向布局:
display-flex: flex-direction:row justify-content: align-item:
纵向布局 flex-direction:column

17.微信在对属性赋值(布尔值boolean)是不会对布尔值进行转换的,只要里面有内容不是false,他都会认为是true;

11
22

11 22

18.渲染在wxml中wx:if="{ {flag}}"这是表示显示与否

19.if和hidden
if前后两端代码不一定全部渲染加载
hidden全部进行渲染加载
if前后消耗高于hidden
hidden初始化时消耗高于if

20.template.wxml


…表示解析符

21.

name:{ {name}}
age:{ {age}}

name:{ {name}} age:{ {age}} name:{ {name}} age:{ {age}}

22.import引用
a.wxml
b.wxml
c.wxml
b引用了a b中呈现ab
c引用了b c中呈现bc
import没有继承性的

23.include包含

24.事件
事件源
事件监听
事件处理程序

25.bind+事件类型或catch+事件类型作为用户的事件绑定监视器,连接事件源和事件处理程序
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递
(touchmove, tap, longtap)
非冒泡事件:当一个组件上的事件被触发后。该事件不会向父节点传递
(catch)

26.

audioItem:{
src:"/pages/music/I Love You.mp3",
name:“New Path New Life (Orchestral Edition)”,
author:“Gothic Storm”,
poster:“http://img4.kuwo.cn/star/albumcover/300/83/98/3697620749.jpg”
}

27.放在js文件中data中的数据是初始数据,在页面打开时呈现出来的。

28.text:标准键盘,字母数字都有
number:只有数字键盘
digit:显示键盘时带有小数点

29.a a1 a2 a3
b b1 b2 b3

猜你喜欢

转载自blog.csdn.net/qq_40872214/article/details/109241246