type
status
date
slug
summary
tags
category
icon
password
小程序是什么
⼩程序是⼀种新的开放能⼒,在微信内被便捷地获取和传播。
⼩程序的优势和劣势
优势
成本更低
使用便捷
容易推广
体验良好
劣势
受微信的限制,不能涉及积分和虚拟交易
单包大小限制2M
发布麻烦
小程序模板语法wxml
逻辑渲染
列表渲染
模板
template
使用<template name=”myTemp”></template>
在其它页面调用
<import src=”模板页面的路径” />
<template is=”myTemp” data=”” />
<include src=”页面的路径” />
导入的是除模板之外的所有内容
小程序的wxss
尺寸单位
rpx
(屏幕宽度/750)px=1rpx
样式的导入
@import ‘样式的路径’;
小程序中的js
小程序中的运行环境分成渲染层和逻辑层
同时修改渲染层和逻辑层的数据
this.setData()
程序和界面
程序
onLaunch:当小程序初始化完成时,会触发onLaunch(全局只触发一次)
onShow:当小程序启动,或从后台进入前台显示,会触发onShow
onHide:当小程序从前台进入后台,会触发onHide
onError:
当小程序发生脚本错误,或者API调用失败时,会触发onError并带上错误信息。
globalData:全局数据
页面获取:getApp()
界面
onLoad:生命周期函数——监听页面加载,触发时机早于onShow和onReady
onReady:生命周期函数——监听页面初次渲染完成
onShow:生命周期函数——监听页面显示,触发事件早于onReady
onHide:生命周期函数——监听页面隐藏
onUnload:生命周期函数——监听页面卸载
事件
绑定
bind:事件类型
传参
data-变量=’值’
阻止事件冒泡
用catch绑定事件
事件对象里面的属性
currentTarget为当前事件所绑定的组件,而target则是触发该事件的源头组件
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_wx_01
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。