
web前端
最凶残的小海豹
这个作者很懒,什么都没留下…
展开
-
iframe隐藏边框和滚动条
iframe隐藏边框和滚动条。原创 2024-07-04 10:35:44 · 1560 阅读 · 0 评论 -
audio标签隐藏播放器尾部的三个点
在谷歌浏览器上,展示audio音频控件时,后面有三个点,点击后会显示下载和播放速度,想隐藏这两个控件。不是所有版本都有这三个点,甚至有的版本里面三个点里面的控件只有下载。属性,并且配置内容。不显示播放速度控件。原创 2024-06-14 16:04:17 · 903 阅读 · 0 评论 -
vue3 循环设置 ref 并获取
【代码】vue3 循环设置 ref 并获取。原创 2024-03-15 16:53:58 · 3397 阅读 · 0 评论 -
免费开源的 Vue 拖拽组件 VueDraggablePlus (兼容移动端)
被尤雨溪推荐了的拖拽组件。我自己试用过了,还挺好用的,兼容移动端。官网文档里面很详细了,我就不再介绍安装和用法了。值是唯一的,否则会导致渲染错误。我就因为上面的问题,折腾了两个小时找原因。我的解决方式是,直接生成UUID。原创 2024-03-15 16:07:01 · 4035 阅读 · 0 评论 -
H5/微信 Video标签移动端播放问题
里面的自动播放只能用于IOS,不能用于安卓(目前来说)这个参数不能用,用了的话安卓就失效了。原创 2024-03-15 15:49:36 · 3356 阅读 · 0 评论 -
blob 和 base64 相互转换
blob 和 base64 相互转换。原创 2024-02-19 10:41:39 · 7026 阅读 · 0 评论 -
Recorder 实现语音录制并上传到后端(兼容PC和移动端)
Recorder 实现语音录制并上传到后端(兼容PC和移动端)原创 2024-02-19 10:10:25 · 1672 阅读 · 0 评论 -
CSS实现文字大小自适应
函数的作用是把一个值限制在一个上限和下限区间,当这个值超过区间范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。假设浏览器窗口最小300px,最大1200px,当窗口小于300px的时候字体大小为。在写页面的时候,兼容手机和PC页面,这样字体大小就需要根据页面的大小进行动态变化。,当窗口大于1200px的时候,字体大小为。,否则就使用区间的首选值(原创 2024-02-01 13:45:13 · 3964 阅读 · 0 评论 -
Elment plus dialog组件 移动端中使用百分比显示问题(自适应)
如果仅小于或者仅大于,值用其中一个。直接上方法:CSS加入下面代码。上面代码意思是:当屏幕宽度小于。原创 2024-02-01 10:15:20 · 631 阅读 · 0 评论 -
Elment plus 组件选中后出现黑框
解决方法:在出现黑框的标签样式里覆盖以下样式。原创 2024-01-31 16:08:06 · 637 阅读 · 0 评论 -
element plus dialog滚动条置顶问题
element plus dialog滚动条置顶问题。原创 2024-01-31 13:54:41 · 651 阅读 · 0 评论 -
封装一些可能会用到的JS的Dom操作方法(非JS自带的方法)
包含方法:子元素节点逆序, insertAfter(), 寻找兄弟元素节点, 遍历父级元素下面的所有子元素节点, 找出一个元素的第N层父级元素原创 2023-11-28 10:39:08 · 415 阅读 · 0 评论 -
JS 倒计时方法(可改造)
【代码】JS 倒计时方法(可改造)原创 2023-11-28 10:13:15 · 429 阅读 · 0 评论 -
CSS 实现文字两端对齐效果
只对中文文字起效果。数字和英文字母则需要使用空格间隔开,然后使用上述方法即可。原创 2023-11-13 10:36:03 · 495 阅读 · 0 评论 -
play() failed because the user didn‘t interact with the document first.
版本后为了避免标签产生随机噪音,都在遵循autoplay政策。进入页面视频不自动播放(有时候可以,有时候不行)。标签设置静音状态即可(添加。经测试,上面方法可以解决问题。原创 2023-11-11 13:07:28 · 7286 阅读 · 0 评论 -
从网页的canvas上保存渲染的图片
打开控制台,在控制台内输入下面的内容(注意修改。上渲染的,这样就无法下载了。原创 2023-11-10 18:01:52 · 501 阅读 · 0 评论 -
全局安装 vue-cli 报错 Error: EPERM: operation not permitted, open
原因:没有权限解决方法:CMD 点击右键 以管理员身份运行。原创 2023-11-03 15:42:45 · 714 阅读 · 0 评论 -
vue3 + vite 安装配置及项目创建
和 安装就不讲了,需要注意的是 需要版本是 以上。VUE官网: https://cn.vuejs.org/1. 安装vue方法一: 标签 CDN 引入方式方法二: 安装检查安装完成方法:2. 安装 Vitevite官网: https://cn.vitejs.dev/3. 用 Vite 创建项目先进入你的项目目录,我这里是 这里创建 项目然后选择 Vue这里看你用 TS 还是 JS 了,选择后回车最后就创建完成了3. 进入项目安装依赖4. 启动项目原创 2023-11-03 13:26:49 · 15226 阅读 · 0 评论 -
jQuery each()方法跳出循环
【代码】jQuery each()方法跳出循环。原创 2023-11-02 17:58:18 · 1229 阅读 · 0 评论 -
js自动模拟用户键盘输入/自动触发输入事件/自动触发input事件
输入框自动填写内容后,无法触发表单的提交,需要出发input事件。原创 2023-11-01 17:59:04 · 5457 阅读 · 1 评论 -
JS(JavaScript) 实现延迟等待(sleep方法)
会产生嵌套等方面的问题,达不到想要的效果。相结合的方式来解决问题。原创 2023-11-01 17:34:57 · 3958 阅读 · 0 评论 -
JS 去除字符串中所有标点符号
【代码】JS 去除字符串中所有标点符号。原创 2023-11-01 17:03:56 · 1123 阅读 · 0 评论 -
前端JS for循环内异步接口变成同步提交(JavaScript for循环异步变同步)
导入Excel文件的时候,将每行数据整合成一个数组,循环数组插入每一条数据,插入数据后要判断是否插入成功,如果没插入成功的话,停止循环,不再插入后面的数据。甚至插入数据后,还要进行一些其他操作。可以终止当前函数,循环后面的代码不可以执行。跳出当前循环,循环后面的代码仍然可以执行。跳过当次循环,仍然执行后续的循环。的方式跳出循环,实现。原创 2023-10-27 15:57:05 · 2501 阅读 · 1 评论 -
前端 读取/导入 Excel文档
Excel.js 中文文档:https://gitee.com/alan_scut/exceljs。,感觉好像功能更多一些,下次我再需要用到excel的时候也会尝试一下的。,将数据导入到数据库,但是后台人员出差了,我又只会。,然后循环调用后台的单条添加接口了。Excel.js(版本4.3.0)有兴趣的朋友也可以试试。原创 2023-10-27 11:37:15 · 4723 阅读 · 0 评论 -
前端禁止微信自定义字体大小(WebView调整H5字体大小)
写H5页面的时候,用微信打开后发现文字错位。在项目入口文件中加入下列脚本即可。对象阻止字体大小调整。原创 2023-10-20 17:45:12 · 986 阅读 · 0 评论 -
前端导出数据到Excel(Excel.js导出数据)
循环本行插入的每个单元格,然后给单元格设置边框样式(注意,一定要插入数据后,才能循环设置)var worksheet = workbook.addWorksheet(‘邀约名单’);库:Excel.js(版本4.3.0) 和 FileSaver(版本2.0.5)答:一定要插入数据后,才能循环,没有插入数据的时候是无法进入循环的。collectcell.value = ‘活动时间’;即可(原因是 FileSaver 是全局引用了)原创 2023-10-20 17:32:44 · 1736 阅读 · 1 评论 -
JS 获取排在第N个的英文字母(根据数字获取对应的英文字母)
起因:Excel表格导出数据的时候,需要动态的判断表头的长度(A1-H1),所以需要获取表头长度对应的英文字母。原创 2023-10-18 15:19:24 · 411 阅读 · 0 评论 -
js 获取当前域名或Url的参数
js 获取当前域名或Url的参数。原创 2023-10-10 09:53:56 · 247 阅读 · 0 评论 -
vue + video.js 加载多种视频流(HLS、FLV、RTMP、RTSP)
由于需要在一个项目内接入多种常用的视频流,所以接触到video.js,这里就做个记录。vue安装就不讲了,直接从项目开始了。RTSP格式已测试,无法成功播放,浏览器就识别不了STSP协议(提供两个解决方案:第一个是通过后端去转格式。第二个方案就是安装插件/中间件。目前想用浏览器直接播放RTSP格式流,没有其他更好的解决方法。原创 2023-09-08 18:25:08 · 13640 阅读 · 13 评论 -
video.js 动态切换视频流无效(FLV等类型)
需要动态切换FLV视频流,但是换了地址后,视频无法播放,使用的代码如下。(一些其他类型也可以通过下面方法解决问题)切换地址的时候,将播放器的dom删除,然后添加新的dom,在重新初始化播放器就可以了。原创 2023-08-29 13:52:31 · 1519 阅读 · 0 评论 -
jQuery 触发 a 标签点击事件
问题:通过下列代码无法触发。解决方法: 使用以下方式。原创 2023-08-19 22:25:42 · 827 阅读 · 2 评论 -
前端JS 展示上传图片缩略图(本地图片读取)
点击上传图片按钮,选择图片以后,不请求后端接口,直接将图片展示在缩略图中。拿到file数据后,执行下面代码。(上传文件标签) 里面拿到。原创 2023-07-26 17:13:11 · 2463 阅读 · 0 评论 -
WebSocket心跳机制/服务器端开连接(JS前端)
代码参考了:https://blog.youkuaiyun.com/cai4561/article/details/106809244。后端收到以后需要给前端返回数据,否则还是无法保持连接。的时候,后端长时间没有推送数据,导致。连接经常断开,后端也会报错。让前端和后端始终保持连接。原创 2023-05-19 17:38:29 · 7852 阅读 · 6 评论 -
element table组件 单独设置表头的某列某行的样式
需要对表头的某个单独的表格(某行某列)进行样式设置。方法里面,可以通过索引来找到对应的行和列。里面是一个方法,用来设置表头的样式。原创 2023-04-21 13:42:41 · 1669 阅读 · 0 评论 -
uniapp uni-table表格组件 合并单元格
就可以,虽然文档上并没有写这些参数,但是我实际使用后以后,发现这些参数是可以直接用的(我猜测其他的一些参数都是可以用的,但是还没有验证)。这里就放了部分表头的代码。原创 2023-04-18 17:43:56 · 10656 阅读 · 13 评论 -
node版本18以后无法启动和打包(报错:digital envelope routines::unsupported)
对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。故此以前的项目在升级。原创 2023-02-16 13:48:57 · 2088 阅读 · 0 评论 -
nvm npm ERR! Unexpected token ‘.‘ 报错
四、nvm安装完成后,安装最新的node版本,之后再使用就不会报错了。最新版本(当前是1.1.10)下载最新版本,然后安装。二、删除完成以后,进入。然后出的问题,用的是。原创 2023-02-13 10:22:07 · 1553 阅读 · 0 评论 -
JS 判断字符串是否为JSON格式
JS 判断字符串是否为JSON格式。原创 2023-02-09 16:28:50 · 1363 阅读 · 0 评论 -
JS 区分中英文字符/获取字符串实际长度(区分中英文)
原理:前128个字符就是ASCII码,占用一个字节,128个之后是扩展码(Unicode码),占用2个字节。汉字:[0x4e00,0x9fa5](或十进制[19968,40869])是全角字符的范围(注意这里有个非),通过正则来获取字符串中的全角字符。小写字母:[0x61,0x7a](或十进制[97, 122])大写字母:[0x41,0x5a](或十进制[65, 90])数字:[0x30,0x39](或十进制[48, 57])原创 2023-02-02 11:40:43 · 1116 阅读 · 0 评论 -
该微信用户未开启“公众号安全助手”的消息接收功能,请先开启后再绑定 解决方法
然后再公众平台里面再次搜索微信号,就可以正常绑定啦!原创 2023-01-06 14:11:29 · 24043 阅读 · 0 评论