JavaScript

检测无后缀名的文件类型

前言一般情况下我们判断一个文件是什么类型都是通过看它的后缀名,例如 xx.mp3 xx.mp4 xx.jpg,但是这并不准确!假如我把 xx.wav 文件的后缀手动改成了 .mp3 ,但它的文件类型依旧是...

解决 Video 中设置字幕出现的跨域问题

前言最近在写一个视频播放器,但是当我给视频添加字幕之后,出现了跨域问题,这里记录一下。 以下是用于测试的视频和字幕的链接 视频:

万能的 reduce

reduce 介绍reduce 是 JavaScript 数组的一个高阶函数,它用于将数组的每个元素按照指定的方式进行归约(合并)操作。 reduce 接受两个参数: callback 回调函数,它执行数组的归约逻辑。 initialValue...

前端分页

前言虽然在实际开发中,大多数分页都是由后端处理,但还是有小部分场景需要前端来实现分页。实现并不难,仅作为记录,方便下次拿来直接使用。 准备数据源数据源可以是从后端获取的数据列表,也可以是前端模拟的数据集。将数据源格式处理成数组即可。

博客搭建 — 站点优化之图片懒加载

关于图片懒加载图片懒加载是一种优化网页性能的技术,它延迟加载页面中的图片,只在用户需要时才进行加载,从而减少初始页面加载时的资源请求和传输量。 lazysizes 让该技术成为非常简单的实现策略。

博客搭建 — 添加图片放大功能

简介Fancybox 是一个流行的 JavaScript 图片和媒体轻盒效果库,用于在网页中展示图片、视频、内联内容和多媒体内容。它提供了一种优雅而灵活的方式来创建响应式的弹出窗口,使用户能够以漂亮的方式浏览和交互。

SVG To Font 创建自己的字体图标库

关于字体图标字体图标是一种特殊的字体,它可以像文字一样,通过 CSS 来控制它的大小和颜色。 SVG To FontSVG 虽然也能在网站中直接使用,但是它如果要修改大小或者颜色的话,就需要更改 SVG...