微信小程序笔记(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也不会报错】
- 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
18.渲染在wxml中wx:if="{{flag}}"这是表示显示与否
19.if和hidden
if前后两端代码不一定全部渲染加载
hidden全部进行渲染加载
if前后消耗高于hidden
hidden初始化时消耗高于if
20.template.wxml
…表示解析符
21.
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
本文地址:https://blog.csdn.net/qq_40872214/article/details/109241246