当前位置：首页 > news >正文

H5 scss 移动端的样式适配

news 2026/1/17 8:20:12

在移动端样式的scss文件中，出现了这些变量

env() 与 constant() 设置安全区域，是css里IOS11新增的属性，webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：

safe-area-inset-left: 安全区域距离左边界的距离
safe-area-inset-right: 安全区域距离右边界的距离
safe-area-inset-top: 安全区域距离顶部边界的距离
safe-area-inset-bottom: 安全区域距离底部边界的距离

env：在iOS 11.2及更高版本的Safari浏览器中受支持，并且是未来的标准

constant：在iOS 11.0至11.1版本的Safari浏览器中受支持，但已被弃用，不推荐在新项目中使用。

H5 scss 移动端的样式适配

在移动端样式的scss文件中，出现了这些变量 env() 与 constant() 设置安全区域，是css里IOS11新增的属性，webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量： safe-area-inset-left: 安全区域距…...

编程日记 2024/12/18 0:19:00

【JAVA】Java项目实战—移动端项目：天气查询APP

在移动互联网时代，天气查询应用程序（APP）是日常生活中不可或缺的一部分。无论是出门旅行、上班通勤，还是安排户外活动，获取实时天气信息都至关重要。Java作为一种强大且广泛使用的编程语言，特别适合用于开发…...

编程日记 2024/12/18 0:08:46

SpringBoot - 动态端口切换黑魔法

文章目录关键技术点核心原理Code 关键技术点利用 Spring Boot 内嵌 Servlet 容器和动态端口切换的方式实现平滑更新的方案，关键技术点如下： Servlet 容器重新绑定端口：Spring Boot 使用 ServletWebServerFactory 动态设置新端口。零停…...

编程日记 2024/12/18 0:04:43

Java爬虫技术：挖掘淘宝数据的利器

在当今大数据时代，网络爬虫技术已经成为获取网络数据的重要手段。Java作为一种强大且灵活的编程语言，非常适合开发复杂的网络爬虫系统。本文将详细介绍Java爬虫能够爬取的淘宝数据类型，并提供具体的代码示例，帮助您快速入门并掌握…...

编程日记 2024/12/18 0:01:38

Chromium for Android 浏览器的编译和安装

Chromium for Android 浏览器的编译和安装 Chromium for Android 浏览器的编译和安装环境要求和配置Chromium for Android源码下载安装 depot_tools获取代码转换现有的Linux检出安装额外的构建依赖运行钩子 Chromium for Android源码编译设置编译环境编译 ChromiumChromium fo…...

编程日记 2024/12/17 23:59:35

实景视频与模型叠加融合？

[视频GIS系列]无人机视频与与实景模型进行实时融合_无人机视频融合-CSDN博客文章浏览阅读1.5k次，点赞28次，收藏14次。将无人机视频与实景模型进行实时融合是一个涉及多个技术领域的复杂过程，主要包括无人机视频采集、实景模型构建、视频与模型…...

编程日记 2024/12/17 23:58:34

Scala的隐式类

package hfd //隐式类 //任务：给之前的BaseUser添加新的功能，但是不要直接去改代码 //思路：把BaseUser通过隐式转换，改成一个新类型，而这个新类型中有这新的方法 //implicit class一个隐式转换函数类 //作用&#xff1…...

编程日记 2024/12/17 23:57:33

常见软件设计模式介绍：三层架构、MVC、SSM、EDD、DDD

三层架构（View Service Dao） 三层架构是指：视图层 view（表现层），服务层 service（业务逻辑层），持久层 Dao（数据访问层） 表现层：直接跟前…...

编程日记 2024/12/17 23:56:32

Springboot技术栈常见问题及搭建步骤

一. SpringBoot介绍 1.1. 引言为了使用SSM框架去开发, 准备SSM框架的模板配置为了使Spring整合第三方框架, 单独的去编写xml文件导致SSM项目后期xml文件特别多, 维护xml文件的成本是很高的 SSM工程部署也是很麻烦, 依赖第三方的容器 SSM开发方式很是笨重 1.2 SpringBoot …...

编程日记 2024/12/17 23:54:30

1.安装 kryo-3.0.3.jar asm-5.2.jar objenesis-2.6.jar reflectasm-1.11.9.jar minlog-1.3.1.jar kryo-serializers-0.45.jar msm-kryo-serializer-2.3.2.jar memcached-session-manager-tc9-2.3.2.jar spymemcached-2.12.3.jar memcached-session-manager-2.3.2.jar …...

编程日记 2024/12/17 23:48:25

vue2:v-for实现的el-radio-group选中时显示角标，并自定义选中按钮的字体颜色和背景色

项目中需要实现一组预定义查询，每一个查询按钮在选中时右上角显示一个角标，展示当前查询返回的数据条目。 1、text-color="#3785FF" fill="#E6EAF1" 处理选中时的字体颜色和背景色，如上图，分别为蓝色和浅灰色。 2、badge中:value="selectedRadio…...

编程日记 2024/12/17 23:46:23

【Linux】-学习笔记10

第八章、Linux下的火墙管理及优化 1.什么是防火墙从功能角度来讲防火墙是位于内部网和外部网之间的屏障，它按照系统管理员预先定义好的规则来控制数据包的进出从功能实现角度来讲火墙是系统内核上的一个模块netfilter(数据包过滤机制) …...

编程日记 2024/12/17 23:38:14

鸿蒙NEXT开发案例：九宫格随机

【引言】在鸿蒙NEXT开发中，九宫格抽奖是一个常见且有趣的应用场景。通过九宫格抽奖，用户可以随机获得不同奖品，增加互动性和趣味性。本文将介绍如何使用鸿蒙开发框架实现九宫格抽奖功能，并通过代码解析展示实现细节。【环境准…...

编程日记 2024/12/17 23:30:05

深度解析：RTC电路上的32.768KHz时钟的频偏及测试

1、什么是RTC RTC是Real-Time Clock（实时时钟）的缩写，通常在电子产品中，是用时钟电路（外部采用时钟芯片，比如AiP8563）或时钟模块(SOC内部包含了时钟模块，只需要外接32.768KHz晶振)来…...

编程日记 2024/12/17 23:28:03

Scala的泛型

需求:定义一个名为getMiddleEle 的方法用它来获取当前的列表的中间位置的值中间位置的下标长度/2目标:getMiddleEle(List(1,2,3,4,5)) > 5/2 2 > 下标为2的元素是:3 getMiddleEle(List(1,2,3,4)) > 4/2 2 > 下标为2的元素是:3格式如下: 定义一个函数的格式:def…...

编程日记 2024/12/17 23:19:54

OpenGL ES详解——glUniform1i方法是否能用于设置纹理单元

glUniform1i 方法确实可以用于设置纹理单元（texture unit）。在OpenGL中，纹理单元是图形硬件的一部分，它允许你同时绑定多个纹理，并在着色器程序中通过uniform变量来选择使用哪个纹理。通常，纹理单元通过整…...

编程日记 2024/12/17 23:16:52

探索 Janus-1.3B：一个统一的 Any-to-Any 多模态理解与生成模型

随着多模态技术的不断发展，越来越多的模型被提出以解决跨文本与图像等多种数据类型的任务。Janus-1.3B 是由 DeepSeek 推出的一个革命性的模型，它通过解耦视觉编码并采用统一的 Transformer 架构，带来了一个高度灵活的 any-to-any 多模态框架…...

编程日记 2024/12/17 23:12:48

论文信息搜集

系列博客目录文章目录系列博客目录1.秩典型相关分析及其在视觉搜索重排序中的应用《Rank canonical correlation analysis and its application in visual search reranking》2.利用边信息的规范秩估计在多维谐波恢复中的应用《Canonical Rank Estimation Using Side Informa…...

编程日记 2024/12/17 23:10:45

实操给自助触摸一体机接入大模型语音交互

本文以CSK6 大模型开发板串口触摸屏为例，实操讲解触摸一体机怎样快速增加大模型语音交互功能，使用户能够通过语音在一体机上查询信息、获取智能回答及实现更多互动功能等。在本文方案中通过CSK6大模型语音开发板采集用户语音，将语音数据传输…...

编程日记 2024/12/17 23:06:40

图表的放大和刷新功能

正常图表渲染显示： // 漏斗ading动画 let myChartone; // 获取配置项 let optionone; // 获取漏斗的数据 let order; let pay_order; let pay_order_num; let pay_order_num_num; let optiones; // 漏斗渲染 function polt(data) {// 从名为data的对象中获取ordata属…...

编程日记 2024/12/17 23:03:38

Python爬虫实战：研究MechanicalSoup库相关技术

一、MechanicalSoup 库概述 1.1 库简介 MechanicalSoup 是一个 Python 库，专为自动化交互网站而设计。它结合了 requests 的 HTTP 请求能力和 BeautifulSoup 的 HTML 解析能力，提供了直观的 API，让我们可以像人类用户一样浏览网页、填写表单和提交请求。 1.2 主要功能特点…...

编程新知 2025/10/10 18:13:55