微信小程序的基础学习(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