weixin_45745641的博客

文章目录前言一、什么是值类型和引用类型？二、深入分析1.值类型2.引用类型三、值类型和引用类型有哪些四、总结前言最近在复习JS的基础内容，看到了关于JS中值类型和引用类型的问题，这类问题也经常会出现在面试的问题中，结合自己的理解记录一下一、什么是值类型和引用类型？我们先来看两个例题：值类型：这个大家应该都能理解，比较直观的逻辑，打印的b结果为100引用类型：a赋值成一个对象age：20，b赋值为a，b.age赋值为21，最后打印a.age的值也为21区别： 值类型各自赋值，不会相

关于异步这一块的内容，基本是前端的必考知识，这篇文章来讲讲基础的异步理解，从js单线程的特性理解异步的出现以及promise基础的使用方法，希望能对大家有所帮助

前言上篇文章讲了作用域，闭包还有this使用的一些基础知识，不太清楚的朋友可以点下面链接查看：搞懂JS中作用域和闭包的使用（上）（基本定义）本篇文章就继续围绕这些知识点，来讲讲面试真题，帮助大家更好的去理解真题举例：this有哪些不同的运用场景，如何取值？普通函数中调用，this是windowcall，apply，bind会改变this指向，绑定谁，this就指向谁作为对象方法调用，this就是当前对象class里的this是，class实例本身箭头函数 => ，this是上一级

文章目录前言作用域和自由变量闭包this的赋值情况最后前言什么是作用域？什么是闭包？这些都是前端面试中常考的问题，今天就来总结一下作用域和闭包的内容作用域和自由变量作用域：作用域可以理解为某个变量合法的使用范围 ，如下图的函数，我给他加上了一层层的红框，每层定义的变量都有它自己的使用范围作用域分为以下三种：全局作用域代码中直接写一个变量，变量没有受到约束，在全局可以使用函数作用域在函数中定义的变量，只能在函数中使用块级作用域（ES6新增）在 if(true)中定义的x变量，只能

文章目录前言数据驱动视图Object.difineProperty手写实现Vue响应式前言学Vue的应该都知道Vue最大的特点的数据驱动视图，那么你是否了解Vue数据变化是如何侦测到的呢？能否手写实现响应式原理呢？这一块是面试中经常会问到的地方，也是我们学号vue必须要了解的一个点，这篇就通过小例子带大家理解这个内容数据驱动视图刚刚说了Vue最大的特点的数据驱动视图。这里我们可以把数据理解为状态，视图就是用户可以直接看到的页面。UI = render(state)这个公式理解为：state是输

响应式系列面试问题总结rem响应式布局的常用方案样例：rem的弊端：“阶梯”性rempx:：绝对长度单位，最长用em：相对长度单位，相对于父元素，不常用rem：相对长度单位，相对于根元素，常用于响应式布局响应式布局的常用方案media-query, 根据不同的屏幕宽度设置根元素 font-sizerem, 基于根元素的相对单位样例：<style type="text/css"> @media only screen and (max-width: 374

relative：依据自身定位absolute：依据最近一层的定位元素定位定位元素:水平居中方法:inline元素: text-align: centerblock元素: margin: autoabsolute元素:left: 50% + margin-left 负值(需要知道子元素的宽)垂直居中方法:inline元素:line-height 的值等于height值absolute元素: top: 50% + margin-top负值(必须要知道子元素的高)absolute元素:

常用语法回顾flex-direction主轴方向，可以是横向或是纵向justify-content主轴对齐方式，开始对齐，结束对齐，居中对齐，两边对齐align-items纵轴方向的对齐方式flex-wrap是否换行align-self子元素在纵轴上的对齐方式上面列举的几个基本要烂熟于心，其它的有印象就行画骰子这个题是面试中考察flex布局的常考方式下面举例，完成一个3点的骰子1.父元素设置display:flex; justify-content:space-betwe

html如何理解HTML语义化让人更容易读懂让搜索引擎更容易读懂（seo）默认情况下，哪些标签是块级元素，哪些是内联元素display: block/table; 有div h1 h2 table ul ol p 等display: inline/inline-block 有span img input button 等css盒模型宽度计算offsetWidth = (内容宽度+内边距+边框) ，无外边距css 设置 box-sizing: border-box 后， 元素的