HTML/CSS/JS

草莓沙冰不要冰

安装pinia 来到你的项目文件夹在vscode的终端中执行:npm i pinia -D 在 /src/modules文件夹下新建文件 pinia.js 写入: import { createPinia } from "pinia" const pinia = createPinia() export d...

发布 0 条评论

安装router 在vscode中来到你的项目文件夹中在终端中执行命令安装router:npm i vue-router -D等待下载安装 安装好以后,在项目目录的src目录内,新建目录 modules 用于存放插件模块在moudules内新建路由配置文件 route.js...

发布 0 条评论

初始化 创建一个文件夹,比如这里创建一个叫 mimicrymusic 的文件夹: 然后进入这个文件夹,或是把它拖进vscode中: 可以进VSCode内,使用终端运行以下命令: 初始化生成包配置文件:npm init -y生成package...

发布 0 条评论

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

发布 0 条评论

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

发布 0 条评论

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

发布 0 条评论

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

发布 0 条评论

有时可能会遇到代码改了,但浏览器上的页面却没有变化,这种情况大多就是浏览器加载了缓存,而没有更新使用最新的代码。尤其在CSS的修改中经常会这样,这时就需要我们手动清理一下缓存。 清理的方法其实很简单,大多数浏览器中,...

发布 1 条评论

最近开发一个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 条评论