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中的生命周期

1. 应用生命周期

   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

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>