[vue3]组件操作Dom元素，多个同名ref时的解决方法，返回了proxy对象时的使用
1. 原生js中我们会使用document.getElementsByClassName()，document.getElementById()等获取dom元素，但在vue中，更推荐使用ref获取。2. 不同文件的ref相互独立，即使同名也不会互相影响而导致获取错误。一个组件被多次引用后同时存...
1. 原生js中我们会使用document.getElementsByClassName()，document.getElementById()等获取dom元素，但在vue中，更推荐使用ref获取。2. 不同文件的ref相互独立，即使同名也不会互相影响而导致获取错误。一个组件被多次引用后同时存...
问题 对列表项禁用拖动<li draggable="false">...</li>但列表项内的图片<img>和<a>仍能拖动并导致列表拖拽排序 解决方法 在<img> 和 <a> 内添加 draggable="false"即<img draggable="false" /> &l...
由于用户的网络环境等各种原因，防止按钮重复点击，表单重复提交等都是减少bug发生，降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。 思路 声明一个锁（布尔值），用来标...
<audio>是HTML5新加入的用于播放音频的标签，HTML5已经得到广泛的支持，所以我们可以放心使用这个标签；利用它，可以轻松地在网页上播放音频，制作音乐播放器等。下面我们来聊聊它的属性和事件 概念 元数据 歌曲元数...
预期效果 由于audio标签自带的控制面板样式可能不合我们的心意，很多时候会想把自定义音乐播放器的样式，其中进度条也是不可少的。 最终将会实现如图的效果，并加上拖动进度条功能，显示已加载的比例条（图中黄色条） ...
上一期我们介绍了外观设计，这把我们聊聊让进度条跟随播放进度走 预期效果 准备 在此之前，你需要有以下基础：HTML/CSS/JS了解一些<audio>标签的属性和事件Vue（数据绑定和事件绑定） 实现 还是上次的...
最近开发一个vue的小项目的时候，就碰到了这个问题，但其实HTML中已经设置了Utf-8编码方式，css中的中文仍然有概率会出现乱码 css： 如上图，预期效果应该是显示中文 ‘开’： 解决办法 可以是直接把中文转为...
HTML标签的样式 可以定义其样式在标签的尖括号中（内联样式），或者是使用CSS样式表例如：<div id="cooldiv" class="cdiv"><div>在尖括号中： <div id="cooldiv" class="cdiv" height="20"></div>使用CSS样式表...
简介 修改插件样式的方式有多种，可以直接通过wordpress自带的插件文件编辑器修改插件文件，但显然插件更新时需要重新修改。本文将介绍通过”自定义HTML“模块来修改通过简码插入的插件样式。 前言/起因 起初是想建一个在...