微信小程序常见问题汇总

1、如何避免微信小程序中 app.js中 onshow事件的n次触发的问题?

问题
在开发中,遇到了一个小难题,就是app.js中 onshow事件总是会因调用其它API而触发,例如:wx.chooseImage,wx.makephonecall、wx. previewImage等。

解决办法
目前比较好的办法就是 onshow中,通过首个参数 option下的 scene判断进入的场景,根据场景处理相关逻辑。

2、简单描述下微信小程序的相关文件类型?

微信小程序项目结构主要有如下四个文件类型:

  • WXML,是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件;
  • WXSS,是一套样式语言,用于描述WXML的组件样式;
  • js,逻辑处理,网络请求
  • json小程序设置,如页面注册、页面标题及 tabBar。必须要有这个文件,如果没有这个文件,项目无法运行,因为微信框架把这个作为配置文件入口。整个小程序的全局配置。包括页面注册,网络设置以及小程序的 window背景色、配置导航条样式,配置默认标题。
  • app.js,必须要有这个文件,在这个文件中监听并处理小程序的生命周期函数、声明全局变量
3、你是怎么封装微信小程序的数据请求的
  • 第一步、在app.js中,创建封装请求数据的方法
  • 第二步,将所有的接口放在统一的js文件中并导出
  • 第三步,在子页面中调用封装的方法请求数据
4、有哪些参数传值的方法?
  • 给HTML元素添加data-xx属性来传递我们需要的值,然后通过e.currentTarget.dataset获取;
  • 设置id的方法标识来传值,通过e.currentTarget.id 获取设置的id的值,然后通过设置全局对象的方式来传递数值
  • 在 navigator中添加参数传值
5、小程序与原生App哪个好?
  • 小程序除了拥有公众号的低开发成本、低获客成本、以及无需下载等优势。
  • 在服务请求延时与用户使用体验都得到了较大幅度的提升,使得其能够承载更复杂的服务功能以及使用户获得更好的用户体验。
6、简述微信小程序原理?

微信小程序采用 Javascriρt、WXML、WXSS三种技术进行开发,从技术讲和现有的前端开发差不多,但又有所不同,

  • Javascript
    首先 JavaScript的代码是运行在微信App中的,并不是运行在浏览器中,因此一些H5技术的应用,需要微信App提供对应的API支持,而这限制住了H5技术的应用,且其不能称为严格的H5,可以称其为伪H5,同理,微信提供的独有的某些APl,H5也不支持或攴持的不是特别好。

  • WXML
    WXML是微信自己基于XML语法开发的,因此开发时,只能使用微信提供的现有标签,HTML的标签是无法使用的。

  • WXSS
    WSS具有CSS的大部分特性,但并不是所有的都支持,而且支持哪些,不支持哪些并没有详细的文档

小程序是数据驱动的架构模式,它的UI和数据是分离的,所有的页面更新,都需要通过对数据的更改来实现

小程序分为两个部分 webview和 appService。其中 webview主要用来展现UI页面, appService用来处理业务逻辑、数据及接口调用。它们在两个进程中运行,通过系统层 JSRridge实现通信,实现UI的渲染、事件的处理。

7、分析下微信小程序的优劣势?

优势

  • 1.无需下载,通过搜索和扫一扫就可以打开
  • 2.良好的用户体验:打开速度快。
  • 3.开发成本要比App要低
  • 4.安卓上可以添加到桌面,与原生App差不多
  • 5.为用户提供良好的安全保障。小程序的发布,微信拥有一套严格的审査流程,不能通过审查的小程序是无法发布到线上的

劣势:

  • 1.限制较多。页面大小不能超过1M。不能打开超过5个层级的页面
  • 2.样式单一。小程序的部分组件已经是成型的了,样式不可以修改。例如:幻灯片、导航。
  • 3.推广面窄,不能分享朋友圈,只能通过分享给朋友,附近小程序推广。其中附近小程序也受到微信的限制
  • 4.依托于微信,无法开发后台管理功能。
8、微信小程序与H5的区别
  • 运行环境的不同
    传统的HTML5的运行环境是浏览器
    微信小程序的运行环境并非完整的浏览器,是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,升了小程序的性能,
  • 开发成本的不同
    只在微信中运行,所以不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG
  • 获取系统级权限的不同
    系统级权限都可以和微信小程序无缝衔接
  • 应用在生产环境的运行流畅度
    长久以来,当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立
9、怎么解决小程序的异步请求问题?

在回调函数中调用下一个组件的函数
在这里插入图片描述

10、小程序的双向绑定和Vue哪里不一?

小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData

this.setData({
  num:100
})
11、哪些方法可以用来提高微信小程序的应用速度
  • 1.提高页面加载速度
  • 2.用户行为预测
  • 3.减少默认data的大小
  • 4.组件化方案
12、如何实现下拉刷新
  • 首先在全局 config中的 window内配置 enablepullDownRefresh
  • 在page中定义 onPullDownRefresh钩子函数,下拉刷新后,触发该钩子函数,
  • 发起请求,请求返回后,调用wx.stopPullDownRefresh停止下拉刷新
13、bindtap和 catchtap的区别是什么

相同点
都是作为点击事件函数
不同点

  • bindtap是不会阻止冒泡事件的,
  • catchtap是阻值冒泡事件
14、wx常用的跳转方法
  • wx.navigateTo():
    保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar页面
  • wx.redirectTo()
    关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar页面
  • wx.switchTab()
    跳转到 tabBar页面,并关闭其他所有非 tabbar页面
  • wx.navigateBack()
    关闭当前页面,返回上一级页面或上多级页面。可通过 getCurrentPages( ),获取当前的页面栈,决定需要返回几层
  • wx.reLaunch()
    关闭所有页面,打开到应用内的某个页面
15、点击穿透问题

参考链接:https://blog.csdn.net/yiyueqinghui/article/details/121640645

  • 3
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值