微信小程序是不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开的应用,
在微信小程序的使用过程中,用户只增不减,很多的公司都开始研发属于自己的小程序,那么小程序该如何去制作并实现功能呢?
看了小程序官方组件展示,
看了这些基础的内容之后,感觉有点意思啊
视图容器,基础内容,表单组件,导航,媒体组件,地图,画布
这些已经是包含了我们看法常用的组件了吧
还有扩展组件,接口,云开发;
等学完之后,可以试试,每天拿来搞一搞
密码: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