HTML
HTML
小歪 | 前端
这个作者很懒,什么都没留下…
展开
-
JS_BroadcastChannel 跨标签页通信
【代码】JS_BroadcastChannel 跨标签页通信。原创 2023-06-20 15:03:09 · 282 阅读 · 0 评论 -
HTML_wsrv.nl网站,图片处理,访问图片出现403的解决方法
访问图片出现403的解决方法。原创 2023-05-11 16:53:35 · 390 阅读 · 0 评论 -
JS_JavaScript实现文件下载并重命名
这种同源访问是没有问题的,但一跨域就不行了,试了其它方法,不是报跨域错误,就是在当前页面打开文件,体验相当不好。HTML5 中 a 标签提供了一个 filename 属性,可以下载成指定的 download 属性名称。第一种是HTML官网中的方法。原创 2023-05-15 22:19:54 · 838 阅读 · 0 评论 -
HTML_查看媒体参与度,视频带声音自动播放
数值越高,用户对该站点的媒体参与度越高,就越有机会自动播放。2.媒体参与度的计算规则不同版本的浏览器可能会有改动。1.媒体参与度的计算规则无法通过技术手段更改。原创 2023-06-05 14:09:12 · 223 阅读 · 0 评论 -
JS_wangEditor富文本编辑器
wangEditor富文本编辑器原创 2023-03-10 20:37:10 · 587 阅读 · 0 评论 -
JS_html中嵌入iframe进行父子页面参数传递
1.父页面调用子页面函数,选择iframe的id + contentWindow +子页面的函数名([参数列表])2.子页面调用父页面函数,window.parent.父页面的函数名([参数列表])原创 2023-01-31 17:29:06 · 751 阅读 · 0 评论 -
VUE_tab切换滑动效果
【代码】VUE_tab切换滑动效果。原创 2023-01-12 10:38:17 · 801 阅读 · 0 评论 -
JS_自定义上传文件按钮样式
js自定义上传文件按钮样式原创 2022-12-01 15:12:02 · 786 阅读 · 0 评论 -
HTML_element 、 vant 时间区间设置,日期选择限制
element (PC端)vant (手机端)原创 2022-09-28 10:06:24 · 1147 阅读 · 0 评论 -
HTML_wangEditor富文本
开源 Web 富文本编辑器,开箱即用,配置简单。// 也可以同步到 /* 按需定义 */原创 2022-09-23 11:17:37 · 208 阅读 · 0 评论 -
HTML_代码中多个空格,页面只显示1个空格
代码中多个空格,页面只显示1个空格原创 2022-09-19 10:35:05 · 568 阅读 · 0 评论 -
HTML_时间间隔访问URL地址
时间间隔访问URL地址原创 2022-07-23 11:53:03 · 271 阅读 · 0 评论 -
HTML_video标签播放本地视频只有声音没有图像 解决办法
今天做项目,需要播放视频功能,想到用HTML5中的video标签,但是播放本地视频时只有声音没有图像换成网上视频播放时一切正常,不知是何原因?看到有篇文章说是视频的编码问题,抱着试试看的心态,下载格式工厂进行转码(avc(h264))没想到的是,竟然成功了!看来还真是编码问题额外知识:MP4有3种编码,mpg4(xdiv),mpg4(xvid),avc(h264),只有h264才是公认的MP4标准编码...原创 2022-05-10 11:23:23 · 2997 阅读 · 0 评论 -
HTML_Ueditor富文本去掉图片之间的间隙
第一步:找到并打开 ueditor.all.min.js第二部:在ueditor.all.min.js里搜索 p{margin:5px 0;}在p{margin:5px 0;}前面添加img{vertical-align:top;outline-width:0px;}原创 2022-02-11 09:41:32 · 644 阅读 · 0 评论 -
HTML_Uncaught SyntaxError: Cannot use import statement outside a module
解决办法需要在script标签上添加属性type=“module”<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="module"> import {name} from './js' console.log(name) </script> </head&g原创 2021-12-11 11:01:32 · 460 阅读 · 0 评论 -
HTML_img 标签 访问图片 返回403 forbidden问题
解决方案<meta name="referrer" content="no-referrer" /><!--页面头部添加-->更多说明<meta charset="utf-8"> <!-- 设置文档字符编码 --><meta http-equiv="x-ua-compatible" content="ie=edge"><!-- 告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。 --><meta .原创 2021-10-12 16:02:47 · 409 阅读 · 0 评论 -
JS_HTML5+CSS3实现数字滚动特效
<!DOCTYPE html><html><head> <title>number falls</title></head><body><canvas id="canvas"></canvas><style type="text/css"> body { margin: 0; padding: 0; overfl.原创 2021-09-10 17:46:07 · 641 阅读 · 0 评论 -
HTML_html自动播放音乐
自动播放<audio autoplay="autoplay" loop id="music"> <source src="http://music.163.com/song/media/outer/url?id=1308256434" audio="" ></audio>点击播放<audio autoplay loop id="music"> <source src="http://music.163.com/song/media/原创 2021-05-15 10:37:50 · 22830 阅读 · 3 评论 -
HTML_根据屏幕的大小自适应 rem布局
<!DOCTYPE html><html><head> <title>rem自适应</title> <style type="text/css"> section { width: 100%; height: 100%; background: red; } .page {原创 2021-03-12 14:52:09 · 499 阅读 · 0 评论 -
JS_input file实现多选和限制文件上传类型,获取文件上传的文件名
<!-- input file accept 属性设置可上传文件的类型 multiple属性设置可多文件上传--><!-- accept 并未真正的实现限制上传文件类型,只是在选文件的时候有限制, 如果选文件的时候手动修改上传文件的类型,还是可以上传其他文件的。 因此,要实现只上传accept属性指定的文件类型,还必修结合js来实现--><input type="file" accept=".doc,.docx" multiple>//取.原创 2020-11-02 14:32:55 · 1884 阅读 · 1 评论 -
HTML_css如何实现头像无限旋转动画特效
主要使用了@keyframes和animation,以及指定infinite,播放次数不限来实现。.html<div class="wrap"> <img class="rotate" src="./1.jpg" alt=""><br/> 小歪</div>.css@keyframes rotation{ from { transform: rotate(0deg); } to { t.原创 2020-07-09 15:44:24 · 854 阅读 · 0 评论 -
HTML_如何实现鼠标拖拽div元素
代码如下:<style> body{ margin: 0; padding: 0; } div{ position: absolute; top: 200px;/*div的y轴*/ left: 150px;/*div的x轴*/ width: 300px; height: 200p.原创 2020-07-08 11:02:53 · 890 阅读 · 0 评论 -
HTML_插入视频并自动播放
<video autoplay="autoplay" loop="loop" id="video" x-webkit-airplay="true" webkit-playsinline="true" muted=""> <source src="视频地址" type="video/mp4"></video>原创 2020-05-14 12:00:26 · 38488 阅读 · 11 评论