Web前端共7篇

给你的网站添加一个Loading加载动画 - 易航天地

给你的网站添加一个Loading加载动画

Loading动画作用 网站添加Loading动画可有效防止部分浏览器打开网页后因为有些静态资源还没有加载完毕导致的闪屏、白屏、花屏、错误排版等BUG 效果展示 Loading动画代码 HTML是从上至下解析,所...
易航的头像 - 易航天地易航1年前
211225
六个好看实用的HTML登录界面源码 - 易航天地

六个好看实用的HTML登录界面源码

HTML+CSS+JS实现六款好看的登录注册界面,赶紧收藏起来吧!好了,接下来我们去看看这六个登录界面吧其实也没啥可介绍的,主要是分享代码。代码我已经整理好了,直接下载就行了 效果图
易航的头像 - 易航天地易航1年前
013466
抖音非常火的canvas电脑手机性能测试源码 - 易航天地

抖音非常火的canvas电脑手机性能测试源码

源码介绍 最近抖音上面非常火的网站源码,可以在线测试电脑手机性能,canvas 开发。测试源码还没加载完成,电脑就卡死了,所以电脑不行的用户别手残。 源码截图
易航的头像 - 易航天地易航1年前
0870
JS常用正则校验大全 - 易航天地

JS常用正则校验大全

手机号(mobile phone)中国(严谨), 根据工信部2019年最新公布的手机号段 const reg = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))...
易航的头像 - 易航天地易航1年前
01589
iFrame父子相互获取对方dom元素 - 易航天地

iFrame父子相互获取对方dom元素

父页面获取子页面dom的方法 /* 必须用onload */ window.onload = () => { const sonWindow = document.querySelector('iframe').contentWindow; const sonDiv = sonWindow.document.querySelect...
易航的头像 - 易航天地易航1年前
02150
JS唤醒Windows10/11的消息通知 - 易航天地

JS唤醒Windows10/11的消息通知

// 判断浏览器是否支持唤醒 if (window.Notification) { let popNotice = () => { if (!Notification.permission === 'granted') return const notification = new Notification('阿巴阿巴', { ...
易航的头像 - 易航天地易航1年前
0590
CSS设置单行文本和多行文本溢出隐藏并以省略号显示 - 易航天地

CSS设置单行文本和多行文本溢出隐藏并以省略号显示

单行文本溢出 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 多行文本溢出 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidde...
易航的头像 - 易航天地易航1年前
0310