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

自学微信小程序的第一天

  • 工具
  • 前期准备
  • 创建页面
    • 常用标签
    • 像素标准rpx
    • WXML语法
  • 事件
  • 生命周期
  • 云开发
    • 云数据库
    • 云函数
    • 云存储

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

工具

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

前期准备

在把工具下载安装好之后,需要联网进行登陆,并创建项目,注意appid在创建时需要填写,可先行保存。
自学微信小程序第一天的心得体会_第1张图片

创建页面

自学微信小程序第一天的心得体会_第2张图片

常用标签

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

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

你可能感兴趣的:(微信小程序,前端)