微信小程序期末简答

1、简述什么是微信小程序。

微信小程序,简称"小程序",是一种不需下载安装即可使用的应用,实现了应用"触手可及"的梦想,用户扫一扫或搜一搜即可打开的应用。

2、简述微信小程序、原生 APP 和 Web App 之间的区别。

微信小程序,是继原生 APP 和 Web App之后出现的一种新的APP形态。适合一些业务逻辑简单、低频次复用、对性能要求不高的应用。

原生 APP ,设备有Android和iOS两个平台的不兼容,需要开发两个版本,开发成本较高。

Web App 基于HTML5开发,解决了跨平台的问题,但是性能和用户体验不佳。

3、简述微信小程序项目的创建过程。 (p41-4)

1、首次打开微信开发者工具,会出现登入页面。

2、使用微信扫码登入成功后,进入项目选择界面。

3、进入微信小程序的创建界面。

4、自定义项目名称和目录、AppID、开发模式、后端服务、模板选择。

5、点击确定,稍等即可创建成功。

答:下载微信开发者工具,使用注册的账号登录,点击新建项目,填写项目信息,填写appID,选择模板和设置项目配置,完成创建。

4、请根据自己的日常使用经验,简述打开一个微信小程序的方式有哪些?

1、通过扫描二维码打开。

2、微信搜索栏直接输入小程序的名字进行搜索。

3、通过公众号进入。

4、通过微信好友以及微信群分享链接中打开等。

5、简述微信小程序的特点。

无需安装

触手可及

用完即走

无需卸载

名称唯一

入口丰富

传播能力强

6、简述微信小程序的页面组成。

wxml:微信小程序页面结构描述语言,用于构建页面的整体结构和布局。

wxss:微信小程序的样式表语言,用于对wxml中的组件进行样式设置。

js文件:用于实现页面的逻辑功能。

json文件:用于页面的配置。

7、简述微信小程序中的 WXSS 和 CSS 有哪些不同之处。

1、wxss是一套样式语言,用于描述wxml的组件样式;wxss具有css的大部分特性,并在css基础上做了一些扩充和修改。

2、单位不同,CSS中使用px为单位,而WXSS使用rpx为单位,可以适配各种手机屏幕。

3、微信小程序中,项目根目录下app.wxss文件作为全局样式,会作用于当前微信小程序的所有页面,而局部页面的WXSS样式仅对当前页面有效,CSS则没有这样的功能。

4、背景图片,CSS中可以使用本地图片当作背景图片,而WXSS中可以使用网络图片或者以Base64格式编码的图片,不能使用本地图片。

8、简述微信小程序中的 WXS。

9、wx.showLoading()方法用来产生什么提示框?使用时有什么特点?

用来产生加载提示框,告知用户当前正在进行某些操作。

特点:

全局覆盖,不受页面内其他元素布局影响。

样式相对固定

它不会自动消失,需要手动调用wx.hideLoading()方法来隐藏加载提示框

10、小程序的页面生命周期函数包含哪些?它们分别在什么时候触发?

1、onLoad() 页面加载时触发

2、onReady() 页面初次渲染时触发

3、onShow() 页面显示时触发

4、onHide() 页面隐藏时触发

5、onUnload() 页面卸载时触发

11、简述 wx:if 控制属性和 hidden 属性的区别。

wx:if控制属性的初次渲染条件为false,只有条件第一次变为true时才开始渲染,而hidden属性所在的组件始终会被渲染,只是简单的控制显示或隐藏。

wx:if控制属性有更大的切换花销,hidden控制属性有更高的初次渲染开销。

因此:在需要频繁切换显示和隐藏的情况下用hidden更好,如果运行条件不太可能会改变时,则用wx:if更好。

12、简述 wx.navigateTo、wx.redirectTo 和 wx.switchTab 跳转方式的区别。

wx.navigateTo()跳转到应用的某个页面,且保留当前页面。

wx.redirectTo ()跳转到应用的某个页面,且关闭当前页面。

wx.switchTab ()跳转页面,且只能跳转到TabBar()页面,并关闭其它所有非tabBar页面。

13、简述 wx.request()发送网络请求时,参数 url、data、header、method 的含 义。

url:是请求的服务器接口地址,小程序通过改地址向网络发送请求。

data:参数用于向服务器发送数据。

header:设置请求的HTTP头部字段,用于指定请求的数据格式。

method:用于制定请求的方法,如GET,POST,PUT,DELETE等。

14、关于 wx.chooseMedia()方法的使用,有如下示例代码: (p41-4)

wx.chooseMedia({

count: 9, //(1)

mediaType: ['image','video'], //(2)

sourceType: [ 'camera'], //(3)

camera: 'back', //(4)

success(res) {

console.log(res.tempFiles.tempFilePath) //(5)

}

})

wx.chooseMedia({ 
  count: 9, //(1) 
  mediaType: ['image','video'], //(2) 
  sourceType: [ 'camera'], //(3) 
  camera: 'back', //(4) 
  success(res) { 
    console.log(res.tempFiles.tempFilePath) //(5) 
  } 
}) 

请对注释标号处对应的语句进行解释。

(1) count: 9

含义:count参数用于指定用户最多可以选择的媒体文件数量。在这段代码中,设置为9,表示用户打开媒体选择器后,最多能够选择 9 个图片或者视频文件。

(2) mediaType: ['image','video']

含义:mediaType参数用来限定用户可选择的媒体类型。这里传入一个包含'image''video'的数组,意味着用户既可以从相册或拍摄界面选择图片,也可以选择视频,给用户提供了这两种类型媒体的选择权限。

(3) sourceType: [ 'camera']

含义:sourceType参数决定了媒体文件的获取来源。当设置为['camera']时,表明媒体文件只能通过摄像头拍摄获取,用户无法从相册等已有存储中选取,将选择范围限定在了实时拍摄。

(4) camera: 'back'

含义:camera参数用于指定使用哪个摄像头,当设置为'back'时,意味着如果设备有后置摄像头,将优先使用后置摄像头来拍摄图片或视频。后置摄像头通常具有更高的像素、更好的成像效果,适合拍摄风景、人物等场景。

(5) console.log(res.tempFiles.tempFilePath)

含义:在success回调函数中,res是选择媒体操作成功后的返回结果对象。res.tempFiles是一个包含所选临时媒体文件信息的数组,tempFilePath是数组内每个媒体文件对象的属性,它表示对应媒体文件的临时存储路径,通过console.log输出这个路径,可以在控制台查看选择的图片或视频的临时存储位置,方便后续处理,比如进行预览、上传等操作。

15、wx.showToast()方法用来产生什么提示框?该方法的选项中 title、icon、duration 分别代表什么?

用于产生轻量级的提示框,向用户展示一些简短的信息。

title:提示框的显示内容。

icon:提示框中显示的图标类型。

duration:设置显示框的显示时常,单位为毫秒。

16、简述微信小程序用户登录的流程。

1、调用wx.login获取code。

2、调用wx.request发送code到我们自己的服务器(我们自己的服务器会返回一个登入状态的标识,比如token)。

3、将登入状态的标识token进行存储,以便下次使用。

4、请求需要状态的接口时,带上这个token。

17、简述微信小程序中应用生命周期回调函数 onLaunch()、onShow()、onError()、 onHide()和 onPageNotFound()的作用。

(1)onLaunch():监听微信小程序初始化,微信小程序初始化完成时触发,全局只触发一次。

(2)onShow():监听微信小程序启动或切前台,微信小程序启动或从后台进入前台时触发。

(3)onError():错误监听函数,微信小程序脚本错误或者 API 调用报错时触发。

(4)onHide():监听微信小程序切后台,微信小程序从前台进入后台时触发。

(5)onPageNotFound():页面不存在监听函数,微信小程序要打开的页面不存在时触发。

18、简述在自定义组件 js 文件的属性列表 properties 中和 data 中定义的变量有

什么区别,各有什么作用?

Properties:用于接收从父组件传递过来的数据,以对象形式定义,数据是单向流动的。

可以接收外部数据,进行组件间通信。

Data:以对象形式定义组件内部的数据,主要用于组件自身的状态管理和视图渲染。

19、简述在微信小程序中使用 Vant Weapp 组件库的步骤?

安装Vant Weapp,配置小程序,在页面中使用vant weapp组件,可以对其做个性化配置。

20、简述微信小程序有哪些优点?

无需安装

无需升级

开发周期短

开发成本低

体积小

跨平台

21、简述 WXML 和 HTML 的区别。

1、使用的标签不同。搭建页面结构上,WXML长使用<view></view>,而HTML长使用<div></div>。定义行内文本上,WXML长使用<text></text>,而HTML长使用<span></span>。

2、模板语法。WXML提供了和Vue中模板语法类似的模板语法、例如数据绑定、列表渲染、条件渲染等,而HTML没有。

3、预览方式不同。HTML页面可以在浏览器中预览,而WXML仅能在微信客户端和微信开发者工具中预览。

4、单标签语法不同。HTML中允许省略单标签">"前面的"/",而WXML中的单标签">"必须前面加上"/"。

5、WXML所使用的标签是微信小程序定义的标签,应避免使用HTML标签,这样才能保证页面被正确转译。

22、简述小程序的页面生命周期函数 onLoad()、onReady()、onShow()的执行时

机以及三者执行的先后次序。

onLoad()页面加载时触发,只会调用一次。

onReady()页面初次渲染完成时触发,只会调用一次。

onShow()页面显示或切入后台时触发。

调用顺序onLoad(),onReady(),onShow()

相关推荐
莲动渔舟2 小时前
国产编辑器EverEdit - 如何对汉字按笔划数排序?
编辑器·notepad++·emeditor·everedit
杰建云1675 小时前
深圳跨境电商建站外贸电商建站哪家好?
数据库·网站建设·notepad++·网站·外贸建站
Naiva18 小时前
ESP32-C3 入门笔记08:多帧数据解析
笔记·notepad++
莲动渔舟21 小时前
国产编辑器EverEdit - 两种删除空白行的方法
编辑器·notepad++·emeditor·everedit
洛兮银儿1 天前
如何在notepad++里面,修改注释颜色
notepad++
总裁余(余登武)2 天前
微信小程序——第三章开发框架
微信小程序·小程序·notepad++
莲动渔舟2 天前
国产编辑器EverEdit - 使用技巧:变量重命名的一种简单替代方法
编辑器·notepad++·emeditor·everedit
jiejianyun8573 天前
露营小程序搭建有哪些步骤?小程序里面可以找个露营搭子
小程序·notepad++
大梦百万秋3 天前
微信小程序校园自助点餐系统实战:从设计到实现
notepad++