摘要: 先看看我做出来的效果 人狠话不多 直接上代码 html部分 <div id="box"></div> css部分 #box{ width: 400px; height: 400px; background-color: #00E8D7; display: flex; } .circleBox{ wi 阅读全文
posted @ 2024-07-30 20:57 前端小李子 阅读(29) 评论(0) 推荐(0)
摘要: var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i 阅读全文
posted @ 2024-07-30 20:13 前端小李子 阅读(12) 评论(0) 推荐(0)
摘要: function CheckIntensity(pwd) { var m = 0; //匹配数字 if (/\d+/.test(pwd)) { m++; }; //匹配大写字母 if (/[A-Z]+/.test(pwd)) { m++; }; if (/[a-z]+/.test(pwd)) { m 阅读全文
posted @ 2024-07-30 20:07 前端小李子 阅读(34) 评论(0) 推荐(0)
摘要: ​ 图片自适应相信对于前端小伙伴来说 并不陌生吧 每次遇到的时候就是去网上百度 MDN 掘金等去找 然后找到的又不能完全符合我们的大多数需求 所以今天我就把最近解决图片自适应的方法放在这里 概念 首先,我这里用的方法是背景图片 background,我们先来看看MDN对background-size 阅读全文
posted @ 2024-07-30 19:55 前端小李子 阅读(93) 评论(0) 推荐(0)
摘要: 最近公司之前的数据大屏 进行一个UI的调整 但是我看之前的数据大屏在自适应方面做得并不好 所以在网上冲浪过后 选择了使用scale来解决数据大屏的适配 一 dom结构 <div id="container"> <div id="box"></div> </div> 二 dom样式 #containe 阅读全文
posted @ 2024-07-30 19:38 前端小李子 阅读(76) 评论(0) 推荐(0)