由于当下前端的职业需求,很多招聘网站上的招聘加分项中提到了微信小程序,基于不断学习的原则,我踏出了小程序学习的第一步。
工具
在学习之初,还在困惑小程序用的是什么开发软件,官网上就有下载,在用了段时间之后体验还行,就是云开发有点坑
点我跳转链接: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 会阻止事件向上冒泡。
生命周期

如果学过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
第一天的总结,把基础都学了一点之后,我发现微信小程序的教程是相当的优秀,完全可以用到什么去查什么,点个赞!!
本文记录了作者自学微信小程序的第一天,包括使用官方开发工具的体验,前期准备如appid的获取,以及创建页面、常用标签(如view和text)、像素标准rpx、WXML语法的理解。此外,还探讨了事件处理(如tap和longtap)、生命周期概念,以及云开发的基础知识,如云数据库、云函数和云存储的初步了解。作者对微信小程序的教程质量给予高度评价。
7万+

被折叠的 条评论
为什么被折叠?



