html

草莓沙冰不要冰

由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少bug发生,降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。 思路 声明一个锁(布尔值),用来标...

发布 0 条评论

<audio>是HTML5新加入的用于播放音频的标签,HTML5已经得到广泛的支持,所以我们可以放心使用这个标签;利用它,可以轻松地在网页上播放音频,制作音乐播放器等。下面我们来聊聊它的属性和事件 概念 元数据 歌曲元数...

发布 0 条评论

预期效果 由于audio标签自带的控制面板样式可能不合我们的心意,很多时候会想把自定义音乐播放器的样式,其中进度条也是不可少的。 最终将会实现如图的效果,并加上拖动进度条功能,显示已加载的比例条(图中黄色条) ...

发布 0 条评论

上一期我们介绍了外观设计,这把我们聊聊让进度条跟随播放进度走 预期效果 准备 在此之前,你需要有以下基础:HTML/CSS/JS了解一些<audio>标签的属性和事件Vue(数据绑定和事件绑定) 实现 还是上次的...

发布 0 条评论

最近开发一个vue的小项目的时候,就碰到了这个问题,但其实HTML中已经设置了Utf-8编码方式,css中的中文仍然有概率会出现乱码 css: 如上图,预期效果应该是显示中文 ‘开’: 解决办法 可以是直接把中文转为...

发布 0 条评论

HTML标签的样式 可以定义其样式在标签的尖括号中(内联样式),或者是使用CSS样式表例如:<div id="cooldiv" class="cdiv"><div>在尖括号中: <div id="cooldiv" class="cdiv" height="20"></div>使用CSS样式表...

发布 0 条评论