欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序笔记(1)

程序员文章站 2022-06-28 18:17:01
1.数据传输的时候1)字符串(复杂数据类型、数组和对象)2)xml3)json{} 对象 (键值对 : (属性名:属性值);键值对之间用 , 隔开)[] 数组(每一个索引位置对应一个值;索引之间用 ,隔开)json模型不可以用注释2.十六进制配色(学习)https://zhuanlan.zhihu.com/p/61403287?utm_source=QQ_article_bottom3.json对象 “backgroundTextStyle”:“light”,//下拉后loading...

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

本文地址:https://blog.csdn.net/qq_40872214/article/details/109241246

相关标签: 笔记