随笔分类 - js进阶
摘要：我对构造函数与实例化之间的理解 当我们的编程是面向对象的时候， 先是抽象的过程=>然后实例化的过程 比如我们抽象一个人，我知道一个人的基本信息。 名称，年龄，性别，....等等 我们把先是抽象的，在抽象完成后，我们在实例化。 构造函数与实例化之间的关系？ //这个自定义的构造函数在抽象 functi
阅读全文
摘要：创建对象的三种方式 1.字面量的方式去创建对象 2.使用new字符创建对象 3.自定义构造函数 4.工厂模式创建对象 对象是指:具有属性和方法 我之前一直以为对象就是有属性没有方法，尴尬了。主要是忘记了。 1.通过字面量的方式去创建对象 var person1={ name:'柯南', age:12
阅读全文
摘要：微任务有哪些 Promise await和async 宏任务有哪些 setTimeout setInterval DOM事件 AJAX请求 看下面的代码 <script> console.log(1) setTimeout(()=>{ console.log("2") },0) Promise.re
阅读全文
摘要：iframe 嵌套第三方页面出现的问题 我们需要通过一个接口获取被嵌套的地址。 然后将改地址赋值给iframe的src中，代码如下 <template> <div> <iframe :src="httpIframeUrl" class="whiframe" scrolling="yes" ></if
阅读全文
摘要：Object.defineProperty的基本使用 <script> let personObj={ name:'何西亚', sex:'男' } //我们想给这个对象添加一个属性 // 第一个参数是你要添加的对象名， // 第二个参数你要添加的key值 // 第三个参数是 一个配置项 是个对象 O
阅读全文
摘要：第一种 let obj=[ { value:undefined } ] obj[0].value.value='zahngsan' obj[0].value.label='张三' 机智的小伙伴，可能已经知道这样的赋值方式会失败。在语法上直接报错 因为value上没有value和label这两个key
阅读全文
摘要：for in的详细讲解, for in遍历数组的毛病 1.index索引为字符串型数字，不能直接进行几何运算. 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使用for in会遍历数组[所有的可枚举属性]。 包括[原型]。例如上栗的[原型方法]method和[name]属性 所以for in更适
阅读全文
摘要：保留两位小数不进行四舍五入 // 保留小数n位，不进行四舍五入 // num你传递过来的数字, // decimal你保留的几位,默认保留小数后两位 app.config.globalProperties.formatDecimal = function ( num, decimal = 2 ) {
阅读全文
摘要：setAttribute的理解 所有主流浏览器均支持 setAttribute() 方法。 element.setAttribute(keys,cont) keys==>必需(String类型)。您希望添加的属性的名称 cont==>必需（String类型）。您希望添加的属性值 使用场景:可以设置元
阅读全文
摘要：// 假设httpServe 是服务器返回来的数据 // 我们这里有一个需求， // 某一个区域需要对这一份数据进行展示 // 另一个区域需要只需要展示前1条数据 let httpServe = [ { name: '张三', age: 14 }, { name: '李四', age: 13 },
阅读全文
摘要：场景描述 场景描述：在用户刷新页面或者关闭页面的时候，前端要给后台发一条请求，释放该页面的授权占用。 最初的代码 window.addEventListener("beforeunload", () => { let oReq = new XMLHttpRequest(); oReq.open("P
阅读全文
摘要：限制file上传类型 很多时候，我们都需要使用 <input type="file"> 进行文件上传。 在上传的时候，我们需要对文件类型进行限制。 如果上传图片的时候。 用户只能够限制用户上传 .jpeg, .png, .gif, .bmp, .jpg, .webp 图片类型说明，特别是webp 1
阅读全文
摘要：1. 关于async函数的错误处理 有些时候，我们请求的接口可能会报错； 从而导致后面的代码无法去执行； 这样就会造成页面上某些状态出错！ 那么怎么样才能 既能捕获到错误 还能让代码往后面执行呢 2. 解决方法，使用 try catch 捕获 async sendhander() { try { c
阅读全文
摘要：场景 有些时候,我们在pc端经常会遇见滚动到底部的时候,去加载下一页的数据, 这个时候,我们就需要知道滚动条什么时候触底了, 如果触底了,就去加载下一页的数据; 在触底的过程中,我们需要注意的是,防止数据堆叠; <style type="text/css"> .bottom-content{ hei
阅读全文
摘要：<script type="text/javascript"> let arr=[ { gradeId: "498094709437239572", gradeName: "2018级", stageId: "2", stageName: "初中", }, { gradeId: "498094709
阅读全文
摘要：<script> // 设置cookie值哈 let username = '我是cookie' document.cookie = "name=" + username; document.cookie = "key1=" + '我是cook1'; document.cookie = "key2=
阅读全文
摘要：在localStorage存入里面的数据是字符串，如果你存入了一个值是Boolean类型的， 那你你取出来就是一个字符串 'true' 或者 'false' 假设取出来的值是 'true' 在你进行if(){}判断的时候， 成立的条件是 xxx== 'true' 如果你这样写 xxx == true
阅读全文
摘要：我们经常会遇见拖拽某一个元素的场景，拖拽也是很常用的； 这次拖拽遇见一个问题，有时在拖拽的时候吗，鼠标松开，元素仍然可以拖拽； 经过查阅资料，发现: 会触发H5原生的拖拽事件。并且不会监听到onmouseup, 从而导致鼠标松开也能够拖拽。 解决办法就是直接干掉H5的拖拽事件 document.on
阅读全文
摘要：let a=1; let b=2; let sun=a+b; // 同时扩大100 let am=a*100; let bm=b*100; let sunm=sun*100; // toFixed(2 );保留位数2的同时四舍五入 console.log( ((am/sunm)*100).toFix
阅读全文
摘要：在input框中,进行填写排序序号的时候,此时要限制用户的输入; 因为是序号,只能够是整数; parseInt解析一个字符串,并返回一个整数; parseInt(a,b);//a要被解析的字符串; 第个参数(b) 很少被使用； 返回值是解析后的数字;开头和结尾的空格是被允许的; let a=" 10
阅读全文
