VH

2024-06-20Vue 3 + Element Plus实现PC和移动端兼容的技术探讨
在现代Web开发中，实现PC端和移动端的兼容性已经成为一个必备的技能。Vue3作为一款流行的前端框架，结合ElementPlus这个优秀的UI组件库，为我们提供了丰富的工具和解决方案。在本文中，我们将探讨如何使用Vue3和ElementPlus来实现PC和移动端的兼容性，并结合vh、vw等单位实现响应
2024-05-30使用rem、动态vh自适应移动端
前言这是我的模仿抖音系列文章的第六篇第一篇：200行代码实现类似Swiper.js的轮播组件第二篇：实现抖音“视频无限滑动“效果第三篇：Vue路由使用介绍以及添加转场动画第四篇：Vue有条件路由缓存，就像传统新闻网站一样第五篇：GithubActions部署Pages、同步到Gitee、翻译REA
2024-01-30CSS的单位
我们在布局或者设置字体大小的时候经常看到:22px;,px其实是css里面长度单位绝对长度px*像素(1px=1/96thof1in)cm厘米mm毫米in英寸(1in=96px=2.54cm)相对长度em它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认
2024-01-22https://github.com/runze1223/VH-NBEATS 时序数据NBEATS
https://github.com/runze1223/VH-NBEATS http://ise.thss.tsinghua.edu.cn/~mlong/doc/TimesNet-iclr23.pdf https://www.xjx100.cn/news/6779.html https://blog.csdn.net/qq_59482564/article/details/134912580 https://blog.csdn.net/qq_59482564/arti
2023-12-19记录--一行代码修复100vh bug
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助你知道奇怪的移动视口错误（也称为100vhbug）吗？或者如何以正确的方式创建全屏块？一、100vhbug什么是移动视口错误？你是否曾经在网页上创建过全屏元素？只需添加一行CSS并不难：.my-page{height:100vh}1v
2023-12-19一行代码修复100vh bug | 京东云技术团队
你知道奇怪的移动视口错误（也称为100vhbug）吗？或者如何以正确的方式创建全屏块？一、100vhbug什么是移动视口错误？你是否曾经在网页上创建过全屏元素？只需添加一行CSS并不难：.my-page{height:100vh}1vh是视口高度的1%，正是我们所需要的。但当我们在移动设备上测试时，就
2023-11-09Android入门教程 | RecyclerView使用入门
2023-11-07用Variable Handles来替换Unsafe
在JDK9中，包含了一个叫VariableHandles的新功能，下面是该功能的描述：Defineastandardmeanstoinvoketheequivalentsofvariousjava.util.concurrent.atomicandsun.misc.Unsafeoperationsuponobjectfieldsandarrayelements,astandardsetoffenceoperationsf
2023-10-28Android入门教程 | RecyclerView使用入门
想必大家对列表的表现形式已经不再陌生。手机上有联系人列表，文件列表，短信列表等等。本文讲述的是在Android开发中用RecyclerView来实现列表效果。使用步骤引入RecyclerView在app的build.gradle文件中添加引用。我们使用的是androidx包。gradle:dependencies{//..
2023-10-27Android入门教程 | RecyclerView使用入门
想必大家对列表的表现形式已经不再陌生。手机上有联系人列表，文件列表，短信列表等等。本文讲述的是在Android开发中用RecyclerView来实现列表效果。使用步骤引入RecyclerView在app的build.gradle文件中添加引用。我们使用的是androidx包。gradle:dependencies{//..
2023-10-20Android入门教程 | RecyclerView使用入门
想必大家对列表的表现形式已经不再陌生。手机上有联系人列表，文件列表，短信列表等等。本文讲述的是在Android开发中用RecyclerView来实现列表效果。使用步骤引入RecyclerView在app的build.gradle文件中添加引用。我们使用的是androidx包。gradle:dependencies{//..
2023-09-14网页首页代码
<header><svg@click="goBackOne"class="svg"version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="12px"height="20px"xml
2023-07-31ugui学习 - 自己实现InputField的文本选中
效果代码把光标闪烁拿掉了usingUnityEngine;usingUnityEngine.UI;[DisallowMultipleComponent][RequireComponent(typeof(CanvasRenderer))][RequireComponent(typeof(RectTransform))]publicclassMyInputField_TextSelect:MonoBehaviour,ICanvasElement{
2023-07-26ugui源码阅读 - Graphic渲染原理
3d部分使用MeshRenderer来渲染，ugui的使用CanvasRenderer来进行渲染。把顶点，材质，贴图设置给CanvasRenderer，就能渲染出来了。下面的代码，我们直接使用CanvasRenderer来进行渲染，等同于Graphic渲染部分的核心代码。usingUnityEngine;usingUnityEngine.UI;[RequireComponent(
2023-07-25多边形裁剪图片
效果 usingUnityEngine;usingUnityEngine.Sprites;usingUnityEngine.UI;[RequireComponent(typeof(Image))]publicclassPolygonMeshEffect:BaseMeshEffect{[SerializeField][Range(3,60)]privateintm_SegmentCount=3;publicintse
2023-06-29屏幕自适应
屏幕自适应三大常用方式vw/vh方案概述：按照设计稿的尺寸，将px按比例计算转为vw和vh优点：可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟ui稿不一致时，不会出现两边留白情况缺点：每个图表都需要单独做字体、间距、位移的适配，比较麻烦scale方案概述：也是目前效果最好
2023-05-22NOIP2016普及组试题题解
1.买铅笔代码：#include<bits/stdc++.h>#definelllonglongusingnamespacestd;intn,ans=1e9,a,b;intmain(){ cin>>n; for(inti=1;i<=3;i++){ cin>>a>>b; ans=min(ans,int(ceil(n*1.0/a)*b)); } cout<<ans; return0;}
2023-04-18Vue3移动端适配解决方案
导读：使用vw和vh解决适配问题vw：viewwidth屏幕宽度，1vw等于屏幕宽度的百分之一vh：viewheight屏幕高度，1vh等于屏幕高度的百分之一使用插件postcss-px-to-viewport可以自动将px转换为vw/vh安装npmipostcss-px-to-viewport-Dvite.config.tsimportvuefrom'@vitejs/plugin
2023-04-17rem、vw、vh、em原理汇总
1.rem： rem是根据根元素的font-size大小来设置的，比如设置htmlfont-size=100px，那么1rem=100px，之后所有的元素都可以使用这个基准值来设置大小2.vw：视口宽度单位 1vw=1/100视口宽度，宽度全屏就是100vw3.vh：视口高度单位1vh=1/100视口高度，高度全屏就
2023-04-11雷达图
///<summary>///雷达图///</summary>publicclassldt:MaskableGraphic{//将代码放在Image图片上publicfloat[]arr;protectedoverridevoidOnPopulateMesh(VertexHelpervh){vh.Clear();intn=arr.Length;if(n>=3)
2023-03-21Unity绘制圆和缓动雷达图
Unity绘制圆和缓动雷达图之前在做UI模块的时候遇到过需要做雷达图的效果，所以简单复习了一下关于网格绘制我们都知道Unity绘制图形是通过Mesh网格添加顶点进行绘制，那么知
2023-03-21灰度图
publicTexture2Dtexture;//图片（设为可读取）intw;//图片的宽inth;//图片的高voidStart(){w=texture.width;//w*h不能超过65000
2023-03-02前端_移动端设配方案
1.浏览器兼容：一、css兼容:不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。碰到频率:100%
2023-03-02No.2.6
vw/vh：（能够使用vw单位设置网页元素的尺寸）相对单位相对视口的尺寸计算结果vw：viewportwidth（1vw=1/100视口宽度）vh：viewportheight（1vh=1/100视口高度）vw适配原理：（
2023-02-24css-元素使用100vw|vh出现滚动条
给元素100vw与100vh，发现界面出现横向和竖向滚动条...<style>.container{width:100vw;height:100vh;}</style><body><divclass="