box-shadow设置1像素边框的多种方案

在CSS中，设置边框一般用border，box-shadow属性用于给元素添加阴影效果，它本身并不直接用于创建边框。但如果想通过box-shadow属性来模拟一个1像素的边框效果，你可以利用box-s...

发表于：2025-12-29 浏览：861 TAG： #css #1像素边框 #boxshadow

html表单autocomplete="off"失效问题解决方案

在现代浏览器（尤其是Chrome、Firefox、Edge等）中，autocomplete=”off”经常失效，尤其是在用户名和密码字段上。这是出于安全性和用户体验的考虑——浏览器会主动忽略开发者设置...

发表于：2025-12-03 浏览：1101 TAG： #HTML #autocomplete

用好CSS的clamp()这个新特性，轻松实现响应式布局，特别是移动端

px是我们日常开发中熟悉且常用的CSS单位，但在当今设备屏幕尺寸千差万别的时代，px似乎不再像以前那么好用了。今日分享一个强大的CSS新特性clamp()，它将改变我们编写响应式样式的方式，让我们告别...

发表于：2025-11-28 浏览：997 TAG： #css #clamp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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