- 2024-11-21对比下px、em、rem有什么不同?
在前端开发中,px、em和rem都是用于设置字体大小和长度的单位,但它们之间存在关键区别:1.px(像素):定义:px是一个绝对单位,表示屏幕上的物理像素。1px就是屏幕上的一个像素点。优点:简单易懂,浏览器可以直接渲染。缺点:不灵活,在不同分辨率的设备上显示效果可能不一致。
- 2024-11-19golang 压缩编译
编译Go应用程序gobuild-ldflags="-s-w"-omyapp.exe.使用UPX压缩可执行文件(window下载并设置环境变量)upx--best--lzmamyapp.exe 可从10M压缩到1M @echooffREMSetGoenvironmentvariablessetCGO_ENABLED=0setGOOS=linuxsetGOARCH=armsetG
- 2024-11-18原创 注册界面
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>注册-QSZ</title>
- 2024-11-18原创 密码找回界面
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>找回密码-QSZ</title>
- 2024-11-18原创 用户个人资料页面
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>个人资料-QSZ</title>
- 2024-11-18原创 管理后台页面
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>管理后台-QSZ</title>
- 2024-11-18Day09_单位转换-综合案例
Day09_单位转换-综合案例背景:前面我们已经把HarmonyOS生态系统中的PC端和移动端的项目进行了开发;但是我们目前使用的单位是px(像素)单位,是一种固定形式的布局,但是再实际开发的时候我们可使用的单位还是有很多的;本节课我们主要学习的就是常见的单位今日
- 2024-11-18新闻类前端-首页
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>QSZ新闻网</title>
- 2024-11-18登录界面
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>用户登录-QSZ</title>
- 2024-11-17H5开发类似rpx实现方法
1、postcss-px2rem-exclude(推荐)||postcss-px2rem(不推荐);2、rem.js第一步:npminstallpostcss-px2rem-exclude--save//找到:postcss.config.js//在plugins新增'postcss-px2rem-exclude':{remUnit:37.5,//1rem等于多少px,此为转换单位(不重要)exclude:/no
- 2024-11-15SpringBoot+Vue3实现数据可视化大屏
前端工程的地址:UserManagerFront:数据可视化前端(gitee.com)效果展示,可以展现出来了,样式可能还有一些丑。后端代码后端主要是拿到数据并对数据进行处理,按照前端需要的格式进行返回即可。importcom.njitzx.entity.Student;importcom.njitzx.entity.vo.*;import
- 2024-11-13bat文件编写
bat文件编写ECHOxxx表示打印SETa=10设置变量,变量次数加1,set/at+=1%a%使用变量ECHOOFF脚本结束跳转,使用:str标记某个位置,gotostr跳转到该位置/show显示调用工具|more打印脚本中缓存即echo内容举例说明REM设置串口SETport=COM57REM设置执行程序SETe=Serial
- 2024-11-06第三章:组织页面完善、引入消息帖子与页面独立状态
第三章:组织页面完善、引入消息帖子与页面独立状态在这一章里,我们来完善组织页面,打算将组织根据实际情况分为三种,工作室、社团、部门。我的想法是,将三种情况使用uni-ui中的卡片来进行介绍,点击卡片后跳转到相应页面,相应页面介绍所有的组织。在这里有一个让我为难的点,就是我不
- 2024-11-03pc大屏适配
在文件utils里配置 constbaseSize=12//设置rem函数functionsetRem(){//页面宽度相对于设计图宽的缩放比例,根据需要修改1920(设计稿宽度)constscale=document.documentElement.clientWidth/1920;//设置页面根节点字体大小(match.min(scale,2)"指
- 2024-11-01使用批处理,切换电源计划,切换自动休眠时间
1、打开命令提示符:按Win+R,输入cmd,然后按Enter。2、列出电源计划的GUIDpowercfg/list获取输出结果取下:C:\Users\Administrator>powercfg/list现有电源使用方案(*Active)-----------------------------------电源方案GUID:381b4222-f694-41f0-****-ff5bb260df
- 2024-11-01增强 vw/rem 移动端适配,适配宽屏、桌面端、三折屏
增强vw/rem移动端适配,适配宽屏、桌面端、三折屏vw和rem是两个神奇的CSS长度单位,认识它们之前,我一度认为招聘广告上的“像素级还原”是一种超能力,我想具备这种能力的人,一定专业过硬、有一双高分辨率的深邃大眼睛。时间一晃,入坑两年,我敏捷地移动有点僵硬不算过硬的小手,将一
- 2024-10-30Codeforces Global Round 27,D. Yet Another Real Number Problem 题解
单调栈+贪心题意:给定一个序列从左往右对于每个索引iii,求出其前缀的数组可以进行任意次以下操作的条件下:选择
- 2024-10-29h5 移动端适配最佳实践
移动端适配的方案需要根据具体的业务场景进行选择,工作中接触最多的是一些h5活动页、落地页等,这些页面在大小屏手机上的展示要求大小屏无差异,那么就针对以上要求进行项目整体的适配是最合适不过的。如果是大屏手机展示更多的内容,并不着重于放大展示的话,外层布局使用vw,%,flex,内层直
- 2024-10-23DevExpress中文教程 - 如何在静态SSR模式下使用Blazor Drawer组件?
Microsoft的.NET8UI框架引入了静态服务器端呈现模式(静态SSR)——组件在服务器端呈现,然后返回到客户端,没有任何交互,DevExpress BlazorDrawer组件需要交互式呈现模式来动态地改变其IsOpen状态。在本文中,我们将回顾在静态SSR渲染模式下动态显示/隐藏DevExpressBlazorDrawer组
- 2024-10-22使用rem更好的去适配页面元素
需要一段JS:(function(doc){letdocEl=doc.documentElement;// 获取根节点的htmldoc.addEventListener("DOMContentLoaded",recalc);functionrecalc(){letwidth=docEl.clientWidth;docEl.style.fontSize
- 2024-10-18[Ynoi2003] 戌亥彗星
这个条件有点不好处理,考虑找一些好处理的性质来做这道题。首先,大体思路是套路的,我们扫描\(r\),去更新答案,然后我们考虑维护指针\(l\),我们首先希望区间子图\([l,r]\)有且仅有一个简单环,考虑用LCT维护,具体是维护一棵树与一条边,这条边是多出来的边,显然这条边连着的点都在环内。
- 2024-10-18Windows环境PgSql自动备份脚本
PgSql脚本如下保存到指定路径并添打成压缩包@echooffsetlocalenabledelayedexpansionsetpg_path=D:\PgSql\bin REM数据库Bin路径setbase_backup_path=D:\backup_pgsql REM备份路径setdb_name=pgsql REM数据库名称setuser=postgres REM数据库账户名setPGPAS
- 2024-10-15windows 文件名批量改小写
新建批处理FileName.bat文件,内容如下:REM功能:将所在目录下所有的子文件夹和文件名全部改为小写字母REM用法:将本批处理文件复制到要改名的目录下直接运行即可pauseFOR/R%%AIN(.)DOcd%%A&&(FOR/F%%BIN('dir/b/l')DOrename%%B%%B)echo重命名结束pause—
- 2024-10-14CSS 中的数学函数
min()/max()/clamp()和calc()函数类似,任何可以使用<length>,<frequency>,<angle>,<time>,<percentage>,<number>,<integer>数据类型的地方都可以使用min()/max()/clamp()这3个数学函数。min()/max()/clamp()这3个数学函数和calc()函数是可以相互嵌套使用的,例如:width:calc(min(80
- 2024-09-25混淆指定js文件
混淆指定js文件fomartJs.bat@echooffREM定义一个包含文件名的数组setjsFiles=("polyfills.b4665eab.js""manifest.b09f6bad.js""index.f8bec5fb.js")REM遍历数组中的每个文件for%%fin%jsFiles%do(echoProcessing%%f@REMjavascript-obfuscat