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

微信小程序 获取当前屏幕的可见高宽度

news 文章来源：https://blog.csdn.net/weixin_45966674/article/details/133697090 2025/5/18 15:34:35

很多时候我们做一下逻辑 需要用整个窗口的高度或宽度参与计算
而且很多时候我们js中拿到的单位都是px像素点 没办法和rpx同流合污

官方提供了wx.getSystemInfoSync() 可以获取到部分窗口信息 其中就包括了整个窗口的宽度和高度
wx.getSystemInfoSync().windowHeight 返回值为像素点 px 整个屏幕的可见高度
wx.getSystemInfoSync().windowWidth 返回值为像素点 px 整个屏幕的可见宽度
在这里插入图片描述
运行结果如下
在这里插入图片描述

相关文章：

微信小程序 获取当前屏幕的可见高宽度

很多时候我们做一下逻辑 需要用整个窗口的高度或宽度参与计算 而且很多时候我们js中拿到的单位都是px像素点 没办法和rpx同流合污 官方提供了wx.getSystemInfoSync() 可以获取到部分窗口信息 其中就包括了整个窗口的宽度和高度 wx.getSystemInfoSync().windowHeight 返回值为像…...

编程日记 2023/10/12 17:46:31

使用 Splashtop 驾驭未来媒体和娱乐

在当今时代，数字转型不再是可选项，而是必选项。如今，媒体与娱乐业处于关键时刻，正在错综复杂的创意、技术和远程协作迷宫之中摸索前进。过去几年发生的全球事件影响了我们的日常生活，不可逆转地改变了行业的运作方式&a…...

编程日记 2023/10/12 17:44:28

Tomcat项目启动报错

java.io.IOException: java.lang.ClassCastException: Cannot cast org.springframework.web.SpringServletContainerInitializer to javax.servlet.ServletContainerInitializer解决办法：可能Tomcat版本不对，使用7.0.90版本启动报错，使用8.0…...

编程日记 2023/10/12 17:43:26

offer

【录用通知书】 如何判断公司的好坏呢。 注意了，我们软件行业，技术管理类，技术类，产品类 好公司好企业基本都会给你说清楚，一项多少钱，加班多少钱，这样的 像这类公司的薪资结构复杂就要特别…...

编程日记 2023/10/12 17:40:24

漏洞复现--鸿运主动安全监控云平台任意文件下载

免责声明： **文章中涉及的漏洞均已修复，敏感信息均已做打码处理，文章仅做经验分享用途，切勿当真，未授权的攻击属于非法行为！文章中敏感信息均已做多层打马处理。传播、利用本文章所提供的信息而造成的任何…...

编程日记 2023/10/12 17:39:23

第二章 物理层 | 计算机网络（谢希仁 第八版）

文章目录 第二章 物理层2.1 物理层的基本概念2.2 数据通信的基础知识2.2.1 数据通信系统的模型2.2.2 有关信道的几个基本概念2.2.3 信道的极限容量 2.3 物理层下面的传输媒体2.3.1 导引型传输媒体2.3.2 非导引型传输媒体 2.4 信道复用技术2.4.1 频分复用、时分复用和统计时分复…...

编程日记 2023/10/12 17:38:21

路由高级特性

项目拓扑与项目需求 项目需求 某企业网络使用ospf和isis作为IGP协议实现内部网络的互联互通，区域规划和IP规划如图所示，现在要求实现如下需求： LSW1和AR1使用vlan10互联，与AR2使用vlan20互联，LSW1与LSW2、3、4之间使…...

编程日记 2023/10/12 17:37:19

【MySQL】数据库排查慢查询、死锁进程排查、预防以及解决方法

MySQL数据库排查慢查询、死锁进程及解决方法 一、排查慢查询 1.1检查慢查询日志是否开启 1.1.1使用命令检查是否开启慢查询日志: SHOW VARIABLES LIKE slow_query_log;如果是 Value 为 off 则并未开启 1.1.2开启并且查看慢查询日志: MySQL提供了慢查询日志功能,可以记录所…...

编程日记 2023/10/12 17:36:17

WSL2下的Docker配置和使用

在Windows的Linux子系统（Windows Subsystem for Linux）WSL2中安装、配置和使用 Docker，可以参考官方教程：WSL上的Docker远程容器入门. 重要步骤总结如下： 先决条件 确保你的计算机运行的是 Windows 10（更…...

编程日记 2023/10/12 17:35:16

污水管网水位监测，管网水位监测仪守护城市污水管网运行

万宾科技：污水管网水位监测 近年来，城市化进程的加速使得污水管网建设愈发重要。然而，在管网运维中，水位监测一直以来都是一个令人头痛的难题。为了解决这一问题，万宾科技公司推出了管网水位监测仪EN200-D2&#xff0…...

编程日记 2023/10/12 17:34:14

IDEA插件版本升级和兼容新版本idea

1.关于IDEA插件的版本设置问题 打开jetbrains插件市场，随意打开一个插件详情页面的Versions菜单，我们可以看见一个插件包不同时期发布的不同版本（Versions），并且每个版本包含了可兼容IDEA或PyCharm的版本范围&#xf…...

编程日记 2023/10/12 17:33:12

Docker 容器应急

容器网络简单理解 容器拥有n多张veth网卡与一张docker0网卡 docker 五种网络 bridge 默认网络，Docker启动后创建一个docker0网桥，默认创建的容器也是添加到这个网桥中。host 容器不会获得一个独立的network namespace，而是与宿主机共用一个…...

编程日记 2023/10/12 17:32:11

webservice接口自动化测试

1&#xff0c;用soupui进行测试 2&#xff0c;安装soupUI 3&#xff0c;测试的时候是给了一个wdsl 操作步诹&#xff1a;new &#xff08;name , 填写地址&#xff09;---导入wsdl文件---看到所有的接口 发送请求的格式<xml> canshu</xml> 应用场景&#xff0c…...

编程日记 2023/10/12 17:31:10

精益生产与MES生产管理系统相互融合

近年来&#xff0c;精益生产理念在企业管理中越来越受欢迎。它强调以最小的浪费&#xff0c;在最短的时间内&#xff0c;生产出高质量的产品。这一理念的实施手段包括准时制生产方式、适时生产方式等&#xff0c;消除浪费、看板、快换工装等都是精益提高的工具方针。 然而&…...

编程日记 2023/10/12 17:30:10

（c语言进阶）指针的进阶

一.字符指针 1.一般应用 &#xff08;1&#xff09;%c的应用 &#xff08;2&#xff09;%s的应用 字符指针没有权限通过解引用去改变指针指向的值 2.笔试题 题目&#xff1a;判断输出结果 int main() { const char* p1 "abcdef"; const char* p2 "…...

编程日记 2023/10/12 17:29:08

用路由器远程维护三菱PLC操作指南

用路由器远程维护三菱PLC操作指南...

编程日记 2023/10/12 17:27:05

FPGA面试题（7）

一.解释一下SPI的四种模式 01时钟极性CPOL空闲状态为低电平空闲状态为高电平时钟相位CPHA在第一个跳变沿采样在第二个跳变沿采样 模式CPOLCPHA描述模式000sclk上升沿采样&#xff0c;sclk下降沿发送模式101sclk上升沿发送&#xff0c;sclk下降沿采样模式210sclk上升沿发送&…...

编程日记 2023/10/12 17:26:04

Python接口自动化测试之【测试函数、测试类/测试方法的封装】

前言 在pythonpytest 接口自动化系列中&#xff0c;我之前的文章基本都没有将代码进行封装&#xff0c;但实际编写自动化测试脚本中&#xff0c;我们都需要将测试代码进行封装&#xff0c;才能被测试框架识别执行。 例如单个接口的请求代码如下&#xff1a; import requests…...

编程日记 2023/10/12 17:25:03

ROS仿真软件Turtlebot-Gazebo的安装使用以及错误处理[机器人避障]

很多时候由于机器人价格比较贵&#xff0c;而且会因为环境因素、操作失误或者摔坏等&#xff0c;所以我们可以先在仿真软件上做测试&#xff0c;也可以避免这些问题&#xff0c;虽然没有那么真实感&#xff0c;可毕竟是免费的嘛。我们可以在这些仿真的机器人身上去学习如何控制…...

编程日记 2023/10/12 17:22:59

把excel文件内容转化为json文件

js如何把excel文件转化为json文件呢&#xff1f;可以通过xlsx还有循环遍历来做 第一步&#xff1a;安装xlsx包 npm install xlsx这里我需要转化为这种类型 {key:value,key:value,key:value, }如果需要转化为其他格式&#xff0c;到时候需要在循环遍历的时候灵活运用 上代码…...

编程日记 2023/10/12 17:20:57

前端 - 将非 jpeg 格式图片转为 jpeg 格式、压缩图片

目录 将非 jpeg 格式图片转为 jpeg 格式压缩图片使用 将非 jpeg 格式图片转为 jpeg 格式 /common/compressImage/convertImage // 思路是创建一个图片&#xff0c;将file等于这个图片&#xff0c;然后创建一个canvas图层 &#xff0c;将canvas等比例缩放&#xff0c; //然后用…...

编程日记 2023/10/12 17:19:55

随着 ChatGPT 凭借 GPT-4V(ision) 获得关注，多模态 AI 不断发展

原创 | 文 BFT机器人 在不断努力让人工智能更像人类的过程中&#xff0c;OpenAI的GPT模型不断突破界限GPT-4现在能够接受文本和图像的提示。 生成式人工智能中的多模态表示模型根据输入生成文本、图像或音频等各种输出的能力。这些模型经过特定数据的训练&#xff0c;学习底层模…...

编程日记 2023/10/12 17:18:54

Zookeeper-JavaApI操作

JavaApI操作 JavaApI操作1) Curator 介绍2) Curator API 常用操作a) 建立连接与CRUD基本操作b) Watch事件监听c) 分布式锁c.1) 介绍c.2) Zookeeper分布式锁原理c.3) 案例&#xff1a;模拟12306售票 JavaApI操作 1) Curator 介绍 Curator 是 Apache ZooKeeper 的Java客户端库。…...

编程日记 2023/10/12 17:17:53

Vue2.0打包指定路由前缀

【1】修改vue.config.js 如下修改publicPath: module.exports {publicPath:/concert,lintOnSave: false }【2】修改router/index.js base指定路由前缀&#xff1a; const router new VueRouter({mode: history,base: /concert, //指定路由前缀// base: process.env.BASE_…...

编程日记 2023/10/12 17:16:52

[vxe-table] 合并行后滚动错位

使用vxe-table的属性:span-method合并行&#xff0c;之后下拉后会错位 原因&#xff1a;缺少配置 scroll-y"{enabled: false}"参考&#xff1a; vxe-table合并行后错位...

编程日记 2023/10/12 17:15:51

动态规划：05不同路径

动态规划&#xff1a;05不同路径 62. 不同路径 五部曲 确定dp数组含义&#xff1a;到达第i&#xff0c;j位置的路径条数为d[i][j] 确定递归公式&#xff1a;d[i][j]d[i-1][j]d[i][j-1] 我们发现&#xff0c;想要到d[i][j]&#xff0c;只能从d[i-1][j]或者d[i][j-1]达到 dp数…...

编程日记 2023/10/12 17:14:50

html与css知识点

html 元素分类 块级元素 1.独占一行&#xff0c;宽度为父元素宽度的100% 2.可以设置宽高 常见块级元素 h1~h6 div ul ol li dl dt dd table form header footer section nav article aside 行内元素 1.一行显示多个 2.不能设置宽高&#xff0c;宽高由元素内容撑开 常见行内…...

编程日记 2023/10/12 17:13:49

spring boot simple类型cache使用

注意&#xff1a;这里用的不是 redis 的缓存&#xff0c;simple 的缓存默认用的是 java 的 ConcurrentHashMap&#xff0c; 单纯的 simple 缓存&#xff0c;只需要引入下面的 pom 依赖即可&#xff1a;spring-boot-starter-cache <dependency><groupId>org.springf…...

编程日记 2023/10/12 17:11:47

springboot-aop-redis-lua 实现的分布式限流方案

1.自定义限流注解 Target({ElementType.METHOD, ElementType.TYPE}) Retention(RetentionPolicy.RUNTIME) Inherited Documented public interface Limit {/*** 名字*/String name() default "";/*** key*/String key() default "";/*** Key的前缀*/String…...

编程日记 2023/10/12 17:10:46

C++ realloc()用法及代码示例

C realloc()用法及代码示例 C 中的realloc() 函数重新分配先前分配但尚未释放的内存块。realloc() 函数重新分配先前使用 malloc() 、 calloc() 或 realloc() 函数分配但尚未使用 free() 函数释放的内存。如果新大小为零&#xff0c;则返回的值取决于库的实现。它可能会也可能…...

编程日记 2023/10/12 17:09:45