首页 > 编程语言 >小程序面试题

小程序面试题

时间:2023-07-10 21:45:48浏览次数:45  
标签:面试题 钩子 程序 跳转 wx id 页面

小程序开发和 h5 开发有什么区别?

1.运行环境不同:

h5运行环境是浏览器,包括webview,而微信小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器,小程序的运行环境并不是完整的浏览器,只是用到了一部分的h5技术,

2.开发成本不同:h5开发成本比小程序高,

3.获取系统的权限不同:微信小程序相对于H5能获得更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和微信小程序无缝衔接。

小程序的生命周期钩子有哪些?

先说全局的钩子函数有哪些

页面的生命周期钩子有哪些

自定义组件的钩子有哪些

onShow和onLoad钩子的区别?

onShow是小程序页面 第一次开始显示 路由切回当前页面,会触发多次

正常路由跳转 在页面没有卸载情况下,onshow会多次触发,onLoad只会触发一次

小程序那些场景下会触发卸载onUnload钩子?

1.跳转时,使用open-type="redirect"或者reLaunch跳转

2.返回上一页时

小程序如何实现下拉刷新?

1.配置中开启下拉刷新

"enablePuflDownRefresh": true

2.页面js中下拉事件监听函数中,请求列表数据

onPullDownRefresh(){
	// 这里请求列表
}

3.请求成功后 调用 wx.stopPullDownRefresh() 结束下拉loading状态(真机上看效果)

wx.stopPul1DownRefresh()

页面中如何开启 分享 朋友或者朋友圈

1.定义事件监听函数

2.调用api ,在点击胶囊按钮 点亮 分享按wx.showSharemenu

getCurrentPages()

获取 以及打开的 所有页面实例,返回一个数组,第0个是 首页实例,最后一个是当前页

怎么理解小程序的rpx动态单位?

rpx是小程序中用于设置元素大小的动态单位。它是相对像素的意思,为了实现在不同设备上的自适应效果

我们一般使用像素(px)作为单位,然而,由于不同设备具有不同的屏幕尺寸,使用像素作为单位可能导致在不同设备上显示效果不一致。

为了解决这个问题,小程序引入了rpx单位。rpx根据设备的宽度自动换算成相应的像素值。小程序规定屏幕宽度为750rpx,那么在iPhone6上,2rpx就等于1px(即750rpx / 375px = 2)

使用rpx单位可以实现在不同设备上保持相对一致的显示效果。 在不同设备上,它会自动根据设备宽度进行缩放,以保持大致相同的显示效果。

原生微信小程序跳转传参?

1.非TabBar页面

非TabBar页面的跳转通常使用wx.navigateTo来跳转页面,在链接后面加 ? 传参

// 跳转页面 ? 后面传参 goods_id = 参数
 wx.navigateTo({
        url: `../goodsDetail/goodsDetail?goods_id=${goodsid}`,
      })

// 跳转页面接参
   onl oad(options) {
      // 此处的options.goods_id 就是页面跳转传过来的参数
        this.setData({
          goods_id : options.goods_id
        })
    },

2.TabBar跳转

跳转TabBar页面,一般使用wx.switchTab跳转,跳转TabBar常规的带参方式是不行的,官方文档有说明

 // 跳转购物车
    jumpCart() {
      // 给全局变量添加一个参数 id
     getApp().id = 1
     wx.switchTab({
       url: '/pages/cart/cart'
     })
    },

// 购物车页面
let app = getApp()  // 获取全局变量
Page({
   onl oad(options) {
        console.log(app.id);   // 此处的app.id就是上个页面跳转带过来的参数
    },
)}

目标小程序如何获取其他小程序跳转过来携带的参数?

1.携带的参数在目标小程序全局的生命周期钩子的参数里 onLaunch(option)、onShow(option)

onLaunch 冷启动(冷启动:跳到没有打开过的小程序)

onShow 支持冷启动和热启动(热启动:跳到没有打开过的小程序)

2.利用 全局api

wx.getLaunchCIotionsSync()App.onLaunch 的回调参数一致

wx.getEnterOptionsSync:获取本次小程序启动时时的参数,如果当前是冷启动,则返回值与 App.onLaunch 的回调参数一致;如果当前是热启动,则返回值与 App.onShow一致

标签:面试题,钩子,程序,跳转,wx,id,页面
From: https://www.cnblogs.com/youzina/p/17542334.html

相关文章

  • 微信小程序(三)列表渲染&数据绑定&事件绑定&路由跳转&生命周期&本地存储&模板使用
    这里新建个页面log,然后用这个页面进行测试。同时修改app.json,将log页面设置为首页"pages":["pages/index/index","pages/log/log"],"entryPagePath":"pages/log/log",0.数据绑定0.简单的绑定wxml用{{val}}取变量<!--pages/log/lo......
  • matlab程序运行计时
    程序块开始前tic;程序块结束后toc; 此时已经记录好所用时间在toc,运行完会自动输出 如果需要记录数据,则使用变量记录tocelapsedTime=toc; ......
  • 1-9 编写一个将输入复制到输出的程序,并将其中连续的多个空格用一个空格代替
    ArchlinuxGCC13.1.1 202304292023-07-1020:47:50星期一点击查看代码#include<stdio.h>intmain(){intc_in,last_in;c_in=0;last_in='a';while((c_in=getchar())!=EOF){if(c_in!=''){......
  • C++程序设计综合实验任选题目[2023-07-10]
    C++程序设计综合实验任选题目[2023-07-10]程序设计综合实验任选题目简单题目题目1模拟ATM机存取款管理系统设计1、问题描述模拟银行的自动取款及使用过程中的界面和用户交互过程。实现查询银行卡余额、取款、修改密码、退出系统等功能。2、功能要求(1)卡号、密码输入最多......
  • HVV蓝队常见面试题
    Hvv蓝队常问面试题原创离Poker安全主要的Web漏洞SQL注入漏洞SQL注入原理网站数据过滤不严格,过分信赖用户输入的数据,没有过滤用户输入的恶意数据,无条件的把用户输入的数据当作SQL语句执行,因此导致sql注入漏洞产生。SQL注入分类以有无闭合字符分类:字符型、整数型以数......
  • .NET Core应用程序每次启动后使用string.GetHashCode()方法获取到的哈希值(hash)不相
    前言如标题所述,在ASP.NETCore应用程序中,使用string.GetHashCode()方法去获取字符串的哈希值,但每次重启这个ASP.NETCore应用程序之后,同样的字符串的哈希值(hash)但不相同了。这是什么意思呢?具体的应用场景是这样的:项目中有一张表的某个字段保存了类似URL这样的字符串,这张表......
  • 程序员创业经验谈
    前言在2019年的秋季,我辞去了软件工程师的工作,全身心投入到Shopify应用的开发。我的目标是实现财务自由,而我设定的第一个重要的里程碑就是实现盈利。到了2023年的春天,我终于开始盈利。至今,我已经开发了7个Shopify应用,几个AI相关的产品,以及一些与加密货币相关的产品。......
  • 小程序 显示网页,视频
    1.显示网页用WebViewhttps://uniapp.dcloud.net.cn/component/web-view.html#web-view<view:v-html="webLink"></view>webLink='www.baidu.com'2.显示视频音频用https://www.runoob.com/html/html5-video.htmlhttps://blog.csdn.net/weixin......
  • 挑战程序竞赛系列(74):4.3强连通分量分解(1)
    挑战程序竞赛系列(74):4.3强连通分量分解(1)传送门:POJ2186:PopularCows题意:每头牛都想成为牛群中的红人。给定N头牛的牛群和M个有序对(A,B)。(A,B)表示牛A认为牛B是红人。该关系具有传递性,所以如果A认为B是红人,B认为C是红人,则A认为C是红人。注意:给定的有序对中可能包含(A,B)和(B,C......
  • 挑战程序竞赛系列(70):4.7后缀数组(2)
    挑战程序竞赛系列(70):4.7后缀数组(2)传送门:POJ1509:GlassBeads题意:ThedescriptionofthenecklaceisastringA=a1a2…amspecifyingsizesoftheparticularbeads,wherethelastcharacteramisconsideredtoprecedecharactera1incircularfashion.Thedisjoin......