m0_48721669的博客

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 的基础 call，apply，bind 的作用。感觉有帮助的小伙伴请点赞????鼓励一下 ~call/apply作用用来改变函数内部 this 的指向。特点任何函数都可以调用这两个方法，说明它们是添加在函数原型上的方法（Function.prototype）。console.dir(Function.prototype)调用 call 和 apply 的函数会立即执行。call 和 appl

感觉有帮助的小伙伴请点赞????鼓励一下 ~一.this指向问题首先，在 Vue 所有的生命周期钩子方法（如 beforeCreate，created，beforeMount，mounted，beforeUpdate， updated，beforeDestroy 以及 destroyed）里使用 this，this 指向调用它的 Vue 实例，即（new Vue）。其次，箭头函数没有自己的 this, 它的 this 是继承而来; 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象。根据下

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 中拷贝的相关知识，以及如何手写深浅拷贝。感觉有帮助的小伙伴请点赞????鼓励一下 ~什么是拷贝拷贝其实就是复制，很多场景需要我们复制一份数据出来，然后对复制后的数据进行操作，可能要求不影响原数据，也可能会要求和原数据产生一些联动。所以根据深拷贝和浅拷贝的功能，就可以满足上述两种要求。值类型的拷贝值类型其实没有深浅拷贝之分，亦可以说值类型都是深拷贝。因为值类型拷贝后的值，不会跟原数据产生任何联动，修改拷贝

感觉有帮助的小伙伴请点赞????鼓励一下 ~前言Promise 的规范有很多，如Promise/A，Promise/B，Promise/D 以及 Promise/A 的升级版 Promise/A+。ES6 中采用了 Promise/A+ 规范。所以我们今天就讲一讲 Promise/A+ 规范。任何符合 Promise 规范的对象或函数都可以成为 Promise， 我们使用的 Promise 也不过是符合 Promise/A+ 规范的其中一种形式，你也可以自己封装一个符合规范的函数，那么你写的函数也

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 中判断数据类型的各种方法。感觉有帮助的小伙伴请点赞????鼓励一下 ~typeof运算符识别所有值类型；识别函数类型；识别引用类型，但是无法区分对象，数组以及 null。Infinity 和 NaN 会被识别为 number，尽管 NaN 是 Not-A-Number 的缩写，意思是"不是一个数字"。我们可以使用 typeof 来检测一个变量是否存在，如 if(typeof a!="undefin

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 中的一些常见面试题。感觉有帮助的小伙伴请点赞????鼓励一下 ~JavaScript 属于什么类型的语言?JavaScript 有多少种数据类型?什么是值类型和引用类型？分别有哪些？什么是虚值和真值？分别有哪些？&& 和 || 运算符能做什么？JavaScript属于什么类型的语言?使用之前就需要确认其变量类型的称为 静态语言；在运行过程中需要检查数据类型的语言称为 动态语

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 中的一些 高阶函数，包括参数和返回值等。什么是高阶函数?高阶函数是对其他函数进行操作的函数，可以将它们作为参数或返回它们。简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回。1.函数可以作为参数function bar(fn){ if(typeof fn === "function"){ fn() }}//调用bar(function () {})

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了前端常用的几种布局方式，包括 两栏布局，三栏布局，圣杯布局，双飞翼布局。感觉有帮助的小伙伴请点赞????鼓励一下~两栏布局左侧宽度固定。右侧自适应。浮动法左栏做浮动。右栏添加 margin-left 。<style> body { background: gray; margin: 0; padding: 0; height: 100vh; } .left

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 浮动布局 以及 如何清除浮动。感觉有帮助的小伙伴请点赞????鼓励一下~标准文档流了解浮动之前，先来了解一下 标准文档流， 指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的 流式排列方式 。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。浮动布局什么是浮动布局所谓 css 浮动就是浮动元素会脱离文档的普通流，根据 float 的值向左或向右移动，直到它的外边界碰到父元素的内边界或另一个浮动元素的

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 BFC 以及 利用 BFC 解决外边距重叠问题。块级格式化上下文(BFC)BFC（ Block Formatting Context ）什么是 BFCBFC 是一个独立的区域，它内部的元素都依照它的规则渲染，并且不会与 BFC 外部打交道。BFC 的布局规则内部的盒子会在垂直方向，一个个地放置；盒子垂直方向的距离由 margin 决定，属于同一个 BFC 的两个相邻盒子的上下 margin 会发生重叠；每一个元素的左

先上一张思维导图，让大家一目了然，然后再逐条讲解。为避免重复代码过多，本文所有内容都以下面这个代码结构为基础，后续只会贴出核心代码。<style> .container { width: 600px; height: 600px; background: yellow; } .content { width: 200px; height: 200px; background: green; }</style>&

标准文档流标准文档流 指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的 流式排列方式 。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。布局的方式盒子内部的布局文本的布局盒子本身的布局盒子之间的布局脱离标准文档流下的盒子的布局定位布局浮动布局标准文档流下的盒子的布局块级格式化上下文( Block Formatting Context )行内格式化上下文( Inline formatting contexts )自适应格式化上下文

盒子模型，顾名思义，可以装东西的称为盒子，比如 div，span，a 等等。像 img，input 这种不能装东西的就不是盒子。盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分，内容又分为高(height)、宽(width)。盒子模型类型IE盒模型（border-box）IE 盒模型：属性 width，height 包含 content、border 和 padding，指的是 content + padding + border 。

本文来系统的学习一下 CSS 选择器相关的内容。1.id选择器ID 选择器以 # 开头，它选择的是文档中 id 属性的值。 /* 这会让id等于app的元素的背景变为红色 */ #app { background: red } /* 这会让id等于box的元素的背景变为绿色 */ #box { background: green }2.类选择器类选择器以一个句点（.）开头，它选择的是文档中应用了这个类的所有元素。 /* 这会让class等于app的元素

本文演示代码基于 vue-router 4.x前言vue-router 有几种钩子函数？具体是什么及执行流程是怎样的？先上思维导图。分析vue-router 的 钩子函数 ，其实说的就是 导航守卫 。引用官网的话“导航” 表示路由正在发生改变。vue-router 提供的导航守卫主要用来通过 跳转 或 取消 的方式 守卫导航 。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。也就是：全局守卫、路由守卫、组件守卫。代码演示环境搭建先简单搭建一下环境i