自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue--路由守卫

vue--路由守卫,分为四类:全局前置路由守卫beforeEach,全局后置路由守卫afterEach,独享路由守卫beforeEnter,组件内路由守卫beforeRouterEnter & beforeRouterLeave

2022-08-23 16:32:04 203 1

原创 同源策略与跨域问题

浏览器为保护用户的信息,采用同源策略。

2022-08-23 12:00:58 222

原创 前端面试题

link引入和script会堵塞页面吗 原生获取DOM元素的方法 图片懒加载 怎么清除浮动 BFClink引入cssllink标签引入的 CSS 被同时加载,不阻塞解析script引入js文件script元素会阻塞渲染(实际是上阻塞解析, 因此延迟了渲染). 于是我们把script元素放到了文档末尾.原生获取DOM元素的方法document.querySelector() 选择一个 document.querySelectorAll() 选择一组 document.

2022-08-23 10:17:26 143

原创 Vue数据的双向绑定原理

vue的双向绑定原理是通过数据劫持结合发布订阅消息模式实现的。核心是通过object.defineProperty方法来设置get和set函数实现对数据的劫持。当数据发生变化时,会触发相应的监听回调,使数据和试图同步,数据发生变化,视图也会相应改变,视图变化,数据也会发生变化。

2022-08-19 20:05:16 126

原创 CSS中的BFC

BFCBlock Formatting Context 格式化上下文就是符合一些特性的HTML标签。含义一个独立的渲染区域或者说是一个隔离的独立容器,容器里面的子元素不会影响到外界元素。形成条件 position 绝对定位元素 absolute fixed float 浮动元素 left right overflow 除了visible以外的值,如hidden,auto,scroll body根元素 display需要为下列值的任意一个:

2022-08-19 15:20:20 62

原创 this指向问题

箭头函数1.this指向:普通函数——谁调用就指向谁;但是可以用call,apply,bind来改变this的指向。箭头函数——this在箭头函数定义的时候就决定的,不可修改。this指向定义时的外层第一个普通函数的this。2. 箭头函数不能作为构造函数,不能被new,(实例化)3. 没有arguments对象(arguments存储函数传递的所有实参)4. 箭头函数不能作为generator函数,不能使用yield指令5. 箭头函数没有prototype属性普通函数普通函数——谁调

2022-08-19 14:56:12 45

原创 闭包相关知识

涉及的概念有:函数作用域存在全局作用域和局部作用域(函数作用域)函数内部就是一个局部作用域,函数中的代码只在函数内部起作用,当调用函数的时候就会创建函数作用域,函数执行完毕,函数作用域就会被销毁,释放内存给其他的执行程序。如果一个函数中又声明一个函数,那里面的函数可以使用外部函数的变量,内部函数没有执行完成的话,外部函数变量不会被销毁。垃圾清理回收机制执行环境会负责管理代码执行过程中使用的内存。持续性的检查是否有不需要使用的变量与函数,对其进行清理。方式:标记清除 引

2022-08-19 14:08:08 61

原创 原型,原型链

原型原型是一个对象。每一个对象都有他的原型对象__Porto__(是两个_),可以使用自己原型对象身上的所有属性和方法。获取原型的方法通过对象的__Porto__获取 通过构造函数的prototype属性拿到原型3.通过类的prototype属性获得原型原型对象的作用用来扩展对象(内置对象,自定义对象都可以)使用场景:如返回一个格式化的时间,2022年7月5日class类(对象的模板)用class关键字定义类继承对象使用自己原型身上...

2022-08-19 00:39:45 44

原创 JS对象以及相关内容

对象 Object一组无序的相关属性和方法的集合。保存一个值 ——变量保存多个值——数组保存“一个人的完整信息”——对象创建对象对象字面量var obj ={}{}中写属性和方法 利用new object来创建. var obj =new Object(); obj.age =18; ......

2022-08-18 23:48:18 108

原创 Promise,generator,async和await

同步任务前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。异步任务异步任务由JavaScript 委托给宿主环境进行执行当异步任务执行完成后,会通知JavaScript 主线程执行异步任务的回调函数回调地狱异步任务需要执行回调函数(es5通过回调函数拿到异步数据)解决,多个任务需要控制顺序执行的时候就会出现函数的嵌套,那么执行回调函数就会出现回调地狱。局限性:代码不方便维护为了解决回调地狱出现了Promise对象解决异步编程(如利..

2022-08-18 22:11:15 218

原创 对象拷贝相关知识点

js数据类型1.基本数据类型(原始数据类型)string number Boolean null undefined2.引用数据类型object array math date function regexJS内存结构堆:存放引用的数据类型栈:存放基础数据类型,函数名,变量名以及引用数据类型的内存地址1.浅拷贝如果是原始数据类型,就把值都拷贝过来;如果是引用类型,就把内存地址拷贝过来(直接赋值)(拷贝的新对象内容发生改变,会影响原来的数据)实现方式:Obj.

2022-08-18 14:02:03 188

原创 箭头函数整理

语法const fun = (参数) => {函数体}参数如果只有一个,可以不写() 函数体如果只有return返回值,可以不写return和{}箭头函数与普通函数区别1.this指向不同:普通函数——谁调用就指向谁;但是可以用call,apply,bind来改变this的指向。箭头函数——this在箭头函数定义的时候就决定的,不可修改。this指向定义时的外层第一个普通函数的this。2.箭头函数不能作为构造函数,不能被new,(实例化)3.没有argumen..

2022-08-18 12:54:31 102

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除