普通网友-CSDN博客

原创每日一次面试题2022/5/7

平时遇到问题去哪里查阅资料菜鸟 B站 gethub gitee CSDN QQ群/微信群以element UI为例，说明怎样修改组件样式首先声明一个class类属性在Vue的style中加scoped区域样式权重计算 !Important>行内样式>ID选择器>类选择器>标签选择器>通配符>继承>浏览器默认属性其中行内为1000>ID为100>类为10>标签为1 div#...

2022-05-07 16:36:16 213

一、数据类型JS分两种数据类型基本数据类型：Number、String、Boolean、Null、Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。引用数据类型：Object(在JS中除了基本数据类型意外的都是对象，数据是对象，函数是对象，正则表达式是对象)1、基本数据类型（六种）存放在栈中基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可以分配，它们是直接按值存放的，所以可以直接按值访问1.Number数值类型 Numbe

2022-05-07 15:39:30 123

原创面试题讲解（一）---原型链

基础知识所有的对象都是通过new函数()创建的，该函数叫做构造函数函数可以产生对象所有对象都是靠函数产生的函数也是一个对象，它是通过new Function创建的对象赋值给变量后，变量中保存的地址，地址指向对象所在内存原型原型的本质：对象所有的函数都有原型属性prototype 默认情况下,prototype是一个Object对象prototype中默认包含一个属性：constructor,该属性指向函数对象本身隐式原型所有的对象都有隐式原型__proto__属性隐

2022-05-06 18:59:26 905

原创 var let const

var1.声明提升console.log(num). //undefinedvar num = 1232.变量覆盖var num1 =12var num1 = 34console.log(num1)3.var 没有块级作用域function fn2 (){ for(var i =0; i<3;i++){ console.log(i) } } fn2()comst1.const声明之后必须赋值否则报错

2022-04-18 18:15:16 54

原创 javaScript闭包

闭包闭包是什么？ =>方法里面返回一个方法function a (){ let a1 = 1 return function(){ return a1 } }2.闭包存在的意义延长变量的生命周期能够创造私有环境function outer(){ let a1 = 111 let a2 = 222 return function inner(){ console.log

2022-04-18 17:55:39 638

原创防抖与节流

防抖防抖是在一定时间内只能有一次操作 => 将多次变为一次操作<input placeholder="请输入电话">let telInput = document.querySelector('input') telInput.addEventListener('input',antiShake(demo,2000)) //防抖封装 function antiShake(fn,wait){ let timeOut = null

2022-04-18 17:20:02 51

原创原型与原型链

原型 prototype. 函数特有的原型链__proto_. => [[prototype]] 原型链是大家都有的function Person(){ this.ages = 19 } Person.prototype.name = '小米' Person.prototype.age = 18 Person.prototype.getAge = function(){ console.log(this.age)

2022-04-18 16:50:17 56

原创继承，优缺点

js继承的方法和优缺点1.原型链继承实现方式：将子类的原型链指向父类的对象实例function Parent(){ this.name = 'parent' this.list = ['a']}Parent.prototype.sayHi = function(){ console.log('hi')}function Child(){}Child.prototype = new Parent()var child = new Child()cons

2022-03-15 16:45:17 77

原创手写bind

1.function.prototype.bind,这样就可以让所有函数的隐式原型上都会有一个bind了。function.prototype.bind = function(){ }2.bind的第一个形参是要绑定给函数的上下文，所以再完善一下上面的代码function.prototype.bind = function(context){ var fn = this return function(){ return fn.apply(conte

2022-03-15 16:05:39 68

原创 this指向（普通函数、箭头函数）

普通函数中的this1.谁调用了函数或者方法，那么这个函数或者对象中的this就指向谁let getThis = function(){ console.log(this)}let obj = { name:""Jack", getThis:function(){ console.log(this) }}//getThis()方法是由window在全局作用域中调用的，所以this指向调用该方法的对象，即windowgetThis()//wi

2022-03-15 15:46:40 2410

原创 call apply bind的作用和区别

1.call apply bind 的作用和区别作用：都可以改变函数内部的this指向。区别点：1.call和apply会调用函数，并且改变函数内部this指向。2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg]3.bind不回调用函数，可以改变函数内部this指向。解析：call方法改变函数内部this指向call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。写

2022-03-15 15:13:52 2182

原创 Promise/A+

Promise本意是承诺,在程序中的意思就是承诺我过一段时间后会给你一个结果.什么时候会用到过一段时间?答案是异步操作,异步是指可能比较长时间菜能有结果的才能,列如网络请求

2022-03-14 21:23:18 525

原创 3.异步相关

3.1promise和 async await 区别概念Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大,简单地说,Promise好比容器,里面存放着一些未来才会执行完毕(异步)的事件的结果,而这些结果一旦生成是无法改变的async await也是异步编程的一种解决方案,他遵循是Generator函数的语法糖,他拥有内置执行器,不需要额外的调用直接会自动执行并输出结果,它返回的是一个Promise对象两者的区别Promise的出现解决了传统的地狱回调问

2022-03-14 21:01:24 102

原创 HTML前端知识点

1.网络中使用最多的图片格式有哪些JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小在ps以jpeg格式存储时，提供11级压缩级别2.请简述css盒子模型一个css盒子的模型有着content（内容）,width（宽度）,height（高度）,padding（内边距）,border（边框）,margin（外边距）组成。盒子真正的宽应该是：内容宽度+左右填充+左右边距+左右边框盒子真正的高应该是：内容高度+上下填充+上下边距+上下边框3.视频/音频标签的使用

2022-02-23 16:45:40 538

XIAXING123的博客

原创 vue3 vue-cli 搭建