期末考试的一些整理 移动开发微信小程序
Posted 爱写知识点的小申s
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了期末考试的一些整理 移动开发微信小程序相关的知识,希望对你有一定的参考价值。
tabbar
tabbar
五个标签属性
color
selectedcolor
borderstyle
backgroundcolor
list
list的写法
"list":[
pagepath
iconpath
selectediconpath
text
,
]
navigationbar
background
onlaunch:小程序初始化完成时触发
onload:页面加载时触发
onshow:页面显示时触发
onready:页面初次渲染时调用
onhide:当页面隐藏时调用
form组件的bindsubmit绑定时间
组件绑定机制
<input id="num1" type="number" bindchange="change"
id不同 事件相同
this[e.currentTarget.id]=Number(e.detail.value)
bindchange=change2 data-id="num1"
this[e.target.dataset.id]=Number(e.detail.value)
id不同事件相同
var data=
data[e.target.dataset.id]=Number(e.detail.value)]
this.setdata(data)
block不是组件只是一个渲染元素
var num1=e.detail.value.num1
bindsubmit
form-type="submit"
<radio-group>
<checkbox-group>
this.target.dataset.item
this.detail.current (tab)
navigateto保留当前页面,可以返回到当前页面
redirectTo当前页面重定向到下一个页面,无法返回到当前页面
pick.index:e.detail.value
e.detail.value.name
wx.switchTab(
url: '/pages/person/person'
)只能跳转到tabbar
<picker name="num" bindchange="pickerChange" value="picker.index" range="picker.arr">
参加婚礼人数:picker.arr[picker.index]</picker>
wx.showToast
wx.chooseimage
wx.chooseaddress
wx.makephonecall
小程序登录的流程
小程序获取code login()方法
小程序将code发送给客户端 wx.request()
开发者服务器通过微信接口服务(校验)登录凭证 session-key opid等
什么是微信小程序
微信小程序是一种不需要安装即可使用的应用。 运行与微信之上,它的交互类似于手机原生应用程序,但体积特别小,无需安装,触手可及,用完即走,无须卸载
简单介绍微信小程序,原生app和webapp的区别
微信小程序是继原生app和webapp之后出现的一种新型的app形态。适合开发一些(业务逻辑简单,低频次使用,对性能要求不高)的应用。
原生app由于安卓和苹果两个平台的不兼容,需要开发两个版本,开发成本高。
基于html5开发的webapp解决了跨平台问题,但性能和用户体验不佳
微信小程序开发具体步骤及所需要的文档
注册微信小程序账号
设置开发人员
下载工具
运行工具
上传代码
发布微信小程序
微信小程序中页面渲染的方式
条件渲染wx:if(不频繁切换) wx:else hidden(频繁切换)
列表渲染wx:for
实现背景音乐播放有哪些方式
wx.createAudioContext
wx.getBackgroundAudioManager()
简述微信中wxss和css的区别
尺寸单位rpx等
外联样式导入@import
内联样式 框架组件上支持使用style(动态) class(静态)
选择器
小程序优缺点
限制较多。页面大小不超过1M,不能打开超过五个层级的页面
样式单一
推广面窄 不能分享朋友圈,只能分享给朋友。 附近小程序推广(还受限制)
无法开发后台管理功能
简单介绍weUi mpVue WePY
weUi是微信官方团队为微信web量身打造开发的一个ui样式库,看可以理解为一个ui库。使用weUi来编写小程序样式,可以使小程序中各组件的风格与微信相似。提升用户体验
mpvue是从整个Vue.js核心代码上经过二次开发形成的一个框架,相当于在Vue.js的基础上增加了开发微信小程序的能力
WePY框架在开发过程中参考了Vue.js等现有框架的一些语法和功能特性,对原生小程序的开发模式进行了再次封装。更贴近于MVVM框架。(支持组件开发 单文件模式,目录结构更加清晰,开发更加方便,支持外部加载的npm包,拥有众多开发特征和优化方案)
以上是关于期末考试的一些整理 移动开发微信小程序的主要内容,如果未能解决你的问题,请参考以下文章