微信小程序实际开发中学习
Posted wangziyan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序实际开发中学习相关的知识,希望对你有一定的参考价值。
三个概念
微信:就是一个聊天工具
微信公众号:企业或个人用于管理其粉丝/用户的应用(类似于APP)
微信小程序:不需要下载安装直接可以使用的软件/应用/APP
小程序与公众号的区别:
定位不同(小程序:产品与服务,公众号:营销与信息传递)
体验差异(小程序:体验接近原生APP,公众号:操作延时较大)
技术区别(小程序:微信自身开发环境与开发语言,公众号:基于H5开发)
1.之前通过申请获得了小程序的AppId通过QuickStart快速生成了一个小程序
这个时候可以使用预览然后用手机扫描二维码预览现在的小程序
这个键在这里(上面一行的中间):
实现步骤:
1.定义路由(也就是设置一个网址来访问文件)
2.创建页面(js,wxss,wxml,json)
3.修改wxml写结构(html)
4.修改wxss写样式(css)
在app.json中创建路径可以通过ctrl+s自动保存。自动生成路径。
数据绑定:
概念:名词,指页面数据来源于js对象属性,并且对象属性值修改页面同步更新
步骤:
1.修改js文件代码
2.修改wxml文件绑定数据
数据遍历和判断:
实现步骤:
1.修改js文件代码
2.修改wxml文件代码
条件渲染:看这个就可以,if语句之类
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/conditional.html
列表渲染:for语句之类
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置
pages声明小程序由哪些页面组成
window
用于设置小程序的状态栏、导航条、标题、窗口背景色。
tabBar
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
以上是关于微信小程序实际开发中学习的主要内容,如果未能解决你的问题,请参考以下文章