#UniApp篇:uni面试题

  • 编译#ifdef #ifndef----夸端适配

  • uniapp工作原理—将vue.js的模版语法转换为各个平台所支持的原生组件,在通过引擎的渲染器将其渲染到各个平台上。

  • 应用生命周期

    https://zh.uniapp.dcloud.io/collocation/App.html#applifecycle

    // 初始化完成时触发---全局只触发一次
    onLanuch 
    // 从后台进入前台显示
    onShow
    // 从前台进入后台或者切换tab
    onHide
    // 等页面的生命周期
    
  • 页面的生命周期

    // 监听页面初始化
    onInit
    // 监听页面加载
    onLoad
    // 监听页面显示
    onShow
    // 监听页面初次渲染完成
    onUload // 
    
  • 组件生命周期

    beforeCreate
    created
    beforeMount
    mounted
    beforeUpdate
    updated
    beforeDestory
    destoryed
    
  • 数据缓存

    // 同步缓存uni.setStorage({key: 'storage_key',data: 'hello',success: function () {console.log('success');}});// 异步缓存uni.setStorageSync(key,data)try {uni.setStorageSync('storage_key', 'hello');} catch (e) {// error}
  • 配置文件部分

    // main.js 初始入口文件
    // App.vue 应用配置
    // pages.json 配置页面路由,导航台哦,选项卡等打包信息
    
  • 路由和跳转

    uni.navgateTo跳转页面 保留当前页面
    uni.redirectTo销毁当前页 跳转到指定页面
    uni.switchTab跳转至tab页面,并关闭其它所有非tabBar页面
    uni.reLaunch销毁所有页面 跳转至指定页面
    uni.navigateBack关闭当前页面返回上一页面
    
  • uniapp和vue和小程序之间的关系

    UniApp 是一个基于 Vue.js 的跨平台开发框架,它可以将同一套代码编译成多个平台的小程序应用,开发者可以使用 Vue.js 的语法和特性来开发跨平台的应用程序,并且可以通过 UniApp 提供的统一规范和 API 来实现不同平台的功能。
    
  • 说几个uniapp常用的组件

    // view视图容器
    // text文本
    // button按钮
    // image图片
    // mapd地图
    // swiper轮播图
    // icon图标
    
  • tabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

  • 传递参数的形式

    1. URL 参数:将参数直接附加在 URL 的末尾,形成查询字符串的形式,例如 http://example.com/api?param1=value1&param2=value2。这种方式简单直接,适用于 GET 请求,但参数的长度有限制
    2. body
    3. 请求头 authorization
    4.路径传参数将参数直接嵌入到 URL 路径中,通常用于 RESTful 风格的 API 设计中,表示资源的唯一标识符。例如 /api/users/:userId,其中 :userId 表示动态路径参数,可以在路由匹配时被实际的值替换。
    
  • Vue uni-app 小程序页面传递参数方式和区别

    1. vue router-link router跳转 url拼接 query  params
    2.uniapp 小程序通过页面跳转后面拼接参数 globalData
    
  • uniapp打包发布时候如何处理请求跨域问题

    打包app(android/ios)不考虑跨域,因为app内的数据请求不受限
    打包小程序需要在小程序后台配置合法域名
    打包H5需要在上线服务器搭代理或者打包后的项目上传至同源服务器
    
  • uniapp开发需要注意什么

    1. 如果使用了自定义导航栏,打包小程序或app时需要预留顶部手机状态条高度
    2. 注意uniapp中api在各个平台的兼容性
    3. 为了兼容多端运行,建议使用flex布局
    4. 使用uniapp开发小程序注意代码包限制2M大小,必要时可以使用分包
    
  • Uni-app在非h5端上运行为什么要在架构上分为逻辑层和视图层

    保持一致的开发体验和性能表现
    
  • 描述一下在Uniapp中如何实现动态路由

  • 上传文件—uni.uploadFile(obj)

  • 获取地理位置—uni.getLocation(ob)

  • 如何监听页面滚动—onPageScroll—页面在垂直方向已滚动的距离(单位px)

  • Uni-app分包策略

    为什么微信小程序之所以需要分包,主要为了解决小程序官方限制了珠宝提及和总体积大小,如果应用体积超限,我们将不能发不到应用官方。微信小程序总体大小限制为 20 MB,即所有的代码文件、图片资源文件、音频文件等在上传时不得超过 20 MB。怎么做第一步:pages.json"subPackages":[{"root":"packageA",  //分包的根目录"pages":[{"path":"detail/index"}]  //该分包下的所有页面}]1. 使用subpackages进行分包路径声明,subpackages外的目录会被打到主包中2. tabBar里面的路径必须放到主包里面3. 不同的分包之间的资源不能相互应用,但都可以引用主包中的资源第二部: manifest.json中加入 "optimization": {"subPackages": true}
    好处1。 提高首页加载速度;2. 优化性能 3. 分包预下载怎么分根据功能模块根据资源引用分包预下载配置 进入小程序某个页面时,框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度。 在pages.json文件的preloadRule节点中配置分包预下载规则,预下载的行为,会在进入指定的页面时触发。{"preloadRule": { // 分包预下载规则配置"packageA/detail/index": { // 触发分包预下载的页面路径// network 表示在指定的网络模式下进行预下载// 可选值为:all(不限网络) 和 wifi(仅 wifi 模式下进行预下载)// 默认值为:wifi"network": "all",// packages 表示进入页面后预下载哪些分包// 可以通过 root 或 name 指定预下载哪些分包// 如果是 __APP__ 表示下载所有包"packages": ["packageA"]}},
    }
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/18487.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

学习大数据DAY61 宽表加工

目录 模型设计 加工宽表 任务调度: 大表 - 把很多数据整合起来 方便后续的明细查询和指标计算 模型设计 设计 建模 设计: excel 文档去编写 建模: 使用建模工具 PowerDesigner Navicat 在线画图工具... 把表结构给绘 制出来 共享\项目课工具\pd 加工宽表 数…

DBeaver MACOS 安装 并连接到docker安装的mysql

官网下载:Download | DBeaver Community 网盘下载:链接: https://pan.baidu.com/s/15fAhbflHO-AGc-uAnc3Rjw?pwdbrz9 提取码: brz9 下载驱动 连接测试 报错 null, message from server: "Host 172.17.0.1 is not allowed to connect to this M…

24首届数证杯(流量分析部分)

目录 流量分析 流量分析 1、分析网络流量包检材,写出抓取该流量包时所花费的秒数?(填写数字,答案格式:10) 3504相加即可 2、分析网络流量包检材,抓取该流量包时使用计算机操作系统的build版本是多少? 23F793、分析网络流量包检材&#x…

云服务器ECS经济型e实例和通用算力u1实例有啥区别?

阿里云服务器ECS经济型e实例怎么样?对比ECS通用算力型u1实例哪个更好?u1实例更好。阿里云服务器网aliyunfuwuqi.com二者均为云服务器ECS的实例规格,e实例是共享型云服务器,u1实例是独享型云服务器,何为共享&#xff1f…

QT中使用图表之QChart绘制柱状图

绘制条形(柱状)图,系列选择条形系列QBarSeries x轴选择条形图的种类轴QBarCategoryAxis 1、创建图表视图 //1、创建图表视图 QChartView * view new QChartView(this); //开启抗锯齿 view -> setRenderHint(QPainter::Antialiasing); …

Essential Cell Biology--Fifth Edition--Chapter one (8)

1.1.4.6 The Cytoskeleton [细胞骨架] Is Responsible for Directed Cell Movements 细胞质基液不仅仅是一种无结构的化学物质和细胞器的混合物[soup]。在电子显微镜下,我们可以看到真核细胞的细胞质基液是由长而细的丝交叉而成的。通常[Frequently],可…

【Linux】守护进程

目录 进程组 会话 作业控制 实现守护进程 我们在写完一些网络服务后,如果想让这个服务一直在云服务器的后台运行着,那该如何实现呢?其实就用到了这篇博客要讲的守护进程 进程组 我们首先需要了解进程组的概念,其实sleep 1000这…

nginx.conf配置文件中的命令

打开我们的conf文件 nginx.conf文件中,分为3大块: 全局块,就是events和http块之外的内容。设置nginx服务器整体运行的指令 格式为: 指令名 指令值 events块,用于配置与用户的网络连接的内容,对nginx的…

51单片机基础07 实时时钟-思路及代码参考1

目录 一、实现功能 二、思路1的分析 1、定时器0 2、外部中断0 3、主函数main 4、其他重要功能函数 一、实现功能 1、实现最基本的计时功能,显示时、分、秒,可以通过按键设置时间。 要求:时钟计时精确,按键操作不影响计时。…

vTESTstudio系列15--vTESTstudio-Doors的需求和测试用例的管理

最近有朋友在咨询vTESTstudio中怎么去跟Doors里面的需求去做好管理这方面的问题,临时加两篇文章介绍一下,Lets Go!!! 目录 1.Doors的配置: 1.1 安装Doors AddIn for vTESTstudio: 1.2 更新XML脚本: 1.3 导出需求的Trace Item…

基于Java Springboot编程语言在线学习平台

一、作品包含 源码数据库设计文档万字PPT全套环境和工具资源部署教程 二、项目技术 前端技术:Html、Css、Js、Vue、Element-ui 数据库:MySQL 后端技术:Java、Spring Boot、MyBatis 三、运行环境 开发工具:IDEA/eclipse 数据…

JDK安装报错“以下应用程序正在使用需要由此安装程序更新的文件”

(一)问题描述 我刚刚没有截图,这是我在网上看到的图: (二)可能的解决办法 1. 下方工具栏右键,打开任务管理器按钮,在进程中找到“Java Platform SE binary” 进程,右键结…

数据库第3次作业

学生表:Student (Sno, Sname, Ssex , Sage, Sdept) 学号,姓名,性别,年龄,所在系 Sno为主键 课程表:Course (Cno, Cname,) 课程号,课程名 Cno为主键 学生选课表:SC (Sno, Cno, Score)…

Linux之文件系统,软硬连接和动静态库

Linux之文件系统,软硬连接和动静态库 一.文件系统1.1磁盘的存储结构1.2CHS和LBA1.3ext2文件系统 二.软硬连接2.1软链接2.2硬链接 三.静态库和动态库3.1静态库与动态库的概念3.2静态库的创建与使用3.3动态库的创建与使用3.4动态库的加载 一.文件系统 在上篇的学习中…

【项目开发】URL中井号(#)的技术细节

未经许可,不得转载。 文章目录 前言一、# 的基本含义二、# 不参与 HTTP 请求三、# 后的字符处理机制四、# 的变化不会触发网页重新加载五、# 的变化会记录在浏览器历史中六、通过 window.location.hash 操作七、onhashchange 事件八、Google 对 # 的处理机制前言 2023 年 9 月…

TikZ 绘图学习笔记

这篇笔记的所有代码如下: % !TEX TS-program pdflatex % !TEX encoding UTF-8 Unicode% This is a simple template for a LaTeX document using the "article" class. % See "book", "report", "letter" for other typ…

Android Framework层介绍

文章目录 前言一、Android Framework 层概述二、主要组件1. 应用程序接口(API)2. 系统服务3. Binder4. 资源管理5. Content Provider6. 广播接收器(BroadcastReceiver)7. 服务(Service) 三、与 Linux Kerne…

如何选择等保服务

在当今信息化高速发展的时代,企业信息系统已成为业务运营的核心支撑,其安全性直接关系到企业的生存与发展。为了应对日益复杂的网络安全威胁,国家推行了等级保护(简称等保)制度,作为一项基本的信息安全保障…

MCU中的定时器

第一章 定时器的应用场景 第二章 定时器的原理 2.1 定时器的计数原理 1. 定时器的本质是一个计数器; 2. 计数器是对输入的系统频率信号进行计数; 3. 每来一个周期的信号,计数器的cnt 加一。如果周期T表示为1s,来三个周期就表示…

主页任务与计算器任务

一、主页任务 /* Private includes -----------------------------------------------------------*/ //includes #include "user_TasksInit.h" #include "user_ScrRenewTask.h" #include "main.h" #include "rtc.h" #include "…