![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
¼ÇÒä°ß²µµÄ»ØÒä
bug工程师
展开
-
ArrayBuffer转base64
最近,管理后台需要对每个ID的物品进行小程序二维码的生成。小程序API返回的都是图片的Buffer。后台需要对图片进行显示。首先想到的是将Buffer转为base64然后将base64返回前台显示,这个有些复杂。最后采用了前台直接将ArrayBuffer转base64直接显示。先贴代码:const base64String = window.btoa(String.fromCharCode(...new Uint8Array(buffer)))看起来非常的简洁,优美。那么我们今天就来捋一捋,这个看似原创 2020-07-20 17:21:18 · 926 阅读 · 1 评论 -
根据标注点坐标范围计算显示缩放级别zoom自适应显示地图
最近在开发百度地图,需要实现的是地图初始化的时候,能够把我们所有的标注点markers显示在地图上,并且让地图有一个合适的显示级别。以提高用户体验。找到了了解决方案:百度地图每一个显示级别对应了一个比例尺,这里我们由比例尺入手。 计算最大经纬度与最小经纬度之间的距离,然后把这个距离乘以10(这里的10表示地图通常占几个比例迟的大小)。再根据这个结果来确定我们的地图应该在一个什么样的比例尺,...转载 2020-04-23 15:22:56 · 1672 阅读 · 0 评论 -
JS运算时出现精度问题
问题引入在做项目过程中,经常碰到需要进行计算的地方,必须单价,重量,高度等运算,有时会出现精度失真或者小数位很多的问题举例解决思路通过将运算的两个数放大相应的倍数,将其变为整数进行运算,然后将结果再除以放大的倍数即可。具体实现加法//加法函数,用来得到精确的加法结果//说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果...原创 2020-04-15 11:49:30 · 242 阅读 · 0 评论 -
JavaScript封装localStorage
项目中使用了localStorage,封装一下更方便下次使用。代码const localStorage = window.localStoragefunction set(key, data) { localStorage.setItem(key, JSON.stringify(data))}function get(key) { return JSON.parse(localS...原创 2020-04-15 11:19:30 · 126 阅读 · 0 评论 -
JavaScript封装cookie操作
最近闲着没事,正好项目中用到了cookie。便自己封装了一个cookie。以便后期项目中使用。其他无关函数/** * 判断数据类型 * @param {*} arg 当前参数 * @param {*} type 类型 */function isType(arg, type) { return Object.prototype.toString.call(arg) === "[o...原创 2020-04-15 10:52:58 · 127 阅读 · 0 评论 -
js中offsetHeight,clientHeight等属性
/** * 元素的属性: * offsetWidth: 该元素的width + 左右padding值 + 左右border-width * offsetHeight: 该元素的height + 上下padding值 + 上下border-width * clientWidth: 该元素的width + 左右padding值 * cli...原创 2020-03-20 12:21:28 · 155 阅读 · 1 评论 -
利用面向对象实现点击,区域移动
HTML代码:<div id="div1"></div><!--移动区域-->css样式: html,body{ margin: 0; padding: 0; } #div1{ position: absolute; width: 100px; height: 100px; backgro...原创 2019-12-30 15:31:06 · 95 阅读 · 0 评论 -
图片上传预览、上传进度
HTML代码: <div class="content"> <form action=""> 文件:<input type="file" name="myFile" id="myFile" onchange="getFileContent();"><br/> <div id="percent">&l...原创 2019-12-30 14:41:19 · 113 阅读 · 0 评论