HTML5音频播放标签介绍及实现简单的音频播放器代码

新的项目要在网页端为课程加一个音频播放的功能，H5的audio标签可以满足此功能，并且有丰富的api可供选择。HTML5音频播放器是一种利用现代Web技术，特别是HTML5、CSS和JavaScript，为网页构建的媒体播放工具。这种播放器可以支持多种音频格式，如MP3，让网站用户可以直接在浏览器中播放音频内容。

发表于：2025-05-23 浏览：191 TAG： #H5 #音频 #音频播放器

12款开源JavaScript 流程图组件推荐

前端领域有多种流程库可供选择，包括但不限于xyflow、GoJS、Dgrm.net、vue-flow、butterfly、JointJS、AntVG6、jsPlumb和Flowchart.js等。这些...

发表于：2025-02-24 浏览：2075 TAG： #javascript #流程图组件

移动端微信、企业微信中使用H5的input file时只能选择手机的图片，不能选择文档文件的解决方案

微信中使用inputtype=”file”做文件上传，accept属性没有限制为image，但是在微信浏览器内只能选择手机内存里的图片，不能文档等文件。经测试，在ios上只能选择图片，安卓机上有部分可...

发表于：2025-01-16 浏览：894 TAG： #微信 #企业微信 #H5

前端对返回的json数据预防XSS攻击

在前端处理从后端接收到的JSON数据时，预防跨站脚本（XSS）攻击是一个非常重要的安全措施。XSS攻击可以通过注入恶意脚本到网页中，从而窃取用户信息或执行其他有害操作。以下是一些有效的方法来防止XSS...

发表于：2024-11-17 浏览：764 TAG： #json #XSS

css3修改美化radio、checkbox的默认样式的简单方案

现在前端页面效果要求特别高，页面中表单的默认input组件样式显然不能满足广大用户的体验需求，之前在开发开发项目中刚好有相关的需求，在此特地整理下修改radio、CheckBox样式的方法。具体原理：...

发表于：2024-10-10 浏览：801 TAG： #css #checkbox #radio #form

前端报错：was loaded over HTTPS, but requested an insecure错误解决方案

当我们的浏览器出现类似“wasloadedoverHTTPS,butrequestedaninsecureresource/frame”这种错误是，一般都是因为我们的网站是HTTPS的，而对方的链接是...

发表于：2024-07-20 浏览：5768 TAG： #HTTPS #前端

axios获取后端返回的二进制验证码图片或者图片对象

在开发Web应用程序时，我们经常需要与后端的接口进行数据交互。其中，接收文件流是一个常见的需求，比如本文提到的接收图片文件流。下面将介绍如何使用Axios在前端接收图片文件流的方案。1、axios中获...

发表于：2024-07-20 浏览：1855 TAG： #axios #二进制图片 #图片对象

日常开发中，关于双token机制的介绍及双token的优点

Token是一种身份验证机制，它通常以字符串的形式存储在客户端（如浏览器）中，并在每个请求中传递给服务器。服务器可以使用它来验证客户端身份，并基于此决定是否授权客户端访问资源。然而，Token有一个缺...

发表于：2024-07-20 浏览：2276 TAG： #双token #token

jquery表单input、select、radio、check监听事件集合

在jQuery中，你可以使用不同的方法来监听input（包括文本、数字、日期等）、select（下拉列表）、radio（单选按钮）和checkbox（复选框）的改变事件。以下是如何为这些元素类型绑定改...

发表于：2024-07-16 浏览：1277 TAG： #jquery #表单

ref, toRef, toRefs,reactive, defineComponent, computed, unref, toRaw, watchEffect, onUpdated 10个VUE3前端API总结

ref1、ref是Vue3中用于创建响应式数据的API，它可以将任何JavaScript类型的数据变成响应式数据。比如：import{ref}from'vue'constcount=r...

发表于：2024-07-01 浏览：856 TAG： #Vue #node