uniapp基础知识点补充

news2024/9/23 13:22:53

一. 响应式单位rpx和绝对单位px

1.px的作用及理解

  • 绝对单位px 是一个绝对单位,表示屏幕上的实际像素数量,不随屏幕尺寸或分辨率变化而变化。
  • 广泛适用:在Web开发中广泛使用,适用于各种浏览器和设备,适用于CSS中的各种属性,如宽度、高度、边距等。

2.rpx的作用及理解

  • 响应式布局:使用 rpx 可以让元素在不同屏幕尺寸的设备上自动调整大小,从而实现响应式布局。
  • 锁定屏幕方向:由于 rpx 是基于屏幕宽度计算的,如果希望在横屏和竖屏之间保持一致的显示效果,建议锁定屏幕方向。
  • 字体大小和高度:使用 rpx 定义字体大小或高度时,需要注意随着屏幕宽度的变化,字体大小和高度也会相应变化。
  • 避免过度使用 px:虽然 px 可以实现更精确的控制,但在需要自适应布局的情况下,应优先考虑使用 rpx

3.px和rpx的区别在哪?


首先px是根据像素点来设定的,也就是说会根据屏幕的缩放而影响


使用 rpx 可以让应用在不同设备上保持一致的视觉效果,提高用户体验。

二. static静态资源注意点

1.首先在做测试的时候,不要把没使用的文件放置在在statics根目录中,因为静态资源目录不管你是否使用,都会进行打包,当文件非常多的时候,会导致小程序打包消耗的资源非常之多


 


2.可以自己创建一个文件夹用于存放自己的css,js等外部文件,官方推荐名称为common



3.导入css文件,推荐使用@来导入,@代表着根目录



4. 使用项目提供的全局样式,项目创建之后,会自带一个名为uni.scss的文件,里面存放的是全局变量,通过调用名称,可以全局使用


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

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

相关文章

线性代数 第四讲 极大线性无关组,等价向量组,向量组的秩

文章目录 1.极大线性无关组2.等价向量组2.1 等价向量组的判断 3.向量组的秩4.等价矩阵和等价向量组5. 重难点题型总结5.1 极大线性无关组的计算5.2 AB的行向量表示与AB的列向量表示 1.极大线性无关组 定义: 在一个向量组中,取部分向量组成新的向量组,这…

零基础5分钟上手亚马逊云科技-开发云原生网站应用

简介: 欢迎来到小李哥全新亚马逊云科技AWS云计算知识学习系列,适用于任何无云计算或者亚马逊云科技技术背景的开发者,通过这篇文章大家零基础5分钟就能完全学会亚马逊云科技一个经典的服务开发架构方案。 我会每天介绍一个基于亚马逊云科技…

交换机自动化获取诊断(H3C_无人值守)

介绍 在网络遇到个人无法处理的问题时,需要下载诊断信息发送给400处理,而通过传统的方式获取诊断信息需要通过多个步骤来获取,步骤繁琐,在设备数量过多的情况下,严重影响工作效率,而通过python自动化的方式…

情感分析——中文金融情感词典

情感分析——中文金融情感词典 [1]姜富伟,孟令超,唐国豪.媒体文本情绪与股票回报预测[J].经济学(季刊),2021,21(04):1323-1344.DOI:10.13821/j.cnki.ceq.2021.04.10. 该文章在Loughranand MacDonald(2011)词典的基础上通过人工筛选和Word2vec算法扩充,构建了一个更新…

数据结构——初始数据结构!!!

本章将简单介绍数据结构,欢迎大家点赞➕收藏,蟹蟹!!!💕 🌈个人主页:404_NOT_FOUND ​1.简介 是一门基础学科研究的是数据如何在计算机中进行组织和存储,使得我们可以高效…

安捷伦Agilent E8362B,E8362C 20G/PNA高性能网络分析仪

安捷伦Agilent E8362B、E8362C PNA 网络分析仪,10 MHz - 20 GHz ​Agilent E8362B PNA(高性能网络分析仪)为您提供出色的性能、先进的自动化功能、灵活的连接性,并且易于使用。设计师和工程师喜欢 Agilent E8362B,因为…

深入探讨元学习(Meta-Learning):从“学习如何学习”到机器智能的飞跃

深入探讨元学习(Meta-Learning):从“学习如何学习”到机器智能的飞跃 随着人工智能技术的飞速发展,传统机器学习模型在面对新任务时的局限性日益凸显。据研究,平均而言,一个深度学习模型在全新任务上达到可…

IPC机制(三)--共享内存和信号灯

目录 前言 一、什么是共享内存 二、创建一个共享内存 三、信号灯/信号集 1、临界资源 2、同步互斥机制 1、互斥机制: 2、同步: 3、信号灯的机制 4、信号灯的函数 四、信号灯控制进程对共享内存的访问 进程1: 进程2: …

通过G2++利率模型来模拟短期和长期利率的随机路径

G2利率模型是一种用于描述和预测利率变化的数学模型,它属于随机利率模型的一种。随机利率模型主要用于研究一段时间内利率的随机波动。 G2模型的核心在于它能够通过两个因子来捕捉短期和长期利率的动态变化。这两个因子通常与宏观经济变量相关联,能够更…

网络安全宗旨和目标

网络安全涉及网络和相关数据及信息的保护与保障。它已从物理技术发展到防病毒和反网络钓鱼平台等软件方法。 在本章中,我们将详细讨论网络安全的主要目标和原则,并提供与之相关的具体示例。所以,让我们从网络安全的目标开始。 网络安全的目的…

二手Agilent N6705B+N6781A电源模块N6705C

二手Agilent N6705BN6781A电源模块N6705C 产品概述 AgilentN6705B是可集成多达4个具有数字万用表、示波器、任意波形发生器和数据记录器特性的xj电源,可显著提高产生和测量输送到被测件中的直流电压和电流的效率。可使您无需开发和调试程序来控制大量仪器&#xf…

BaseCTF高校联合新生赛Week1复现(Web)

目录 A Dark Room Aura 酱的礼物 HTTP 是什么呀 md5绕过欸 喵喵喵•ﻌ• A Dark Room 打开环境 先查看源码,拉到最后看到flag Aura 酱的礼物 第一层看见file_get_contents()函数,想到文件包含,可以用伪协议,一般是…

Spring框架的案例程序

Spring框架的案例程序通常涉及构建一个简单的应用程序,以展示Spring的核心功能,如依赖注入、面向切面编程、数据访问等。以下是一个基本的Spring案例程序,它包括一个Spring Boot应用程序,用于展示如何使用Spring构建RESTful服务。…

Elasticsearch 基于Windows环境安装

1、 Java 下载安装 1.1 下载地址 elasticsearch 8.x 版本需要jdk17及以上版本支持 JDK下载地址 2、下载和安装 ES 2.1 下载地址 Past Release 2.2 文件目录 3、启动服务 3.1 启动方式 Windows:双击 bin 目录下的 elasticsearch.bat 文件Mac:双击…

深度学习系列74:语音中的mel谱

1 mel谱介绍 一个人说一句话,其 waveform 可以很不一样,但是 spectrogram 基本上会相似,甚至有人可以通过 spectrogram 来判断说话的内容。语谱图的横坐标是时间,纵坐标是频率,坐标点值为语音数据能量。由于是采用二维…

计算机网络(一) —— 网络基础入门

目录 一,关于网络 二,协议 2.1 协议是什么,有什么用? 2.2 协议标准谁定的? 2.3 协议分层 2.4 OSI 七层模型 2.5 TCP/IP 四层模型 三,网络传输基本流程 3.1 局域网中两台主机通信* 3.2 报文的封装与…

智能化浪潮赋能工业制造与报废拆解,基于高精度YOLOv8全系列参数【n/s/m/l/x】模型开发构建工业生产场景下车辆不同部位智能化分割检测识别分系统

随着科技的飞速发展,数字化与智能化已成为推动社会进步的强大引擎。在工业生产制造与汽车报废处理这一传统领域中,这一变革尤为显著。曾经,流水线作业与人工拆解是这些行业的主要生产方式,它们不仅效率低下,且高度依赖…

如何从 AWS CodeCommit 迁移到极狐GitLab?

极狐GitLab 是 GitLab 在中国的发行版,可以私有化部署,对中文的支持非常友好,是专为中国程序员和企业推出的企业级一体化 DevOps 平台,一键就能安装成功。安装详情可以查看官网指南。 本文将分享如何从 AWS CodeCommit 服务无缝迁…

【无标题】XSS安全防护:responseBody (输入流可重复读) 配置

接上文:配置XSS过滤器 XXS 安全防护:拦截器+注解实现校验-CSDN博客XSS(跨站脚本)攻击是一种网络安全威胁,允许攻击者注入恶意脚本到看似安全的网站。当用户浏览这些被注入恶意代码的网页时,恶意脚本会在用户的浏览器环境中执行,这可能导致多种安全问题,如窃取敏感数据、…

链表算法题(上)

在之前单链表和双链表两个专题中我们学习了链表相关的概念和性质,同时了解了单链表和双链表各自的特征,那么接下来在本篇中我们就将使用这些链表的知识来解决链表相关的算法题,在本篇中这些算法题能强化我们的算法思想,会对我们之…