前端重新部署如何通知用户刷新网页?
有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。
阅读量: 167标签: 刷新
html5 dialog弹窗的使用介绍
说起 dialog 标签,可能很多人都比较陌生,毕竟这个标签直到 HTML5.2 标准固定,也只是 chrome 的浏览器才支持的,那至于该标签的用处,根据语义也可以很明显的理解到,会话
阅读量: 106标签: html5
移动端 H5 实现拍照功能
使用 WebRTC API 实现移动端 H5 拍照功能需要对 WebRTC API 进行深入了解,并对其进行适当的错误处理,以确保在不同的浏览器和移动设备上正常工作。以上方法都可以帮助你实现移动端 H5 拍照功能
阅读量: 149标签: h5
Chrome发布新的CSS视口布局单位:svh、lvh、dvh!
在最近发布的 Chrome 108 中,带来了几个新的 CSS 视口单位:svh小视口单位,lvh大视口单位,dvh动态视口单位;如果你想将一个元素设置成全屏高度,你可以设置高度:100vh
阅读量: 106标签: 单位
利用Css实现按钮节流
节流是指避免过于频繁地执行某个功能,例如保存按钮。 为了避免重复提交或者服务器的考虑,往往需要限制点击行为,否则接口会被频繁请求。 之前基本都是通过js控制节流问题
阅读量: 114标签: 节流
利用css的aspect-ratio设置元素宽高比
在响应式网页设计中,保持一致的纵横比(称为纵横比)对于防止布局累积偏移至关重要。 随着在 Chromium 88、Firefox 87 和 Safari Technology Preview 版本中引入纵横比属性,我们有了更直接的方法来实现这一点。
阅读量: 113标签: 元素
前端文件下载的正确打开方式
前端涉及到的文件下载还是很多应用场景的,那么前端文件下载有多少种方式呢?每种方式有什么优缺点呢?下面就来一一介绍。通过a标签的download属性来实现文件下载,这种方式是最简单的
阅读量: 50标签: 文件
CSS 奇思妙想之酷炫倒影
在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。首先,快速过一下在 CSS 中,实现倒影的 2 种方式。
阅读量: 352标签: 效果
你需要知道的 14 个很棒的 CSS 属性
让我们学习一些最好的 CSS 提示和技巧,以提升您的工作流程和设计。这些 CSS 属性将帮助任何开发人员快速高效地构建项目。:in-range 和 :out-of-range 伪类这些伪类用于在指定范围限制之内和之外设置输入样式。
阅读量: 103标签: 属性
分享几款炫酷的css字体效果
平时网页上的字体需要重点展示的时候,加粗加大来显示,怎么看都不够档次,直接把产品的质量拉下来了,下面就为大家分享几款纯css实现的高大上的字体效果,帮助提高作品质量。
阅读量: 236标签: 特效
CSS最新的强大:has() 父层选取器来了!
:has() 伪类是个非常好用的选取器,能够做到许多原本需要使用JS 才能达到的事,他的规范在很久之前就有制定,但是碍于浏览器性能的影响一直没有被支援,直到今年2022 ,随着Safari 开始支援:has() 的使用
阅读量: 134标签: 伪类
页面重排和重绘问题
页面重排(reflow)是指浏览器重新计算页面的渲染布局,通常是由于元素的尺寸、位置或者视口尺寸发生了变化导致的。重排会影响页面的性能,应尽量避免。
阅读量: 116标签: 渲染