
javascript
文章平均质量分 62
程序员柳随风
这个作者很懒,什么都没留下…
展开
-
JSON.parse() 方法解析报错:Bad control character in string literal in JSON at position xx
这个是第一反应想到的方法,但比较麻烦,因为不确定聊天记录里还有那些特殊字符编码。通过这个方法,就可以得到一个解析好的对象,是不是很神奇?json 字符串中包含特殊字符编码。(垂直制表符),导致解析报错。原创 2023-06-15 16:23:31 · 2579 阅读 · 0 评论 -
JS 浮点数精度问题,以及 toFixed 的 bug
1.JS 浮点数精度问题由于 JS 存在精度问题,所以以下运算结果与预期不符。注:以下代码若无特殊说明,则均为谷歌浏览器下的运行结果。0.56 * 100 // 56.000000000000010.1 + 0.2 // 0.300000000000000040.3 - 0.1 // 0.19999999999999998所以不要用浮点数做以下判断if (0.1 + 0.2 === 0.3) {}当我们对浮点数做运算后要保留固定位小数时,也要进行处理0.5623 * 100 // 预期原创 2022-03-31 17:39:47 · 2633 阅读 · 0 评论 -
JS 复制内容到剪贴板
本文内容如下:- 使用 clipboard.js 插件- 使用 document.execCommand() 原生方法- 复制图片原创 2022-02-23 14:31:01 · 7047 阅读 · 1 评论 -
JS 压缩图片
由于用户上传的图片大小不固定,为了节约带宽,前端需要做个图片压缩再上传到服务器。注意:本文中图片压缩方法只能将压缩后的图片固定保存为 “image/jpeg” 格式,不能设置为 “image/png” 格式(该格式压缩无效)。具体代码如下压缩相关的方法:/** * 文件转base64 * @param {File} file 需要转换的文件 * @param {Function} callback 回调函数, 执行回调后返回 base64 格式图片 */export function im原创 2021-09-10 12:46:26 · 1499 阅读 · 0 评论 -
用 JS 给图片加文字水印或图片水印
1.加文字水印示例代码: function blobToImg(blob) { return new Promise((resolve, reject) => { let reader = new FileReader() reader.addEventListener('load', () => { let img = new Image() img.src = reader.result img.addEv原创 2021-06-21 14:29:53 · 8879 阅读 · 1 评论 -
获取 IE 浏览器版本以及判断是否开启 cookie
本文实现两个功能获取 IE 浏览器版本 判断浏览器是否开启 cookie1.获取 IE 浏览器版本2.判断浏览器是否开启 cookie原创 2020-12-16 13:54:48 · 436 阅读 · 0 评论 -
JS 常用运算符/操作符,让编码更简洁
本文整理一些 JS 中常用的运算符,其目的在于简化代码。1. ! 逻辑非如果要将一个值转为 Boolean 类型,我们常想到 Boolean() 转型函数来实现,其实也可以用 ! 逻辑非运算符实现!!val // 等价于 Boolean(val)2.&& 逻辑于对于以下代码可以用 && 逻辑于改写if (val) { myFunction()}改写后val && myFunction()对于赋值语句也可以这样写原创 2020-11-30 17:07:51 · 411 阅读 · 0 评论 -
JS 判断是否为对象或数组的几种方法
一.判断值是否是对象1.toString 方式【常用】Object.prototype.toString.call(val) === '[object Object]'注意:这里要使用 call 方法改变作用域2.constructor 方式val?.constructor === Object这里使用了 null 传导符(?.) 以防止出错3.typeof 与 instanceoftypeof 与 instanceof 并不能完全判断一个值为对象typeof 的取值原创 2020-11-27 16:42:03 · 44895 阅读 · 2 评论 -
前端文件下载各类方式汇总
我们比较容易想到以下两种下载方式(一)window.location.href这种方式比较常见,比如我们在一些网站上下载电子书,安装包之类的,一般都是这种方式下载的window.location.href = downloadUrl这种方式适用于下载一些静态资源(二)<a> 标签方式export function downloadApi() { return request({ url: '/testApi', method: 'get', r.原创 2020-10-12 10:29:49 · 3391 阅读 · 0 评论 -
js获取元素宽高及位置的几种方法、获取浏览器窗口大小
一.获取宽高:1.行内样式获取宽高:var dom= document.getElementById("div");var divWidth = dom.style.width;var divHeight = dom.style.height;注:只能通过行内样式才能获取到。获取到的元素宽高不包括padding和border2.offset方法获取:var divOffs...原创 2018-06-08 16:18:04 · 9771 阅读 · 0 评论 -
mouseenter、mouseleave 与mouseover 、mouseout 的区别
mouseenter 事件只有在鼠标指针进入被选元素时被触发,mouseover 事件在鼠标指针进入任意子元素时也会被触发。mouseleave 事件只有在鼠标指针离开被选元素时被触发,mouseout 事件在鼠标指针离开任意子元素时也会被触发。mouseenter与mouseleave往往成对出现,使用频率也较高。...原创 2019-04-11 10:18:13 · 420 阅读 · 0 评论 -
js将反斜杠\替换成斜杠/
代码:// 后端获取的数据应该是 'Visit\\Microsoft!',当我们用变量保存后就转义变成了 'Visit\Microsoft!'// 以下是模拟代码var str = "Visit\Microsoft!"console.log(str) // VisitMicrosoft!console.log(str.replace(/\\/, '/')) // VisitMic...原创 2019-05-15 14:47:33 · 11361 阅读 · 0 评论 -
jquery实现图片预加载
代码如下<div class="box"> <p> <a href="javascript:;" class="btn" data-control="prev">上一页</a> <a href="javascript:;" class="btn" data-control="next">下一页...原创 2019-07-26 00:17:10 · 698 阅读 · 0 评论