随笔分类 - JavaScript
摘要：vue-virtual-scroller的使用，展示巨量数据，长列表优化，虚拟列表 一、原理 计算显示区域的高度（或宽度） 和显示区域的起始位置（scrollTop或scrollLeft）根据每个元素的尺寸和总数目，计算出整个列表的高度（或宽度）显示区域的高度（或宽度）和每个元素的尺寸，计算出当前视
阅读全文
摘要：Dexie.js 是一个基于 IndexedDB 的轻量级 JavaScript 库，它提供了更简单、更友好的 API 来操作浏览器中的 IndexedDB 数据库。下面是 Dexie.js 的基本使用教程。 1. 安装 Dexie.js 可以通过 npm 或直接通过 CDN 引入 Dexie.js
阅读全文
摘要：一句话：使用File System Access API但是，此API目前仍处于实验阶段，可能并不在所有浏览器中都得到完全支持。 浏览器的权限是很低的，是不能与操作系统实现交互，只有少量的api可以与操作系统交互，例如文件上传。但是，软件是有很高的权限的，例如，迅雷下载就可以轻松实现，下载到指定目录
阅读全文
摘要：var add1 = '四川省西昌市航天路'; var add2 = '北京市北京市东城区前门大街1号' var add3 = '新疆维吾尔自治区乌鲁木齐市天山区中山路479号'; var add4 = '四川省成都市双流县幸福社区23号'; var add5 = '香港特别行政区中西区尖沙嘴路';
阅读全文
摘要：Day.js日期时间的常计算1、介绍Day.js：Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。主要为操作时间日期的库。 2、场景使用计算周几、当月第一天计算xx天前/后的日期将时间戳转换为日期(YYYY-MM-DD)计算月天数获取两个日期的时间差
阅读全文
摘要：查看代码 <template> <view> <view> <view class="money-input"> <view class="input-container" @click="toggleBox"> <view class="input-wrapper"> <view class="i
阅读全文
摘要：最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器， 因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的； 实现思路 1.安装wangEditor2.封装成组件3.父组件中
阅读全文
摘要：一. 问题讲解 我们在使用百度 2D 地图时，添加其搜索控件 <bm-control> <bm-auto-complete v-model="workAddress" :sugStyle="{ zIndex: 999999 }" @confirm="handleConfirm"> <el-input
阅读全文
摘要：在开发中，使用<img src = "/img/yys.png" />加载图片时，会有404错误，也就是图片未找到问题。 现将解决办法 总结如下： 当图片未找到或者404时，就会触发<img />标签的 onerror 属性显示其中的图片。 1、直接拼写路径方式：<img src = "img/yy
阅读全文
摘要：VUE 滚动到底部加载更多（附带指令实现方式） 直接上代码： mounted() { window.addEventListener('scroll', this.handleScroll, true); }, destroyed() { window.removeEventListener('sc
阅读全文
摘要：所说的吸顶效果就是在页面没有滑动之前，当页面向上滑动之后，导航栏始终固定在页面的上方。 具体代码： 写入事件监听，监听滚动条。 mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll,true) } 然后在
阅读全文
摘要：apply的一些其他巧妙用法 Math.max.apply( null, [12,23,34,45] ); //细心的人可能已经察觉到,在我调用apply方法的时候,// 第一个参数是对象(this),// 第二个参数是一个数组集合,// 在调用Person的时候,他需要的不是一个数组,// 但是为
阅读全文
摘要：js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item =
阅读全文
摘要：ES6之前，循环对象常见做法是使用：for…in。但是for…in循环的问题在于它会遍历原型链中的属性，所以需要使用hasOwnProperty执行检查属性是否属于该对象。ES6之后，我们对于对象的循环有了更好的办法：Object.keys,Object.values,Object.entriesO
阅读全文
摘要：新增 let arr = [{ id: 1, name: '杨过' }, { id: 2, name: '过儿' }] arr.forEach(item => { item["status"] = false }) //对象 let obj = { } obj['state'] = 1 consol
阅读全文
摘要：file和base64 1. file文件转换为base64，得到base64格式图片 var reader = new FileReader(); reader.readAsDataURL(this.files[0]); reader.onload = function(){ console.lo
阅读全文
摘要：bug记录图片格式为base64 如 data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ...9oADAMBAAIRAxEAPwD/AD/6AP/Z 解决方案 1、先把base64里面的空格转义 img = img.replace(/\s/g, encodeURICo
阅读全文
摘要：常规方法：编码 // base64转字符串 getEncode64(str){ // 对字符串进行编码 var encode = encodeURI(str); // 对编码的字符串转化base64 var base64 = btoa(encode); return base64; }, 解码： /
阅读全文
摘要：首先对base64进行定义： var Base64 = { _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode : function(e) { var t = ""; var n,
阅读全文
摘要：话不多说，直接上代码！ //显示当前时间（年月日时分秒） timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month = new Date(timeStamp).getMonth() + 1 < 1
阅读全文
浙公网安备 33010602011771号