自学微信小程序第一天的心得体会

本文记录了作者自学微信小程序的第一天,包括使用官方开发工具的体验,前期准备如appid的获取,以及创建页面、常用标签(如view和text)、像素标准rpx、WXML语法的理解。此外,还探讨了事件处理(如tap和longtap)、生命周期概念,以及云开发的基础知识,如云数据库、云函数和云存储的初步了解。作者对微信小程序的教程质量给予高度评价。


由于当下前端的职业需求,很多招聘网站上的招聘加分项中提到了微信小程序,基于不断学习的原则,我踏出了小程序学习的第一步。

工具

在学习之初,还在困惑小程序用的是什么开发软件,官网上就有下载,在用了段时间之后体验还行,就是云开发有点坑
点我跳转链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

前期准备

在把工具下载安装好之后,需要联网进行登陆,并创建项目,注意appid在创建时需要填写,可先行保存。
目录

创建页面

在这里插入图片描述

常用标签

view 相当于div块级元素
text 相当于span行内元素

像素标准rpx

rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

WXML语法

链接.https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/

包括了数据渲染,列表渲染和条件渲染
其中的hidden和vue中的v-show相同
问题:什么时候使用if 什么时候使用hidden
(1)如果此元素需要频繁切换使用hidden
(2)如果此元素在运行中不大可能改变则 wx:if 较好
(3)hidden始终会渲染,通过控制display属性进行显示和隐藏!

事件

链接.https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

常用的包括了tap,longtap等
注意的是:冒泡在js基础的时候学过,触发子元素的同时也会触发父元素
以下是解决方式:
除 bind 外,也可以用 catch 来绑定事件。与 bind 不同, catch 会阻止事件向上冒泡。

生命周期

Alt
如果学过vue的生命周期的话,就很好理解了

云开发

云数据库

链接: link.https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html

最常见的增删改查

云函数

链接: link.https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/getting-started.html

云存储

链接: linkhttps://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/storage/api.html

第一天的总结,把基础都学了一点之后,我发现微信小程序的教程是相当的优秀,完全可以用到什么去查什么,点个赞!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值