![](https://img-blog.csdnimg.cn/20201219152701600.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
js封装篇
各种js封装可供参考
置酒天晴
一个卑微的前端cv工程师
展开
-
js-快照沙箱
日常学习,js实现简单的快照沙箱。实现两份window相互切换。原创 2021-01-12 11:16:54 · 573 阅读 · 0 评论 -
js-防抖&节流的个人理解与封装
相信大家一定被这俩兄弟整的恶心得很。防抖是啥啊?节流又是啥?啥意思啊。当然啦,肯定也有大佬比较认真的在学之前就花功夫知道了什么是防抖,什么是节流。就我个人理解:防抖:防止短时间内多次访问节流:...原创 2020-11-17 18:42:16 · 292 阅读 · 2 评论 -
js-url转换blob以及blob与base64的相互转换
下面的代码是我在网上cv的,不记得是找的哪个的了,放在这帮助更多有缘人function xhrequest(url, callback) { //创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //前两个参数固定,第三个参数true时是异步,false时是同步 xhr.open("get", url, true); //选定输出格式为blob格式 xhr.responseType = "blob"; //onload后回调t原创 2020-10-27 19:40:58 · 5512 阅读 · 3 评论 -
js-压缩图片
压缩图片代码量有点大,先奉上封装代码再慢慢解释。这里通过等比缩小图片的长宽以达到减小图片大小的目的。//控制是否继续压缩,考虑到压缩后的图片避免再压缩var flag = false;let suofang = function(base64, bili, callback) {//传入图片的base64、压缩比例、回调 //处理缩放,转格式 let _img = new Image();//新建一个image对象 _img.src = base64;//image对象里塞入传入的图片b原创 2020-10-27 19:28:28 · 336 阅读 · 0 评论 -
js-根据文件名称判断文件类型
判断文件类型这里采用根据提取文件名称后缀的方式实现:export function getFileType(fileName) { // 后缀获取 let suffix = '' // 获取类型结果 let result = '' try { const flieArr = fileName.split('.')//根据.分割数组 suffix = flieArr[flieArr.length - 1]//取最后一个 } catch (err) {//如果fileN原创 2020-10-27 11:19:26 · 1418 阅读 · 0 评论 -
js-返回文件大小
返回文件大小这里采用根据已知文件size换算的方式实现:export function getFileSize(size) { function bytesToSize(bytes) { if (bytes === 0) return '0 B' let k = 1024, sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) /原创 2020-10-27 14:14:36 · 381 阅读 · 2 评论 -
js-判断登录设备及是否为微信登录
我们可以通过js去判断当前登陆设备类型以及是否为微信登录。这将为我们拓展很多开发思路,以及打破很多开发瓶颈。功能实现主要依靠navigator.userAgent返回浏览器信息:// 判断是否是PCexport function isPC() { var userAgentInfo = navigator.userAgent var Agents = [ 'Android', 'iPhone', 'SymbianOS', 'Windows Phone',原创 2020-10-27 14:41:46 · 707 阅读 · 0 评论