微信小程序bilib版黑马

mac2022-06-30  23

微信小程序是不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开的应用,

在微信小程序的使用过程中,用户只增不减,很多的公司都开始研发属于自己的小程序,那么小程序该如何去制作并实现功能呢?

 

 

 

 

 

 

 

 

 看了小程序官方组件展示,

看了这些基础的内容之后,感觉有点意思啊

视图容器,基础内容,表单组件,导航,媒体组件,地图,画布

这些已经是包含了我们看法常用的组件了吧

 

还有扩展组件,接口,云开发;

等学完之后,可以试试,每天拿来搞一搞

 

 

 密码:QQ号

 AppID(小程序ID):wxec1cc2167eae7c4d1

 

环境的准备(........)

开发工具:1.微信小程序开发工具

     2.自己的编译器,打开同一个文件的话,修改他们是会同步的

 

新建项目的开发:可以先不用自己的APPID,因为是测试开发阶段;

 

开发者工具的界面介绍

 

 

项目目录:

 

 这个log应该是日志的意思,存放启动日志

这个东西在开发者工具的详情对应的吧

 

 

app.json:为什么这个底部的tab也在这里设置

 

新增一个页面在微信小程序中直接复制,

保存就好了,那些格式文件会自己帮你生成的

如果在编译器的话可能还得自己新建那些其他的文件

 

官网的框架应该是,构建页面的基础框架

 

#注意:在app.js配置子页面,最后一个不能有逗号

#注意:还要会看,哪一些是同一层级的,谁是谁的属性;

#注意:不能在小程序里添加注释

 

全局配置文件和页面配置文件:那万一冲突了怎么办

页面配置文件和全局配置用法差不多:

 

 

前面1-7是认识项目和文件的配置

第八开始是视图层HTML

 

内置好的组件标签:数据交互当然是在js中写的

 1.数据交互,data和vue是一样的

2.组件属性:

  

 

9.运算:if啥的,和vue是一样的。

  在标签属性上进行逻辑运算,数字相加,字符拼接。

  为什么这些逻辑我在文档上找不到

 

这花括号和引号之间是不能有空格的,不然空格会被解析成字符串

  

 

 

10.列表渲染

如果我猜的不错的话,应该是for循环对象,列表进行li渲染

和vue是一样的,表达会有点不一样而已,记得一定有key

 

 

 

 

 

修改item和index名字:因为微信默认的列表渲染叫item,index。

如index改成key

 

 

但是这个生成的为什么是行内块呢?

  

 

 

11.尺寸单位PX

 

rpx(responsive pixel):可以根据屏幕宽度进行自适应

 

 

 根据尺寸的大小,会找到对应的映射关系

对喔,在微信小程序中没有用link,script之类的将页面与之相关联

会自己对应的吧

当我们设置宽高单位为px的时候,是不会随着屏幕的变大而改变的

 

rpx是有比例比的,百分比。就是说占750的百分之几,如果你增大了多少,那么

我也会按照这个比例增大的

 

无论是字体还是宽高都可以用这个单位rpx

像素单位是px

移动端必须要知道的像素比例,尺寸比例

 

样式的导入:可以新建一个文件,将自己的样式放到里面。然后在page里的css导入

 课外补充:xml和html和json的区别  https://blog.csdn.net/qq_36346262/article/details/79335397

 

注释要这么写才不会报错,不能在css中这么注释 // 会报错

 

 

 

这个类样式也可以绑定数据进行改变

 

 

 

 

指定按下去的样式类:hover-class,也还要在css中配置按下去的样式

 

 

 

微信中的image这个组件和web中的img标签

有很大的差别,没有背景图片的写法

 

 

 

 

现在学的是组件,这些基础的组件都是封装好的了,在小程序实例都可以看到的

 

类似与a标签,也是一个超链接

 

这是什么鬼,我咋看不懂;页面跳转

 

 

 

 

 

 

 

哦哟,这个有意思;在开发中工具中选择component,可以建了

这里的自定义组件,为啥要建立这么多文档

这个鬼东西应该是解决代码公共的问题吧

转载于:https://www.cnblogs.com/Py-king/p/11570688.html

最新回复(0)