weixin_51042892的博客

原创 vue-router报错Cannot read properties of undefined (reading ‘matched‘)

报错信息解决方法：把export default 后的 ‘{ }’去掉

原创 js中的各种继承

原型链继承function Parent(name,age){ this.name=name; this.age=age; this.subjects=['英语','数学','语文'] } Parent.prototype.getname=function(){ console.log(this.name); } function Child(){

原创 类数组对象及如何转成数组对象

参考：添加链接描述数组数组是有序的数据集合，索引从0开始，有length属性类数组索引值是非负整数，有length属性，但是！！！没有数组所具有的其他方法//类数组示例var a = {'1':'gg','2':'love','4':'meimei',length:5};类数组举例NodeListNodeList 对象是节点的集合，通常是由属性，如Node.childNodes 和 方法，如document.querySelectorAll 返回的。HTMLCollectio

原创 JS中进度条的实现

根据任务轮询原理每执行一次setTimeout，就把该任务放入宏任务队列中，当主线程任务为空时，再依次从宏任务中调出settimeout执行 function handle(){ let i=0; (function run(){ zy.innerHTML=i+"%"; zy.style.width=i+"%"; if(++i<=100){

原创 async延时函数

用同步形式写异步async延时函数async function sleep(delay=1000){ return new Promise(resolve=>{ setTimeout(()=>{ resolve() },delay) }) } cons.

原创 Promise.allSettled()

Promise.allSettled()基本使用返回结果都是成功状态 let p1=new Promise((resolve,reject)=>{ // resolve('p1成功') reject('p1失败') }) let p2=new Promise((resolve,reject)=>{ resolve('p2成功') }) .

原创 Promise.all批量获取数据

Promise.all的基本使用 let p1=new Promise((resolve,reject)=>{ // resolve('p1成功') reject('p1失败') }) let p2=new Promise((resolve,reject)=>{ resolve('p2成功') }) Promise.all([p1,p2]).then.

原创 封装setTimeout，setInterval定时器

function timeout(delay=1000){ return new Promise(resolve=>setTimeout(resolve,delay) ) } timeout(4000).then(value=>{ console.log(1); return timeout(2000) }).then(value=>{ .

原创 Promise异步加载图片

function loadImage(src){ return new Promise((resolve,reject)=>{ const image=new Image(); image.src=src; image.width=200; image.onload=()=>{ ...

原创 Promise中then的返回值

then中有return的话，return的值有两种情况1.除Promise对象外，则默认成功2.Promise对象，则下一个then是处理这个Promise对象的let p=new Promise((resolve,reject)=>{resolve(“fulfilled”);// reject(“io”)}).then(value=>{// 返回除Promise对象外，默认都为成功// return “zy”return new Promise((resolve,re.

原创 宏任务与微任务的执行顺序

同步任务>微任务>宏任务举例： setTimeout(()=>{ console.log('settimeout'); },0); new Promise(resolve=>{ resolve(); console.log("day day up"); }).then(value=>console.log("good good study"));

原创 ES8新特性——async、await、对象方法拓展

async函数和await表达式async无论返回什么类型的数据都是返回promise对象，除了返回promise对象，则其返回的对象的状态根据子对象的返回状态决定async function fn(){ // return 'zy'; //Promise {<fulfilled>: 'zy'} //return ;//Promise {<fulfilled>: undefined} return new

原创 ES7新特性——includes,**

includes( ) const arr=['我是','好学生','学生']; console.log(arr.includes('学生')); //true console.log(arr.includes('坏学生'));//false可用indexOf（）代替成功返回元素所在索引，失败返回-1 const arr=['我是','好学生','学生']; console.log(arr.index

原创 webpack 安装

目录结构如下步骤在项目根目录中创建webpack.config.js由于运行webpack命令的时候，webpack需要指定入口文件和输出文件的路径，所以，我们需要在webpack.config.js中配置这两个路径： // 导入处理路径的模块 var path = require('path'); // 导出一个配置对象，将来webpack在启动的时候，会默认来查找webpack.config.js，并读取这个文件中导出的配置对象，来进行打包处理 module

原创 Vue生命周期

原创 js数组 reduce函数

reduce使用 reduce 与 reduceRight 函数可以迭代数组的所有元素，reduce 从前开始 reduceRight 从后面开始。下面通过函数计算课程点击数的和。reduce函数的第一个参数是执行函数，第二个参数是初始值传入第二个参数时将所有元素循环一遍不传第二个参数时从第二个元素开始循环执行函数的参数：参数说明prev上次调用回调函数返回的结果cur当前元素值index当前的索引值array原数组案例统计元素出现的次

原创 Javascript 函数声明，参数，立即执行函数

Javascript 函数函数的声明js中的函数是Function类创建的实例let zy=new Function("a","console.log(a)"); zy("我爱你"); //我爱你使用函数声明定义函数function test(){ return ("test functions"); } console.log(test());对象字面量属性 let test={ name:null, getName:function()

原创 CSS入门

CSS入门CSS选择器元素选择器id选择器class选择器子元素选择器父元素与子元素必须用空格隔开，从而表示选中某个元素下的子元素。相邻选择器相邻选择器，就是选中该元素的下一个兄弟元素，在这里注意一点，相邻选择器的操作对象是该元素的同级元素。群组选择器两个选择器之间必须用“,”（英文逗号）隔开CSS文字属性属性说明举例font-family字体类型“font-family:微软雅黑;”font-size字体大小

原创 HTML入门及进阶笔记

HTML入门及进阶前端开发技术Ajax，即“Asynchronous Javascript And XML（异步JavaScript和XML）”，是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个页面。段落与文字段落标签标签 语义 说明<h1>~<h6>header 标题&l

原创 javascript中的let和var及变量提升

javascript中的let和var变量声明方式1.es6之前var： var a=1;function : function(){}2.es6之后，新增了几种声明变量的方法let let关键字声明的变量具有块级作用域，如： let b = 13;const const关键声明的变量，一旦已经关联值就不能再跟其它值关联，如： const m = ‘abc’;import 利用import关键字导入其它模块，如：import xx from ‘./xx.js’class 定义一个类：

转载 删除排序数组中的重复项

数组-删除排序数组中的重复项题目给你一个有序数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。不要使用额外的数组空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。...