- 博客(21)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 H5页面中实现自定义视频播放器
本文介绍了在H5页面中实现自定义视频播放器的React组件方案。通过使用video标签和自定义控制逻辑，实现了播放/暂停功能、进度条拖动、时间显示等核心播放器功能。重点解决了移动端兼容性问题，包括iOS Safari内联播放、微信/QQ浏览器X5内核适配、自动播放限制处理等。组件通过useRef获取video元素，利用useState管理播放状态、进度和时间，并提供了完整的播放控制交互逻辑。代码中还包含错误处理和AirPlay支持等细节优化，为移动端视频播放提供了完整的实现参考。
2025-12-18 09:59:44
94
原创 H5 页面设置高度铺满可视区域的方法
移动端H5页面使用100vh时会出现高度计算包含地址栏的问题。可通过JS动态获取真实可视高度并设为CSS变量--vh，监听窗口变化实时更新。在CSS中使用calc(var(--vh)*100)替代100vh，确保页面高度准确适配可视区域。这种方法能有效解决移动端视口高度计算不准确的问题。
2025-12-16 11:39:41
127
原创 前端启用https协议访问本地项目
本文介绍了使用mkcert工具配置本地HTTPS环境的步骤：1）以管理员权限安装mkcert；2）创建本地CA并安装到系统信任库；3）为localhost生成证书，重命名证书文件；4）在项目中配置证书路径；5）禁用HTTP/2后即可通过HTTPS访问本地项目。整个过程简化了本地开发时的HTTPS证书配置问题。
2025-10-11 16:06:44
279
原创 在项目中执行yarn install 时报错 Please make sure you have the correct and the repository exists.
如果项目中明明存在某一依赖包的版本(私有源上的)，如xxx@1.2.0版本存在，但是执行 `yarn install ` 时却显示不存在，大概率的原因是因为 yarn 的 registry 的指向有问题，可能没有同步最新版本的源。确实存在认证方式的设置，删除相关设置。因为在项目外执行时，直接使用HTTPS URL（1、cmd.exe 里的 git 版本号与项目终端里的 git 版本号不一致；但在项目内时，Git 会优先尝试使用SSH Key（经查看，cmd.exe 和项目终端里的git 版本号一致；
2025-05-19 11:45:38
416
原创 CMake 构建的Qt 项目中的构建套件的配置
构建工具时，需要自己给构建套件添加相关配置，否则已经添加的构建套件将不可选择使用。再点击【确定】，回到【项目配置】页即可看到可勾选的构建套件。项目后，如果打开项目配置时，出现如下构建套件不可选的情况，然后，在上述界面中选择【管理构建套件】，然后添加。，如果没有安装的话，需要先。的相关配置， 未设置前，需要先确认是否安装了。
2025-03-26 13:26:00
739
原创 软件下载中源码分发(Source Distributions)和二进制分发 (Binary Distributions)的区别
源码分发 (： 指包含软件源代码的文件包，用户需要自行编译这些源代码以生成可执行文件。二进制分发 (：指已经编译好的可执行文件或二进制包，用户可以直接下载并运行，无需额外编译。
2025-03-26 10:00:03
1096
原创 Tailwind CSS 学习笔记(二)
rem 表示 (小数、整数、负数)w-0.5表示/* 2px */;w-1表示/*4px*/;-mt-3表示/*-12px */;2、百分比表示（用分数表示）w-1/2表示width: 50%;w-1/3表示w-1/4表示width: 25%;3、指定具体数值mt-[10px]表示w-[100px]表示4、特定预定义类w-full表示min-w-full表示。
2025-03-19 11:37:11
949
原创 Tailwind CSS 学习笔记(一)
Tailwind CSS是一个工具优先的CSS 框架，只需书写HTML 代码，无需书写CSS，即可快速构建美观的网站。
2025-03-18 13:38:37
613
原创 当前窗口不变更url实现下载功能
描述：用a 标签，实现当前窗口下载，但url 不跳转a 标签的target 属性值如下解决方法：将a 标签的target 值设置为iframe 的name, 可实现当前窗口下载，但url 不变动；注： iframe 元素要先在render 中渲染出来，动态创建可能不能实现下载功能。示例：<a :href="下载地址" target="downloadFilename">"Filename"</a><iframe s...
2022-05-10 17:55:06
439
原创 THREEJS实现动态可分割的圆环体
最近接触了下threeJs， 记录下学习总结，以便后期查看，也希望能和更多的小伙伴多多交流.因为没有深入研究，写作过程中，难免会有错误的地方，如果错误还请各位路过的大佬及时指点。实现的效果（三个圆环体的大小会随着数据的变化而变化）代码详解...
2021-01-04 23:36:19
2199
原创 禁用浏览器的后退功能
最近项目开发中，遇到一个问题，进入项目的某个模块后，要求不能通过浏览器的后退退出该模块或退出该模块之前，需要进行提示操作。原来尝试按第二种结果来做，其中一个方法是利用元素的生命周期 beforeunload ；但该周期对浏览器的后退操作并不起作用(由于在插件中开发，插件里可以正常操作，但嵌入到主项目时失效，暂时原因没找到)， 只对浏览器的刷新按钮起作用。所以尝试第一种结果。以上都是废话；下面才是重点(hahaha)禁用浏览器后退功能的方法: 代码如下(实测有效)： function handleH
2020-07-16 15:12:01
722
转载 JavaScript 数组去重(11种方法)
去重方法一、利用ES6 Set 去重(ES6 常用)function unique (arr) { return Array.from(new Set(arr))}let arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];// [1, "true", true, 15, false, undefine
2020-06-10 14:27:21
256
转载 前端 npm 插件修改版本号
一、版本号的位置及简述每个npm 包都有一个package.json文件，文件中的version 字段即为当前包的版本号。version 字段一般由三位数构成，格式如下：x.x.x，分别对应着version 里面的： major, minor, patch.； 若带预发号的话，格式为： x.x.x-x，最后一位表示预发号。二、修改版本号的命令npm version 命令用于更改版本号的...
2020-04-30 15:58:05
4046
原创 JS 求两个正数的最简整数比
解题思路：1、辗转相除法： 取两个数中较大的数做被除数， 较小的数为除数； 用较大的数去除以较小的数，若余数为0,则较小数就是这两个数的最大公约数；如果不为0，则用除数去除以上一步计算出的余数， 直到余数为0，则这两个数的最大公约数为上一步的余数。代码实现：// m > nfunction calcGCD(m, n) { //求最大公约数 let u = m; ...
2019-11-21 18:27:48
1140
1
原创 正则表达式检测文件后缀名
代码示例（检测文件名为.xls和.xlsx）：function textFileName(fileName) { let reg = /\.(xls|xlsx)$/; returnreg.test(fileName);}
2019-11-21 00:19:52
3963
原创 VScode 中如何去红色掉波浪线
每次重新安装VScode 后，都得重新配置下VScode ，有时时间长了，不太记得之前是如何配置的了，现在遇到了记录下，以便后面使用：1、 VScode 中如何去掉红色波浪线， 方法 file -> preferences -> Settings然后在搜索框里输入experimentalDecorators ， 勾选上即可...
2019-10-20 12:05:29
23704
6
原创 Vue中的style上的Scoped的作用
在学习Vue的时候，会看到在组件的style标签上添加scoped的字样，一开始不明白这是什么意思，经过查阅资料，才发现其作用，现在记录下，以便日后查阅，参考链接vue中慎用style的scoped属性： Vue组件中style标签上添加scoped属性，目的是为了保证当前组件中的样式，只作用于当前组件，使得当前组件的样式得到保护。其实现原理： vue通过在DOM结构以及css...
2019-07-24 09:34:49
1783
单片机课程设计之数码管显示
2014-01-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人