fly63前端网
www.fly63.com
首页
文章
资源
工具
教程
栏目
关于我们
网站投稿
赞助一下
极简导航
购物优惠券
搜索
前端标签
封装
性能
mock
hooks
裁员
curl
net
uni
ip
国际化
热更新
状态码
视觉
焦点
Shell
Reduce
gif
more
全部
html/css
javascript
框架
收藏
前端重新部署如何通知用户刷新网页?
有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候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
标签:
渲染
上一页
1
2
3
4
5
下一页
手机预览