
js
骑着猪狂跑
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
web worker 解决定时器不准的问题
解决定时器不准的问题原创 2023-02-22 19:09:25 · 873 阅读 · 0 评论 -
前端盲水印
需求给图片加上看不到的水印,当通过其他的方式可以清楚的看到图片中暗藏的水印,以此方式追溯到泄密的人解决办法利用canvas实现图片和水印的绘制,具体过程如下:新建canvas,宽度和高度取要加水印的图片的宽度和高度 在该canvas上绘制要添加的水印文字,文字透明度设置要特别的低,但是当水印透明度小于等于0.003,不可恢复到水印。所以我们设置透明度要不得低于0.003 将该canvas转成img(为什么canvas要转成img?之前遇到canvas在移动端无法长按出现保存、转发等操作)原创 2021-01-08 15:54:53 · 1002 阅读 · 0 评论 -
解决html2canvas截图空白的问题
问题:当出现滚动条时截图会有空白解决办法:获取需要截图的图片的绝对定位,截图时设置精确的x,yhtml2canvas(that.$refs.imageDom, { // that.$refs.imageDom为需要截图的img元素 getActuralPosition为获取绝对位置,之前的文章有写过 x: that.getActuralPosition(that.$refs.imageDom).left, y: that.getActuralPosition(that.$refs.ima原创 2020-10-16 19:06:09 · 7653 阅读 · 3 评论 -
获取精确的滚动条的宽度
// 获取滚动条的宽度getScrollWidth() { // 创建一个div元素 let noScroll, scroll, oDiv = document.createElement('DIV'); oDiv.style.cssText = 'position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'; // 没有滚动条的clientWidth clientWidth为content+p.转载 2020-10-16 18:52:08 · 1591 阅读 · 0 评论 -
canvas在移动端长按保存图片
一、背景同一个网页,canvas在PC端可以右键下载,但是在移动端长按时却没反应。现在要求在移动端支持长按图片下载二、实现方式画布(canvas)对象有一个非常有用的方法toDataURL(),这个方法能把画布里的图案转变成base64编码格式的png,然后返回Data URL数据。利用这个我们可以将转成一个image/png格式的图片// 获取所有的canvas图片文件let canvasDom = document.getElementsByTagName('canvas')for原创 2020-09-24 12:00:24 · 3215 阅读 · 1 评论 -
获取元素在页面的位置
一、基本须知一张网页的全部面积就是它的大小,通常情况下由css决定。例如我们给网页设置3000*2000的大小,则网页大小为3000*2000,即使在浏览器中我们需要滚动条才能将这个网站看完整 浏览器窗口的大小(视口)指的是浏览器中看到的那部分网页的面积,例如当我们缩小浏览器的大小时,那视口也会减小 当网页可以在浏览器中全部展示时,不需要滚动条时,则浏览器的适口和网页的大小相同二、获取浏览器窗口的宽和高网页上每个元素都有clientWidth和clientHeight属性,该属性指元素的内容加转载 2020-09-23 14:26:41 · 3286 阅读 · 1 评论 -
正则总结
一、创建正则的两种方式1. 字面量方式var reg = /\d+/字面量方式//之间包起来的都是元字符,有的是具有特殊意义的元字符,大部分是代表本身含义的普通元字符2. 实例创建var reg = new RegExp("\\d+")两种方式的区别(1)字面量方式中出现的都是元字符,不能进行变量的拼接,而实例创建的方式可以eg: var reg = new Reg...原创 2020-01-15 14:46:09 · 796 阅读 · 0 评论 -
如何解决算百分比,加起来不是100%的问题
思想:1. 所有的百分比取整数部分2. 将所有百分比相加,最理想状态是100%,但相信大部分是小于100%的,取差值3. 数组按小数部分排序4. 从小数最大的那个百分比开始加一,直到补全所有的差值下面这个图说的很清楚了,图是我从百度过来的实现:我把它封装成了方法/* ** ary 要处理的数据的数组集合 ** field 要求百分比的字段 *...原创 2019-12-18 19:21:06 · 26477 阅读 · 0 评论 -
DOM库
获取页面中元素的方法document.getElementById('xxx');context.getElementsByName('xxx');context.getElementsByClassName('XXX');不兼容IE6-8,没有这个方法document.getElementsByName('XXX');//在IE中只对表单元素的name起作用document.bod...原创 2019-03-17 23:07:32 · 328 阅读 · 0 评论 -
DOM盒子模型
css盒子模型DOM盒子模型通过js提供的一些方法获取页面中的样式信息,下面就是我们获取样式信息的一系列方法计算联合样式内容的宽度和高度:我们设置的width/height这两个样式就是内容的宽和高;如果没有设置height,容器的高度会根据里面内容自己进行适应,这样获取的值就是真实内容的高;如果设置固定高度,不管内容是多了还是少了,其实我们的内容高度指的都是设定的那个值;...原创 2019-03-14 17:27:30 · 505 阅读 · 0 评论 -
常用的dos命令
1. 打开DOS命令window+R2. 查看自己电脑ip地址ipconfig / ipconfig -all3. 查看当前网络状态(以www.baidu.com为例)ping www.baidu.com -t4. 终止当前的dos命令ctrl+c5. 关闭当前的dos窗口exit6. 清屏cls7. 文件夹cd ../ 进入上级目录cd ...原创 2019-03-04 19:34:29 · 172 阅读 · 0 评论