![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 60
maybe0209
Mr Ma
展开
-
响应式设计,动态设置 rem 的 fontsize
在前端开发门户网站这种用户范围广、展示终端种类多的情况时,我们会尝试运用到响应式设计。响应式设计通常有css3中的媒体查询、百分比布局和自适应bootstrap等前端响应式框架。没种方式都有它的优劣势,css3中的媒体查询在书写代码方面较为繁琐,bootstrap等前端框架需要引入大量代码而且需要熟悉更多的框架书写规范。有没有一种偷懒的方式呢?这也是我在以前开发APP网站时采用的偷懒的方式,现在分享给大家一起讨论。此方法是一个捷径,所以有时候有些布局在响应时不一定会达到绝对完美的效果。原创 2023-03-30 19:49:28 · 474 阅读 · 0 评论 -
前端常用的CDN静态资源库
文章目录前言一、国内常用的CDN网站二、国外常用的CDN网站三、总结前言CDN 利用全局负载均衡技术将用户的访问指向离用户最近的工作正常的流媒体服务器上,由流媒体服务器直接响应用户的请求。服务器中如果没有用户要访问的内容,会根据配置自动从原服务器抓取相应的内容并提供给用户。 IPTV 可利用 CDN 为用户提供 VOD 业务,通过 CDN 把视频内容分发到靠近用户端的 CDN 节点后,可以在一定程度上保证端到端的服务质量。一、国内常用的CDN网站https://www.bootcdn.cn/B原创 2022-04-14 13:58:18 · 4954 阅读 · 0 评论 -
在 html 中如何使用 plyr 组件
文章目录前言一、Plyr 是什么?二、使用步骤1.引入库cssjs1.1 原生 html 使用时的代码2.配置项总结前言Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。一、Plyr 是什么?Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。功能有以下几点:倍速设置、画中画模式、全屏显示等可访问性 - 完全支持字幕和屏幕阅读器轻量级 - 压缩后只有 4.8Kb可定制 - 外观可以根据需要进行调整语义化 -原创 2021-04-13 14:15:04 · 3584 阅读 · 0 评论 -
根据条件找到树形结构数组中符合要求的一个或者多个对象
这是一个普通的树var data = [{ id: 1, name: "办公管理", pid: 0, children: [{ id: 2, name: "请假申请", pid: 1, children: [{ id: 4, name: "请假记录", pid: 2 }], }, { id: 3,原创 2020-07-16 14:30:01 · 2461 阅读 · 0 评论 -
如何用css做一个简单的表单验证
<style> input:valid ~ button { pointer-events: all; cursor: pointer; background: green } input:valid ~ button::after { color: #fff; font-w...原创 2019-12-09 11:42:12 · 365 阅读 · 0 评论 -
前端js如何监听页面是否位于浏览器显示标签页位置
如图所示 , 当浏览器打开很多标签页时监听是否为选中 ;当最小化浏览器是也会触发该函数。我们可以用这个方法控制页面中运行的 js 在对应的状态下停止或者开始运行谷歌(Chrome)浏览器下测试如下 , 可以正常运行 :Safari 浏览器下测试如下 , 可以正常运行 :火狐浏览器下测试如下 , 可以正常运行 :代码如下 : var hiddenProperty = 'hi...原创 2019-11-28 18:46:04 · 1660 阅读 · 1 评论