![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
该用户已成仙
这个作者很懒,什么都没留下…
展开
-
部分苹果设备 js 重复播放音频 第一次正常后面音频开头短暂部分会跳过不播放
可以通过每次重新new新的音频对象解决this.au = nullthis.au = new Audio();this.au.src = '音频地址'this.au.play();原创 2022-05-20 19:06:46 · 387 阅读 · 0 评论 -
动态改变 element 组件颜色
第一种方法index.html中添加<style id="style"></style>接口获取到颜色后 const IPT = '!important;' const btnColor = '#fff' const styleText = '.el-radio__input.is-checked + .el-radio__label {' + ' color: ' + btnColor + IPT + '原创 2021-04-27 19:58:54 · 990 阅读 · 0 评论 -
css 相邻元素设置box-shadow 前边元素的阴影被后边元素挡住
为被挡住元素设transform: translate3d(0, 0, 0);原创 2021-02-07 17:27:53 · 790 阅读 · 0 评论 -
html iframe跨域情况下的通讯与传参
父: // 接受子发送的信息 init() { function message(event) { if (!event.data || event.data.funcName != 'tagMsg') { return } console.log(event.data.formDataObj) } window.addEventListener('message', message,原创 2021-02-07 16:09:30 · 147 阅读 · 0 评论 -
element 左侧导航NavMenu 菜单文字超长 修改css 设置换行
.el-submenu__title { display: flex; align-items: center;}.el-submenu__title span{ white-space: normal; word-break: break-all; line-height: 20px; flex: 1; padding-right: 20px;}.el-menu-item { display: flex; align-items: center; pad.原创 2021-01-15 16:00:37 · 4896 阅读 · 2 评论 -
html css 设置高度为宽度的某百分比
<div style="width: 100%;padding-bottom: 50%;position: relative;"> <img src="xxxxxxx" style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;" /> </div>原创 2020-12-23 17:21:12 · 2255 阅读 · 0 评论 -
ios http请求 status为 0
原因是在http中请求https接口 网站协议与接口协议需要保持一致原创 2020-08-25 19:16:37 · 3322 阅读 · 0 评论 -
css hover改变svg颜色
html<div class="of-h cursor-pointer"> <div class="btn step-init-position"></div> </div>css.step-init-position { background: url("../../assets/initPosition.svg") no-repeat center;}.of-h { overflow: hi.原创 2020-08-04 10:54:26 · 3546 阅读 · 0 评论 -
微信网页 视频小窗播放
<video src="xxx" poster="xxx" controls="" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-p...原创 2020-04-24 17:24:28 · 396 阅读 · 0 评论 -
css input聚焦时样式
.input { background: #B1B1B1;}.input:focus { background: #FF7B00;}原创 2020-03-22 17:56:53 · 3809 阅读 · 0 评论 -
使用js控制meta适配手机端页面
<script type="text/javascript"> var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth / 375; var ua = navigator.userAgent; if (/OKchexian/.test(ua) || /Mic...原创 2020-02-13 14:14:01 · 1414 阅读 · 0 评论 -
html字符串中 字符转义
< < > > & & " \HtmlCharacterEscaping: function(str) { var str = str str = str.replace(/...原创 2019-05-15 11:14:37 · 1087 阅读 · 0 评论 -
html js更改 ios弹窗 去除网址链接
(function() { window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribut...原创 2019-04-15 11:27:41 · 694 阅读 · 1 评论 -
ios 微信内 打开分享的网页 再次分享 分享配置失效
微信分享会带参数解决方法是 进入页面时 获取url中参数是否有from 如果有则是通过分享进入 通过重定向去除url中不必要的参数原创 2019-04-04 17:31:11 · 1177 阅读 · 0 评论 -
安卓微信浏览器 input type=file 同时调起 相册和相机
// ios与安卓网页调用<input id="upload_file" type="file" class="file-input" accept="image/png,image/jpeg,image/jpg"/>// 安卓微信内调用<input id="upload_file2" type="file" class="fil原创 2019-02-26 15:07:38 · 4148 阅读 · 3 评论 -
微信内网页分享,分享者能看到分享的图片(描述),但被分享者无法看到
出现这种情况的原因貌似是微信分享会屏蔽分享出去标题和描述的某些字符,就会导致分享人看到的分享内容没有问题,但被分享人看到的分享内容中图片或描述会为按照设置显示,修改一下分享的标题或描述就好。以下是遇到过屏蔽的字符标题 : 红包,抢描述: “ ”...原创 2018-05-28 10:29:53 · 1813 阅读 · 0 评论 -
iphone中 设置overflow: scroll元素 滚动条回到顶部失败
如图,外层div设置overflow: scroll。当在图1并且滚动条不在顶部触发某事件时,内部灰色div在不同情况高度改变,可能会超出外层div会出现滚动条,也可能不超出外层div。可以通过 document.getElementById("外层divID").scrollTop = 0 使滚动条返回到外层div顶部。但如果内部div高度如图2为超出外层div时 通过 document...原创 2018-05-16 17:15:07 · 3365 阅读 · 0 评论