Articles in the category of 学无止境
- Home
- 学无止境
解决h5的audio标签不能自动播放背景音乐
今天拿起以前做的一个带有背景音乐的项目跑了一下，发现背景音乐没有自动播放了，并抛出一个报错：Uncaught (in promise) DOMException，突然想起去年的时候chrome的autoplay政策做了改革，据说是为了提高用户体验，减少数据消耗。那么找出报错的那一行代码：audio.play();试想如果是浏览器加载页面的时候没有发现用户行为(click、tap等)，遂停止了...
自定义PC端文字广告代码
仿广告联盟的文字广告，只在PC端显示，支持设置广告到期时间。css部分：<style> .yawee-hover-underline:...
js屏蔽f12按键拒绝审查元素
window.onkeydown = function(e) { if (e.keyCode === 123) { e.preventDefault() } } window.oncontextmenu = function(e) {e.preventDefault()}
为input中的placeholder属性修改文本颜色
众所周知，input的placeholder属性文字颜色是默认的灰色，而我们写一个项目难免会遇到设计图里要求它是其他颜色的，经我测试，使用input[pl...
win端Cmder结合IDE/编辑器使用教程
这里以Sumlime Text(以下简称st)为例，其他IDE/编辑器同理。st是一款轻量级的强大编辑器，我一直是它和vscode交替使用，然后服务器用久了Debian，沉迷命令行模式不能自拔，于是乎接触到了window端强大的cmder，这里不再赘述它们的使用方法，我想要的是在整个窗口下同时打开cmder和st编辑器，而不再啰嗦的切换。像这样:首先我们打开cmder的安装路径，编辑conf...
原生js获取来源页(上一页)的链接地址
今天接到一个需求，要求做一个表单页面，用户提交表单后要知道他是从哪个链接点进来的。想起以前研究开发者工具的时候有个referer的属性，referer就是...
原生js实现平滑返回顶部效果 可自定义速度和距离显示
现在有这样一个需求：返回顶部的按钮悬浮在右下角，默认是隐藏的，当页面下拉到一定高度后才会显示，然后点击按钮平滑缓慢的返回顶部。好，我们先来写结构，在这里懒的写css，就用个人写的一个小框架Yawrap来代替，感兴趣的童鞋欢迎前来拍砖。<img id="backup" class="no fix" r="50" b="...
js给页面里全部指定标签添加属性值
工作中，我们常常会有这样的需求，比如给全部的img标签添加alt属性、给全部的a标签添加title属性等等。也就是刚刚吧，我也遇到这么个需求，让网站全部的...
让父div透明，子div不透明的方法
今天做公司一个项目的时候，又遇到这个问题，给父div设置透明的时候，子div也会跟随透明，就像这样：background: #000; opacity: 0.7;为了不让父div的瑕疵遗传到子级身上，我们可以从父级身上解决问题，既然opacity这个属性会遗传是吧，那我们可以换种方式写呀，background不是有个rgba也可以设置透明嘛，而且background不会继承到子级，这样子就好...
去除inline-block元素产生的空隙
之前也没怎么在意，在开发Yawrap的时候发现转为inline-block元素后会出现空隙，比如：<style type="text/cs...