随笔分类 - js进阶
摘要：对象中有时间类型的时候(时间类型会被变成字符串类型数据) const obj = { date: new Date() } console.log(typeof obj.date 'object') //true const objCopy = JSON.parse(JSON.stringify(o
阅读全文
摘要：reduce 的学习方法 array.reduce(callback(prev, currentValue, index, arr), initialValue) //简写就是下面这样的 arr.reduce(callback,[initialValue]) callback （执行数组中每个值的函
阅读全文
摘要：定义和用法 forEach() 调用数组的每个元素，并将元素传递给回调函数。 注意: forEach() 对于空数组是不会执行回调函数的。 forEach 是不能够进行链式调用的,因为它返回的值是undefind。 forEach 不会直接改变数组，但是可能会被 callback 函数改变。 用法：
阅读全文
摘要：Array.find((item,indexArr,arr)=>{}) 掌握 找出第一个符合条件的数组成员。 它的参数是一个回调函数，对所有数组成员依次执行该回调函数。 直到找出第一个返回值为true的成员，然后返回该成员。 如果没有符合条件的成员，则返回undefined。 -- 找出第一个大于1
阅读全文
摘要：看下面的代码 <script> function Person(sex,age){ this.sex=sex; this.age=age; } // 通过原型添加方法 Person.prototype.sayHi=function(){ console.log('你好呀') } var per=ne
阅读全文
摘要：toString方法的三个作用： 1.返回一个【表示对象】的【字符串】 2.检测对象的类型 Object.prototype.toString.call(arr) "[object Array]" 3.返回该数字对应进制的字符串。 console.log(10.toString(2)) //10专为
阅读全文
摘要：我对构造函数与实例化之间的理解 当我们的编程是面向对象的时候， 先是抽象的过程=>然后实例化的过程 比如我们抽象一个人，我知道一个人的基本信息。 名称，年龄，性别，....等等 我们把先是抽象的，在抽象完成后，我们在实例化。 构造函数与实例化之间的关系？ //这个自定义的构造函数在抽象 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
阅读全文
浙公网安备 33010602011771号