全部文章
共 1299 篇文章
一个 API,带你打开前端摄像头之门
当然不想了解就直接跳转看完整代码 获取设备列表 获取视频流 需要注意的是,此功能仅在本地环境或者线上的安全环境（HTTPS）下可用 言归正传,在日常业务开发中,我们经常会遇到调用摄像头的场景 最常见的就是前端调用摄像头,然后生成一张照片,用于业务开发 常规开发 首先我们来看看常规开发模式 代码其实非常简单,直接上代码(已附上完整注释) 渲染视频流 拍照功能 常规的思路,我们肯定是截取 video 的某一帧,然后渲染到 canvas 上面...
不会才知道并不是所有的mp4视频都能被video标签播放吧？
今天遇到个奇怪的bug，好好一个mp4视频在本地所有设备均可正常播放，但是上传至cos之后插入富文本，发现video标签只能识别出音频，并无视频。排查半天才找出问题所在，特此记录一下！欢迎各位看官关注作者的微信公众号 ，获得最新技术分享。 首先video标签并不能解析所有视频编码格式，它只支持MPEG4，Ogg，WebM 三种视频格式。支持的视频格式及编码格式如下： 但是，video标签对这三种视频格式是有具体要求的 Ogg = 带有...
你不知道到的 CSS - 纯 CSS 获取浏览器宽度
先看效果： 众所周知，我们平时获取获取窗口的宽高都是 获取的，要不然直接通过 的 监听页面宽高变化。 但现在不一样了！我们可以直接通过 获取 的尺寸，并且可以通过变量来进行使用。 在我第一眼看到这个消息的感觉是不可置信！但这是真的，下面我将带大家复习一下在 Vue、React、Svelte 以及原生 中如何获取 尺寸，然后带大家一览新的获取方案！ 示例 点击马上掘金中间的左右箭头，可以查看高度的监听。 本来是先写的传统方案获取尺寸，但想...
你知道的H5屏幕的适配方案有哪些？
1\. @media媒体查询适配 利用html标签为基准，然后用rem设配页面 2\. 插件postcss pxtorem 他是postcss插件 配置如下： 在我们的 文件里面，你可以自由的使用 ，在打包的时候 插件，他会自动将 转化成 3\. 利用js动态修改根元素的 利用js，无论视口宽度如何变化，页面元素都会根据基准值动态调整大小，确保良好的适配效果。在加上px转化为rem的技术更是提高了适配的灵活性。 工具函数 app 组件使...
使用 uni-app 开发 APP 并上架 IOS 全过程
介绍 本文记录了我使用uni app开发构建并发布跨平台移动应用的全过程，旨在帮助新手开发者掌握如何使用uni app进行APP开发并最终成功上架。通过详细讲解从注册开发者账号、项目创建、打包发布到应用商店配置的每一步骤，希望我的经验分享能为您提供实用的指导和帮助，让您在开发之旅中少走弯路，顺利实现自己的应用开发目标。 环境配置 IOS 环境配置 注册开发者账号 如果没有开发者账号需要注册苹果开发者账号，并且加入 “iOS Develo...
前端安全领域
在前端开发领域，前端安全经常被公司忽视，这些公司大部分都是以业务为中心的公司，认为前端只是页面仔，画个页面调个接口，能有多大安全隐患？下面我将举几个前端安全相关的例子！ 下面这些内容都还是基于前端开发层面的思考和总结，在处理安全漏洞方面，前端是存在一定的局限性，所以前端的防护措施只是第一道防线，后端的安全验证和防护同样很重要。 ### 什么是XSS 它指的是攻击者通过在网页中注入恶意的脚本代码（一般是 JavaScript 代码），当其...
纯 CSS 实现的的3种扫光效果
介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任意元素 除此之外，还有那种不规则的图片，比如一张奖品图片，只会在图片本身出现扫光，透明度地方则不会 这些是如何实现的呢？一起看看吧 一、CSS 扫光的原理 扫光动画的原理很简单，就是一个普通的、从左到右的、无限循环的位移动画 位移动画可以选择 或者改变 都行。 至于扫...
面试官：sessionStorage 能在多个标签页之间共享数据吗？
sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstorage localstorage 与 sessionStorage 经常是放在一起讨论，那他们之间的区别是什么呢？ 只读的 属性允许你访问一个 源（origin）的对象 ；存储的数据将保存在浏览器会话中。 类似 ，但其区别在于：存储在 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 的数...
2024web打印解决方案
背景 最近在做公司后管系统的打印工具,翻了很多资料这里针对个人封装的，以及现有的一些方案对比，总结一下。 1\. 浏览器打印 通过 调用浏览器打印 优点: 1. 比较简单 2. 可以直接选择打印机打印 缺点： 1. 不同浏览器中存在区别：在Safari和Chrome都会弹起打印预览的窗口，FireFox和 IE 没有预览而是直接让你选择打印机 2. 打印的是整个网页，不能局部打印 3. 打印不支持自定义分页行为，默认不支持批量打印 4....