2024-03-15比如日常使用的一些音频，视频，图片，我们都可以使用其 Blob 二进制数据流来表征数据，而非使用 uri，就像经常用到的 image src 的 dataUrl。很多小伙伴查找这个问题，是为了下载视频资源，资源的真实下载链接可在chrome的调式模式的network中找到，但有种资源比较特殊，即m3u8格式的资源。是blob:https并不是一种协议，而是html5中blob对象在赋给video标签后生成的一串标记，blob对象对象包含的数据，浏览器内部会解析。//获取blob对象地址，并把值赋给容器。_video blob

https://www.qianduange.cn//article/3826.html 分类：前端知识

2024-03-15会启动拼写和语法检查，表现效果就是单词拼写错误会出现红色下划线提示。有时，我们并不需要拼写检查，可以通过配置属性。_怎么关闭input spellcheck

https://www.qianduange.cn//article/3813.html 分类：前端知识

2024-03-15CSS中你可能不知道的Selectors特性本文作者为奇舞团前端开发工程师引言最近看了2022年全球CSS调查报告，发现了一些不常见的伪类和伪元素。伪类:has()html<div><h1>H1</h1><h2>H2</h2><p>h1{margin:000.25rem0}</p><..._css h1 h2 h3

https://www.qianduange.cn//article/3808.html 分类：前端知识

2024-03-15pnpm版本已经发布，包含少量变化，但其中还是有令人在意的点的。本文将默认读者拥有大部分 pnpm v7 版本的知识储备，进行 v8 版本的前瞻速攻。Monorepo 丝滑方法论：引用模块热更新Monorepo 管理方法论和依赖安全从 v7 升级至 v8 是几乎无损、水到渠成顺利的。另外，请留意在 v8 状态下你的依赖是锁定等价的最低版本，请定期升级版本防止不必要的 bug ，并在出现 bug 时升级依赖排查。_pnpm版本号

https://www.qianduange.cn//article/3777.html 分类：前端知识

2024-03-15在后续项目中又实现了该功能，没有遇到以上问题，盲猜是因为pdf dialog标签上加了v-if，光设置visible.sync只会控制元素的显示隐藏，不会重新渲染，总结：只要是dialog最好加上v-if，会避免很多问题。需求：有一个列表页，用户点击查看，弹层展示后台接口返回的pdf内容(不是文件、地址之类的，乱码的pdf铭文(二进制文件流))如果后端返回的是html，前端调用的接口responseType就不要用blob了，直接将返回结果放在v-html里面。1、多次查看后头部内容不显示。_vue解析pdf标签

https://www.qianduange.cn//article/3774.html 分类：前端知识

2024-03-151：进入机考网页之后，如果链接上写着【2023.Q1 A卷】，就表示是2023年的Q1题库（4：订阅专栏后，后面更新的答案都可以查看。以后更新的题目也会放到这个专栏里。，如果时间紧迫，建议直接刷2023年新题。5：如果对题解有问题，私信我解答。2：2022年的题库。_华为od题库

https://www.qianduange.cn//article/3773.html 分类：前端知识

2024-03-13html.xpath中无法获取到相应的标签，我复制的路径为：/html/body/div[2]/div/div/div[3]/div/div[4]/。由下图可知我需要的在第二个div中，所以用div[2]没错，但是没有获得数据。当然也有遇到是本身复制的xpath出现了一些问题，有的浏览器会自动加上一些标签，很可恶。所以检查一下要是没有问题就换成bs4,或者正则表达式也可以。当我将div[2]改为div[1]的时候，获得了数据。猜测原因是第一个div是hidden状态。在浏览器中复制到的xpath丢入。_xpath复制出来不对

https://www.qianduange.cn//article/3737.html 分类：前端知识

2024-03-13在 Web 开发中，为了根据用户的偏好模式（明暗模式）调整网页颜色，我们以前可能会使用媒体查询（函数。此函数能够根据当前颜色方案自动选择两种颜色中的一种进行输出，从而实现颜色的自适应显示。

https://www.qianduange.cn//article/3708.html 分类：前端知识

2024-03-12前端模糊查询，input框添加模糊搜索功能，原生select下拉列表添加搜索框实现模糊搜索，如：区划选择等场景_js 模糊搜索插件

https://www.qianduange.cn//article/3689.html 分类：前端知识

2024-03-12上方代码的意思是，英文会采用Times New Roman字体，而中文会采用微软雅黑字体（因为美国人设计的Times New Roman字体并不针对中文，所以中文会采用后面的微软雅黑）。上图中，我们设置行高为30px，30px * 5 = 150px，通过查看审查元素，这个p标签的高度果然为150px。比如说，电脑屏幕的的尺寸是不变的，但是我们可以让其显示不同的分辨率，在不同的分辨率下，单个像素的长度肯定是不一样的啦。盒子模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。

https://www.qianduange.cn//article/3660.html 分类：前端知识