中级程序员——uniapp和小程序面试题

😄博主：小猫娃来啦
😄文章核心：uniapp和小程序面试题

用uniapp有遇到一些兼容性问题吗？

uniapp最大的优点是什么？

uniapp如何实现多端兼容？

uniapp是如何做跨端适配的？

常用的uniapp应用生命周期？

uniapp里如何去获取页面的参数，如何页面传参？

uniapp常用的跳转方法有哪些？

a页面跳转到b页面，再从b页面跳转到c页面，c页面返回只能返回到a，不能返回到b页面。怎么做？

uniapp常优化的点是什么？常用的优化的方法有什么？

uniapp如何做移动端适配？如果处理各种移动端的适配问题？

如何对苹果顶部刘海，底部安全区做处理？

对前端来说，像比如说浏览器或小程序来说，它都是有并发请求限制的那我们又有什么办法能够很好的解决这个问题？

有了解微前端吗？

网站性能优化怎么搞，哪些方面？

---

GPT回答：

uniapp是一个基于Vue.js开发跨平台应用的框架，主要用于开发微信小程序、H5、App等多端应用。它的一些兼容性问题可能涉及不同端的特性差异，需要开发者注意处理。uniapp最大的优点在于可以实现一套代码多端运行，提高了开发效率和跨平台部署的便利性。

uniapp实现多端兼容的方式主要通过条件编译、平台判断和特定样式处理来实现。开发者可以根据不同端的特点，针对性地处理代码和样式。

为了实现跨端适配，uniapp提供了一些特定的样式单位和条件编译指令，使得开发者可以根据不同端的特点进行灵活处理。

常用的uniapp应用生命周期包括：onLaunch（应用初始化）、onShow（应用启动或从后台进入前台时触发）、onHide（应用从前台进入后台时触发）、onError（应用发生错误时触发）等。

在uniapp中，可以通过this.$route.params获取页面参数，也可以通过url传参的方式进行页面传参。

常用的跳转方法包括：uni.navigateTo（保留当前页面，跳转到应用内的某个页面）、uni.redirectTo（关闭当前页面，跳转到应用内的某个页面）、uni.reLaunch（关闭所有页面，打开到应用内的某个页面）等。

要实现a页面跳转到b页面，再从b页面跳转到c页面，c页面返回只能返回到a，不能返回到b页面，可以使用uni.navigateBack({delta: 2})方法，其中delta表示返回的页面层数。

uniapp常优化的点包括减少http请求、图片懒加载、减少DOM操作、合理使用缓存、减少重排重绘等。常用的优化方法包括代码压缩、资源合并、CDN加速、异步加载等。

移动端适配可以使用flexible.js等方案进行rem布局适配，也可以根据不同设备像素密度设置不同的样式。

针对苹果顶部刘海和底部安全区，可以使用uniapp提供的safe-area-inset-top和safe-area-inset-bottom属性进行处理。

对于并发请求限制，前端可以合理使用缓存、减少请求次数、使用CDN等方式进行优化。

微前端是一种将前端应用拆分成更小、更独立部署的微服务的架构模式，可以提高团队协作效率和系统整体的可维护性。

网站性能优化方面包括减少HTTP请求、使用CDN加速、压缩资源、合理使用缓存、使用懒加载、减少重排重绘等。

---

关注我，后续会持续更新

---