uni-app 面试题收集（持续更新中...）-Toy模板网

这篇具有很好参考价值的文章主要介绍了uni-app 面试题收集（持续更新中...）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uni-app 面试题

1.一句话总的形容uniapp与vue和微信小程序的区别

uni-app就是用着vue的指令和小程序的组件和API

2.uni-app中常见的组件

view 视图容器
icon 图标
text 文本组件

3.uni-app中常用的指令语句

v-for：循环渲染
v-if 控制元素的删除添加
v-show 控制元素的显示隐藏
v-model 双向数据绑定
v-on 事件绑定
v-bind 属性绑定

4.uni-app中的生命周期

应用生命周期

onLanuch – uni-app 初始化完成时触发（全局只触发一次）
onShow – uni-app启动，或从后台进入前台显示
onHide – uni-app从前台进入后台
onError – 当uni-app 报错时触发
onUNiNViewMessage – 对 nvue 页面发送的数据进行监听
onUnhandledRejection – 对未处理的Promise拒绝事件监听函数
onPageNotFound – 页面不存在监听函数
onThemeChange – 监听系统主题变化

2.页面生命周期

onInit – 监听页面初始化，参数同onLoad参数，为上个页面传递的数据，参数类型为Object，触发时机早于onLoad
onLoad – 监听页面加载，其参数为上个页面传递的数据，参数类型为Object
onShow – 监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面返回露出当前页面
onReady – 监听页面初次渲染
onHide – 监听页面隐藏
onUnload – 监听页面隐藏
onResize – 监听窗口尺寸变化

3.组件的生命周期
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeDestroy
destroyed

5.uni-app 中的本地缓存

同步存储：uni.setStorageSync,获取：uni.getStorageSync
异步存储：uni.setStorage,获取：uni.getStorage文章来源地址https://www.toymoban.com/news/detail-500637.html

6.uni.request 的使用及封装

<template>
    <view>
        <button @click="getList"></button>
    </view>
</template>
<script>
    export default {
        methods: {
            getList () {
                uni.request({
                    url: 'http://localhost:8080/api/getlist',
                    success(res) {
                        console.log(res)
                    }
                })
            }
        }
    }
</script>