随笔分类 -  杂谈

js判断浏览器标签页是隐藏或者显示状态
摘要：前言 在工作中我们可能会遇到这样的需求，当浏览器切换到别的标签页或着最小化时，我们需要暂停页面上正在播放的视频或者音乐，这个需求就会用到我下面要说的这个知识点： 1.document.visibilityState2.document.hidden3.isibilitychange 具体用法 浏览器 阅读全文
posted @ 2019-12-03 11:18 潇影D 阅读(1251) 评论(0) 推荐(1)
前端用v-html影响安全性
摘要：原因： 你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容插值。 解决办法： 使用 <pre> 标签替换掉 <div> 标签。 利用的就是 <pre> 标签的这个功能：被包围在 <pre> 元素中的文本通常会 阅读全文
posted @ 2019-10-23 17:33 潇影D 阅读(3242) 评论(0) 推荐(0)
window.open在Safari中不能打开
摘要：大部分现代的浏览器（Chrome/Firefox/IE 10+/Safari）都默认开启了阻止弹出窗口的策略，原因是window.open被广告商滥用，严重影响用户的使用。这个阻止弹出窗口的操作，并不是直接封杀window.open()，而是会根据用户的行为来判断这次window.open()是否属 阅读全文
posted @ 2019-08-12 17:57 潇影D 阅读(2249) 评论(0) 推荐(0)
decodeURICompnent解码 对于加号(+)解码不了
摘要：使用javascript的decodeURIComponent函数解码查询字符串时，处理不了"+" 即在调用decodeURIComponent函数之前要先把+替换为%20,这样就没有问题了 摘自：http://outofmemory.cn/code-snippet/3585/fix-js-deco 阅读全文
posted @ 2019-07-08 10:36 潇影D 阅读(2335) 评论(0) 推荐(0)
js 写入文件存到本地，可用于抓取接口数据
摘要：工作中有时需要通过 JavaScript 保存文件到本地，我们都知道 JavaScript 基于安全的考虑，是不允许直接操作本地文件的。IE 可以通过 VB 插件的方式进行，而 Chrome 和 firefox 都不支持 JavaScript 向本地写入文件，所以 VB 插件的方式存在兼容性问题。那 阅读全文
posted @ 2019-06-19 11:13 潇影D 阅读(10785) 评论(0) 推荐(0)
移动端调试插件
摘要：vConsole 在vue中使用vConsole 安装依赖： 在main.js中加入： 阅读全文
posted @ 2018-12-05 17:04 潇影D 阅读(394) 评论(0) 推荐(0)
npm 装包时的区别 -D -S
摘要：我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如： --save-dev --save 在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencie 阅读全文
posted @ 2018-07-16 14:08 潇影D 阅读(358) 评论(0) 推荐(0)
lrz.bundle 作用
摘要：上传图片时可能会出现各种bug： 获取方式： 如何使用？ 方式1： 如果您的图片来自用户拍摄或者上传的，您需要一个input file来获取图片。 接着通过change事件可以得到用户选择的图片 方式2： 如果您的图片不是来自用户上传的，那么也可以直接传入图片路径。 摘自：https://blog. 阅读全文
posted @ 2018-06-21 17:08 潇影D 阅读(661) 评论(0) 推荐(0)
在微信端中点击输入框页面放大
摘要：在微信端点击输入框，弹出输入法的时候页面整体会放大 解决方法： <meta name="viewport" content="initial-scale=1, maximum=1,minimum=1, user-scalable=no" /> 阅读全文
posted @ 2018-02-05 11:46 潇影D 阅读(1013) 评论(0) 推荐(0)
使用fastclick的时候 click() 触发失效
摘要：原文出自 https://www.2cto.com/kf/201509/442506.html 测试发现只有ios会出现失效的情况，但是点击两次又会生效 vue项目内 main.js 处理 代码如下: 使用方法： this.iosClick(dom) 阅读全文
posted @ 2018-01-23 14:51 潇影D 阅读(403) 评论(0) 推荐(0)
将H5页面转化为图片
摘要：使用html2canvas插件，详情：http://html2canvas.hertzen.com/ 实例代码： html js 参数配置：http://html2canvas.hertzen.com/configuration 备注：由插件生成的canvas如果引用toDataURL方法会报错 属 阅读全文
posted @ 2018-01-15 11:36 潇影D 阅读(1117) 评论(0) 推荐(0)
H5保存图片
摘要：摘抄代码： 备注： 保存图片 -- PC端和移动端正常浏览器可用（微信不可用） 下载图片 -- 仅PC可用 阅读全文
posted @ 2018-01-15 11:24 潇影D 阅读(468) 评论(0) 推荐(0)
移动端弹窗滚动时，底部盒子跟着一起滚动
摘要：解决方案 在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。 另外，弹出时设置定位为fixed会使window回到顶部，可以通过js获取当时的scrollTop，固定设置top负值 阅读全文
posted @ 2017-12-06 18:34 潇影D 阅读(791) 评论(0) 推荐(0)
img 图片加载出错时 显示默认图片
摘要：在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ，例如 也可省略部分 阅读全文
posted @ 2017-12-05 16:42 潇影D 阅读(14569) 评论(0) 推荐(0)
H5页面调用手机打电话功能
摘要：<head>里面加上： 需要拨打电话的地方： 发短信： 点击 页面上的电话号码 ，页面会调用手机的电话接口。 阅读全文
posted @ 2017-11-22 11:47 潇影D 阅读(42797) 评论(0) 推荐(2)
Tap透传的解决方案
摘要： 阅读全文
posted @ 2017-08-17 14:21 潇影D 阅读(233) 评论(0) 推荐(0)