关于微信小程序

一、小程序开发框架组成介绍
1.WXML (WeiXin Markup Language)
它是框架设计的一套标签语言,结合组件、WXS和事件系统,可以构建出页面的结构。你需要了解他的相关知识:
1)数据绑定
2)列表渲染
3)条件渲染
4)模板及引用
2.WXSS
它是一套样式语言,用于描述WXML的组件样式。(CSS也是一套样式语言,是一种样式表语言,用来描述HTML或XML文档的呈现)你需要了解它的相关知识:
1)响应式像素
2)样式
3)选择器
3.WXS(Wei Xin Script)
它是它是小程序自己的脚本语言
4.JavaScript
JavaScript是一种轻量的、解释性的、面对对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象、命令式和函数式的编程风格。
二 。小程序的声明周期
1.小程序的生命周期
1.onLaunch 2)onShow 3)onHide 4)onError
2.小程序界面的声明周期
1)onLoad 2)onShow 3)onReady 4)onHide 5)onUnload
小程序初始化
在这里插入图片描述
小程序全局配置app.json
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
普通快速启动项目里边的 app.json 配置
{
“pages”:[
“pages/index/index”, //来定义要跳转的页面
“pages/logs/logs”
],
“window”:{
“backgroundTextStyle”:“light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeChat”,
“navigationBarTextStyle”:“black”
}
}
app.wxss用于小程序的全局样式

在这里插入图片描述
事件
按钮
1// click:function(e){
// console.log(‘lllll’)
// console.log(e)
// }
选择器
在这里插入图片描述
小程序中的组件通信
逆战中为了美化wxml页面布局减少父组件的js代码量,一般都是传递给子组件
//在js文件中获取数据
data: {
bannerlist:[],//异步请求获取的数据
reachbottom:false
},
//在wxml中调用组件中传值

//哎子组件中接受
properties: {
prolist: Array//接受的数据类型
},

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值