- 博客(14)
- 收藏
- 关注
RSS订阅原创 JavaScript 视频加载与播放优化：如何确保视频稳定自动播放？
需要确保视频播放流畅，避免加载失败影响用户体验。：短视频平台需要自动播放功能，保证无缝切换。：视频广告必须确保成功加载，并符合自动播放规则。假设你正在开发一个，当用户访问页面时，视频需要自动播放且保证加载完毕。然而，直接调用：部分浏览器要求视频才能自动播放。：视频未完全加载，导致play()失败。：未正确监听playing和timeupdate，导致状态判断出错。为了确保视频稳定播放，我们对代码进行了优化，接下来是详细解析和优化方案。
2025-02-11 10:29:56
206
原创 针对 overflow-x: scroll 滚动条不显示问题
让元素可以横向滚动，但有时候会遇到滚动条无法显示的问题。本文将详细分析原因，并提供最佳的解决方案。某些浏览器默认会隐藏滚动条，仅在用户滚动时才显示。的元素内部内容没有超出容器宽度，就不会触发滚动。macOS 上滚动条可能会被系统设置隐藏。解决方案：确保子元素宽度足够大，比如。在 Web 开发中，我们经常使用。级别强制显示滚动条。
2025-02-07 14:58:52
161
原创 页面来源（Referrer）
这个时候我们就会想到我怎么可以知道页面的来源，并且他是通过什么方式进到该页面的，能想要这里的同学们，很棒，你们已经知道应该怎么解决了～假设我们分为两种情况，当前拥有两个页面（A页面、B页面）通过这个方法我们就可以很轻松的解决面临的问题。第二种情况：我们通过。
2024-11-27 15:17:49
200
原创 Canvas创建并转换图片实现下载
Canvas API是HTML5的一部分，它允许在Web页面上进行图形绘制。不需要任何插件或下载，只需要一个支持HTML5的浏览器。它不仅可以绘制图形，还可以进行动画、游戏设计或数据可视化。是一个非常强大的标签。
2024-08-06 11:44:45
759
原创 TortoiseSVN安装详情
Download LanguagePack_1.14.6.29673-x64-zh_CN.msi (TortoiseSVN) 修改下版本号，在浏览器里访问链接就能下载不同版本语言包。**如果你喜欢用命令行操作，请务必记得勾选command line client tool为will be install on local hard driver,不用命令行的跳过这一步。1.官网:https://sourceforge.net/projects/win32svn/**打开链接自动下载**
2024-05-06 21:08:22
724
原创 浏览器跨域图片 提示 BackgroundImgae.tsx:84 Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanva
未捕获的 DOMException: 未能在‘ HTMLCanvasElement’上执行‘ toDataURL’: 受污染的画布可能无法导出。
2024-04-16 20:13:17
736
2
原创 vue3实现全局注册组件
3. 在组件中通过``2. 在main.ts/js中全局引入定义好的方法 并 调用它。1. 定义全局注册的方法。在main.ts中的操作。
2024-04-09 00:34:53
1800
原创 Ts封装Axios
axios拦截器可以让我们在项目中对后端http请求和响应自动拦截处理，减少请求和响应的代码量，提升开发效率同时也方便项目后期维护。在请求响应的interceptors(因特塞泼特斯).这个里面的话.他分为请求拦截器和响应拦截器,请求拦截器里面一般在请求头里面携带token值.响应拦截器里面对状态码的判断.比方说返回401的时候就是token没权限.跳转到登录界面。以上是axios两次封装，我们还可以将他们的请求方式也封装一下，比如在同文件夹内新建一个。请求拦截，分别包含请求成功 和 请求错误两个函数。
2024-03-05 01:20:41
1315
1
原创 git合并
提示：Branch My' set up to track remote branch My' from' origin // 表示 分支My'设置跟踪远程分支My'从'原点。合并 要合并的分支 所有的数据就会添加到主分支上(本地就会多一个版本记录)，但是远程还没有这个版本记录。就是说 本地分支 My 和 远程分支 My 有了跟踪信息了，但是。分支 本地还没有dev这个分支,首先应该跟远程分支保持一致。退出，此时 远程分支My 和 本地分支My 就同步了。最后本地和远程就同步了，主分支也有子分支的内容了。
2024-03-04 01:17:23
485
1
原创 防抖、节流的概念和实现
防抖（Debounce）和节流（Throttle）是我们前端日常工作中常用的两个性能优化功能。主要用于控制事件触发频率、处理频繁触发的事件，以减少不必要的资源消耗。比如窗口滚动事件、窗口大小改变、输入框输入事件等。防抖：一个或事件被连续的操作时，一段时间内只执行最后一次。比如事件在触发 n 秒后再执行回调，如果在 n 秒内事件被再次触发，则重新计时。常常使用在点击请求的事件上，避免用户在一定时间内多次点击触发请求，导致向后端发送多次请求。
2024-03-04 01:06:59
700
1
原创 常见的数组方法
概念：数组方法 `findLastIndex()` 检测数组中最后一个满足指定条件的元素，返回该元素的下标。概念：数组方法 `every()` 检测数组中每个元素都满足指定条件，返回`true`, `every()`方法遍历数组对每个元素进行指定的条件判断，所有元素都满足则返回 `true`，有一个不满足则返回`false`。概念：数组方法 `concat()` 将两个或多个数组合并成一个新的数组，**注意 `map()`方法不会改变原数组，而是返回一个新的数组(内容是原数组和传入的参数数组)**。
2024-02-24 11:42:27
364
点击下载按钮 下载不了，如何解决？
2023-11-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人