全部文章
共 1306 篇文章
JS调用媒体设备失败 --- getUserMedia undefine 问题
解决: getUserMedia undefine 问题 问题: http请求的 chrome，edge, fireFox 等主流浏览器由于安全限制将不会暴露getUserMedia 方法，所以就不能够访问用户的媒体设备。 为什么会出现这种情况？ 首先本地开发 127.0.0.1 不会出现这种情况，这种情况仅存在于线上环境并且没有SSL证书的HTTP协议网址。 如何解决 1\. 使用HTTPS协议 为线上环境申请域名，配置SSL证书，实...
在非安全的http协议下，使用navigator.mediaDevices.getUserMedia
在非安全的 协议下，使用 方法会受到浏览器的限制，并且可能会导致无法访问用户的媒体设备。然而，有一些浏览器提供了一些设置选项来允许在 协议下使用媒体设备。以下是一种可能的解决方案： 在Chrome浏览器中，你可以通过以下步骤来启用 协议下的媒体设备访问： 1. 打开Chrome浏览器，在地址栏输入 并按下回车键。 2. 在搜索框中搜索 "Insecure origins treated as secure"，或者直接定位到该选项。 3....
H5 下拉刷新如何实现
最近我需要做一个下拉刷新的功能，实现功能后我发现，它需要处理的情况还蛮多，于是我整理了这篇文章。 下图是我实现的效果，分为三步：开始下拉时，屏幕顶部会出现加载动画；加载过程中，屏幕顶部高度保持不变；加载完成后，加载动画隐藏。 首先我会讲解下拉的原理、根据原理写出初始代码；然后我会说明代码存在的缺陷、解决缺陷并做些额外优化；最后我会给出完整代码，并做一个总结。 下拉的原理 如图所示，蓝色框代表视口，绿色框代表容器，橙色框代表加载动画。最开...
h5调用手机摄像头踩坑
一般业务也很少接触摄像头，有也是现成的工具库扫个二维码。难得用一次，记录下踩坑。 2.1. 这个就不用多说了，缺点就是没办法自定义界面，它是调用的系统原生相机界面。 2.2. 由于我需要自定义界面，就像下面这样： 所以我选择了这个方案，这个 使用起来其实很简单： 可以看到这个效果。 如果你复制我的代码，在 上肯定能运行，但是你想在手机上试试的时候就会发现很多问题。 3.1. 需要 由于浏览器的安全设置，除了 和 连接，你都没办法获取到...
html-input直接调用手机设备
\ HTML5官方文档解释：capture属性用于调用设备的摄像头或麦克风。 当accept=”audio/\ 或video/\ ”时capture只有两种值，一种是user，用于调用面向人脸的摄像头(例如手机前置摄像头)，一种是environment，用于调用环境摄像头(例如手机后置摄像头)。 当accept=”audio”时，只要有capture就调用设备麦克风，忽略user和environment值。 至于网上提到的camera和...
JS或TS 语言服务已立即崩溃 5 次。不会重新启动该服务
报错 JS/TS 语言服务已立即崩溃 5 次。不会重新启动该服务。 这可能是由以下其中一个扩展提供的插件引起的: .volar, Vue.vscode typescript vue plugin 请在针对 VS Code 提交问题之前尝试禁用这些扩展 问题原因 是 Vue Official 更新到最新版本后引起的，属于插件bug 解决办法 降级插件 Vue Official 到 1.8.27或以下版本试试 \ 点了后等一会，不要动，获取...
为什么[ ] == [ ] 为false, [ ] == ![ ] 为true？
这两个表达式涉及到 JS 中类型转换和比较操作符的行为。JS 是一种灵活的动态语言，它有一套自己的类型转换规则，有时会导致一些看似奇怪的结果。在理解这两个表达式的行为时，需要深入了解 JS 的类型转换机制以及比较操作符的工作方式。 首先介绍一下 JS 中的类型转换机制，JS 中的类型转换通常发生在两种情况下： 隐式类型转换 和 显式类型转换 。隐式类型转换是 JS 自动执行的类型转换，通常发生在需要不同类型的值的运算或比较时。而显式类型...
前端中的观察者和发布订阅设计模式的区别和应用
前言 观察者模式（Observer Pattern）和发布订阅模式（Publish Subscribe Pattern）都是常见的行为设计模式，用于实现对象之间的解耦和通信。它们之间的主要区别在于对象之间的关系和通信方式。 观察者模式： 关系 ：观察者模式中存在一个被观察者（Subject）和多个观察者（Observer）之间的一对多关系。当被观察者的状态发生变化时，所有观察者都会收到通知并进行相应的更新。 通信方式 ：被观察者直接通知...
手机chrome浏览器真机调试PC端本地的项目_chrome 测试pc端
1.本次实验环境 操作系统: win10 10.0.19042 PC端： 97.0.4692.99（正式版本） （64 位） ：Android 10; MIX 2S Build/QKQ1.190828.002 chrome浏览器手机端：96.0.4664.104 2.前期准备 1. 将手机的开发者模式打开，不同手机可能打开的方式不同。（百度自查） 2. 用数据线将手机与电脑进行连接。（注意部分数据线只有充电功能，不能传输数据） 3. 手...