Rem

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
2024-09-22win2012自动清理文件
环境windowsserver2012r2设置方法编写脚本，建文件，bat后缀@echooffset"SrcDir=G:\文件夹"REM指定目录路径set"DaysAgo=30"REM指定天数，这里设置为30天forfiles/p"%SrcDir%"/s/m*.*/d-%DaysAgo%/c"cmd/cdel/f/q@path"设置计划任务右键创建新任务依次填
2024-09-20面试 - CSS
HTML面试题CSS面试题布局盒子模型宽度如何计算？margin纵向重叠？margin负值的理解？BFC理解和应用？float布局问题以及clearfix（手写）flex画色子定位absolute和relative分别依据什么定位？居中对齐有什么实现方式？图文样式（宽度高度）line-height继承问题响应式re
2024-09-20css3几个常用动效
1.放大的圈 @keyframeszoom3{0%{opacity:0;transform:scale(0);}70%{opacity:1;}100%{opacity:0.7;transform:scale(1);}}.play{position:absolute;left:14.62rem;top:4.12rem;margin:1remauto;
2024-09-20rem自适应页面宽度
编写页面//基准大小constbaseSize=16//设置rem函数functionsetRem(){//当前页面宽度相对于750宽的缩放比例，可根据自己需要修改。constscale=document.documentElement.clientWidth/1920console.log(scale)//设置页面根节点字体大小
2024-09-19【原创】解决NasCab掉进程，NasCab进程维护
最近对象吐槽家里服务器又连不上，看不了考研视频了。我掏出手机一试，确实连不上。家里的服务器是Win11平台，用NasCab管理的视频文件，然后通过frpc做的内网穿透。我们在外面的图书馆，连不上无非是三种情况：服务器关机了、NasCab内网穿透插件掉了、NasCab进程掉了。远程登录服务器，发现
2024-09-13第22篇生成proto文件bat脚本
1.生成单个Proto.bat内容@remCopyright2016,GoogleInc.@remAllrightsreserved.@rem@remRedistributionanduseinsourceandbinaryforms,withorwithout@remmodification,arepermittedprovidedthatthefollowingconditionsare@remmet:@rem@rem
2024-09-12移动端web app自适应布局探索与总结
1、困扰多时的问题在这之前做webapp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的
2024-09-12响应式开发心得
什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示：传统的手机端适配常见有三种解决方案，第一种是bootstrap的columns布局；第二种是使用全局的rem，先根据屏幕换算1rem等于多少个px，然后设置html标签的font-size为
2024-09-11echarts大屏适配(rem)+图表的文字适配
echarts大屏适配以及图标配置项里面的文字适配。1-创建js文件，并复制下面的函数(functionflexible(window,document){vardocEl=document.documentElementvardpr=window.devicePixelRatio||1//adjustbodyfontsizefunctionsetBodyFontSize(){
2024-09-10太极（可复制源代码）
效果演示HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>太极</title&g
2024-09-10获取rem像素转换比例 flag为true返回数字
//获取rem像素转换比例flag为true返回数字exportfunctiongetRem(px,flag){px=(px||0)+''if(!(px.indexOf('%')!==-1||px.indexOf('rem')!==-1)){px=(Number(px)/40)+'rem'}if(flag){returnN
2024-09-03基于外卖业务的数据可视化入门到精通-Vue3.0+EChart4.0
基于外卖业务的数据可视化入门到精通-Vue3.0+EChart4.0项目分辨率响应式创建项目顶部信息条创建页面主体创建接项目搭建与初始化之后继续对项目进行部署工作项目展示：技术栈：1.vue3.0+vue-router4.0+axios2.flex布局3.LESS4.rem屏
2024-08-31✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨
使用jq+layui的layer+laytpl实现横屏查看功能✨一、实现功能
2024-08-28一次搞懂数据大屏适配方案 (vw vh、rem、scale)
当接到可视化大屏需求时，你是否会有以下疑问
2024-08-27淘宝flexible + rem
rem页面 <style>html{font-size:100px;}div{/*相对于100px*/font-size:1rem;}</style><div>rem单位</div> flexible <!DOCTYPEhtml><htmllang="en">&l
2024-08-21前端开发中的大屏布局方案：使用 rem 单位与动态设置 html 的 font-size
使用rem单位与动态设置html的font-size前言随着设备尺寸的多样化，网页需要能够在不同大小的屏幕上提供良好的用户体验。传统的布局方式（如使用px）在不同分辨率下可能会导致布局失真。为了解决这个问题，我们可以通过动态设置html元素的font-size并使用rem单位来构
2024-08-18curl bat shell 杂七杂八
curlRequest\json\createtodo.json{"name":"eat","status":0,"remark":"eatapple"}curlRequest\json\createtodo2.json{"name":"eat","status":0,&quo
2024-08-17bat 检查某个补丁是否安装成功，并将结果输出到日志1.log，支持多个补丁，每次运行log文件重新生成
以下是一个可以检查多个补丁是否安装成功，并将结果输出到 1.log 文件（每次运行重新生成）的BAT脚本示例：bat@echooffrem清空日志文件del1.logrem定义要检查的补丁列表setpatches=KB123456KB789101KB234567rem遍历补丁列表进行检查并输出结果到日志for%%pin
2024-08-16[Windows批处理]比对Git两个分支之间的差异，把有改动的文件复制到指定目录
保存为git-diff-copy.bat@echooffREM[Windows批处理]比对Git两个分支之间的差异，把有改动的文件复制到指定目录setlocalenabledelayedexpansionREM1：设置被复制的git项目文件夹（尾部要加"\"）setcopy_from=..\vue-vben-admin\REM2：设置复制的目标文件夹setcopy_to=%~dp0
2024-08-13浏览器窗口放大缩小自动适配字体和元素的大小
通过JavaScript动态设置根元素(html)font-size，rem的建立最初的字体在Vue项目的入口文件（如main.js）中，根据html的`font-size：functionsetHtmlFontSize(){constbaseSize=16;//基础字体大小constdesignWidth=1920;//设计稿的宽度constclientWidth=
2024-08-11wpf项目如何使用blazor组件
依然使用上面的工程，添加Blazor支持，此部分参考微软文档生成WindowsPresentationFoundation(WPF)Blazor应用，本小节快速略过。2.1编辑工程文件WPFBlazorChat.csproj在项目文件的顶部，将SDK更改为Microsoft.NET.Sdk.Razor。添加节点<RootNameSpace>WPFBlazorChat</RootN
2024-08-09BootStrap ToolTip内容换行
1一说是改源码template:'<divclass="tooltip"role="tooltip">'+'<divclass="tooltip-arrow"></div>'+'<divclass="tooltip-inner"></div>'+'</div>
2024-07-31vue3屏幕适配
通过两个插件来实现 postcss-pxtorem和 amfe-flexible 在main.js中导入import"amfe-flexible";在vite.config.js中配置css:{postcss:{plugins:[postcssPxtoRem({rootValue:192,//根据使用的ui组件？定义根元素大小？
2024-07-30vue-cli使用postcss-plugin-px2rem，自动px转rem
const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,productionSourceMap:false,css:{loaderOptions:{postcss:{postcssOptions:{plugins:[