微信小程序的基础学习(1)

微信小程序的基础学习(1)

总结一下微信小程序一些基础知识。文章是用我自己的语言来解释我对微信小程序的理解,零基础又想学微信小程序的伙伴可以看一看。第一次写文章,不喜误喷哦!

方便理解记忆之英中翻译对比:

英文中文
view视图
text文本
button按钮
image图像

文件夹下四个文件的理解:

文件中文解释(个人理解)
.wxml小程序页面视图 例如人的脸
.wxss小程序页面视图修饰 例如修饰人脸的胖瘦肤白
.js小程序逻辑层 例如人脸的神经,其作用就是控制整个人脸的运行
.json小程序全局配置 其作用配置导航栏的文字、背景颜色、页面底部tabbar等

view-----视图(容器)
它可以装下text、button、image等组件就像一个容器,这样使得容器内容和其它容器内容相互隔离;修饰视图的时候,可以有针对性的修饰。
在这里插入图片描述
view可以修饰文字,它与text的区别在于当文字的内容太多时text会自动换行而view不会。

text-----文本
主要用来显示文字,大家有兴趣的话可以去官网看看富文本rich-text,其可以显示html文件
链接:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

button-----按钮
小程序给按钮弄了一些基本样式设置,用起来比较方便,加上小程序的有些功只能能通过button组件来实现例如登录获取用户基本信息、分享、小程序提供的客服服务等
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
学好button对初学者是比较重要的。
button 按钮的官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/component/button.html

image-----图像
image可以通过 src 显示网络照片,也可以显示本地照片。
在这里插入图片描述
在这里插入图片描述
下一章接着介绍微信小程序的四个文件wxml、wxss、js、json
本人自己做了一个完整的图文分享、点赞、收藏云开发小程序,可以用来做毕业设计、图文分享项目,操作简单,利用腾讯免费赠送的云开发空间就可以完成所有操作,节省成本、方便快捷,当天就可以上线!
链接:https://download.csdn.net/download/weixin_52658156/20238876

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

消寒冰冻结程序

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值