Bald_monster的博客

面试题一、宏观1. 自我介绍2. 你能说一下你是如何自学前端的好的。首先前端开发的东西是要跑在浏览器里面的，浏览器只能识别html，css，js的。所以我觉得这三块是我们入行最基础的东西，学好这些之后。然后呢，我在使用JavaScript这些老代码的时候，会有很多问题。我就又去学习了es6。就可以做出一个没有前后端交互，但是有前端效果的静态页面。比如说手写一些轮播图啊什么的。然后又去了解前后端分离，我就又去学习网络，比说说http协议什么的。就可以去做一些前后端分离的项目了。但是在做项目的时候

你是如何理解HTML语义化标签的！语义化标签的出现不是为了方便我们用户去阅读，而是方便我们的机器去阅读我们的代码，在没有样式的前提下，语义化标签，同样会呈现出一个清晰的结构，方便机器阅读。爬虫搜索，搜索引擎的爬虫是靠语义化标签内部的关键字，确定它的上下文的权重。这就告诉了我们，在写代码的时候，适当的去使用语义化标签，就会加大我们整个页面的权重，能让我们的页面的排名在搜索引擎上名次更靠前。语义化标签极大化提高了我们代码的可读性，在我们协同开发的过程中，如果使用了语义化标签，那么我们开发人员之间就可以很

一、宏观1. 自我介绍2. 你能说一下你是如何自学前端的好的。首先前端开发的东西是要跑在浏览器里面的，浏览器只能识别html，css，js的。所以我觉得这三块是我们入行最基础的东西，学好这些之后。然后呢，我在使用JavaScript这些老代码的时候，会有很多问题。我就又去学习了es6。就可以做出一个没有前后端交互，但是有前端效果的静态页面。比如说手写一些轮播图啊什么的。然后又去了解前后端分离，我就又去学习网络，比说说http协议什么的。就可以去做一些前后端分离的项目了。但是在做项目的时

四、计算机网络和浏览器原理1. HTTP和HTTPS的区别一、HTTP协议1、什么是HTTP"http" ，又被称为超文本传输协议，是互联网上应用最为广泛的一种网络协议。是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范。是用于从万维网服务器传输超文本到本地浏览器的传送协会。基于TCP的应用层协议，它不关心数据传输的细节，HTTP是一个基于 请求 与 响应模式的、无状态的、应用层协议，只有遵循统一的HTTP请求格式，服务器才能正

能说一下vue的生命周期嘛vue的生命周期就是，vue实例创建到销毁的过程。即指从创建、初始化数据、编译模板、挂载Dom到渲染、更新到渲染、销毁等一系列过程。它主要分为8个阶段：创建前后、载入前后、更新前后、销毁前、销毁后，以及一些特殊场景的生命周期：beforeCreate：组件实例被创建之初created：组件实例已经完全创建beforeMount：组件挂载之前mounted：组件挂载到实例上去之后beforeUpdate：组件数据发生变化，更新之前updated：数据更新之后befo

CSS单位px，rem，em，vw，vh的区别1、px是什么px就是像素，也是我们现在经常使用的基本单位。px就是一张图片最小的一个点，一张位图就是千千万万这样的点构成的，比如常常听到的电脑像素是1024×768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。使用px时，页面按精准像素展示。2、什么是em？相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值3、什么是rem？相对单位，可理

JavaScript中的数据类型六大数据类型Number —— 数据类型String —— 字符串类型Boolean —— 布尔类型 true / falseNull —— null它是一个空对象undefined —— 未定义类型Object —— 对象分类**基本数据类型：**存在栈内存中，赋值时进行的是值传递（number，string，boolean，null，undefined，symbol）**引用数据类型：**存在堆内存中，赋值时传递的是地址传递

js中数组的常用方法es51、push()后增push()方法可以向数组后添加一个新的元素，并返回新数组的长度var a = [1,2,3]var b = a.push(4)console.log(a) // [1,2,3,4]console.log(b) // 42、unshift()前增unshift()可以向数组前增加一个或者多个元素，并返回新的长度var a = [2,3,4]var b = a.unshift(0,1)console.log(a) // [0,

你能说一下你是如何自学前端的好的。首先前端开发的东西是要跑在浏览器里面的，浏览器只能识别html，css，js的。所以我觉得这三块是我们入行最基础的东西，学好这些之后。然后呢，我在使用JavaScript这些老代码的时候，会有很多问题。我就又去学习了es6。就可以做出一个没有前后端交互，但是有前端效果的静态页面。比如说手写一些轮播图啊什么的。然后又去了解前后端分离，我就又去学习网络，比说说http协议什么的。就可以去做一些前后端分离的项目了。但是在做项目的时候又遇到了一些问题，比如说要经常保存代码，去浏览

HTTP和HTTPS协议的区别一、HTTP协议1、什么是HTTP"http" ，又被称为超文本传输协议，是互联网上应用最为广泛的一种网络协议。是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范。是用于从万维网服务器传输超文本到本地浏览器的传送协会。基于TCP的应用层协议，它不关心数据传输的细节，HTTP是一个基于 请求 与 响应模式的、无状态的、应用层协议，只有遵循统一的HTTP请求格式，服务器才能正确解析客户端发的请求，同样地，服务器

HTTP状态码状态码是由3位数组成，第一个数字定义了响应的类别，且有五种可能取值：1xx：指示信息——般表示请求已接收，继续处理。2xx：成功——表示已经成功被接收、理解、接收。3xx：重定向——要完成请求必须进行更进一步的操作。4xx：客户端错误——请求有语法错误或请求无法实现。5xx：服务器端错误——服务器未能实现合法的请求。常见的状态码200（成功）：请求成功，通常服务器提供了需要的资源204（无内容）：服务器成功处理了请求，但没有返回任何内容301（永久移动）：请

apply call bind区别三者都可以改变函数的this对象指向三者第一个参数都是this要指向的对象，如果没有这个参数或者参数为undefined或null，则默认指向全局window三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入bind 是返回绑定this之后的函数，便于稍后调用；apply、call则是立即执行bind() 会返回一个新的函数，如果这个返回的新的函数作为构造函数创建一个新的对象，那么此

CSS优先级是怎么计算的第一优先级：!important会覆盖页面内任何位置的元素样式1.内联样式，如style=“float: right”，权值为：10002.ID 选择器，如：#app，权值为：01003.类、伪类、属性选择器，权值为：00104.标签、伪元素选择器，权值为：00015.通配符、子类选择器、兄弟选择器。权值为：00006.继承的样式，没有权值...

webpack中的Plugin和Loader的区别Loader：用于对模块源码的转换，loader 描述了 webpack 如何处理非JavaScript模块，并且在buld中引入这些依赖。loader可以将文件从不同语言（如：typeScript）转换为JavaScript，或者将内联图像转换为dataURL。Plugin目的在于解决loader无法实现的其他事，它直接作用于webpack，扩展了它的功能。在webpack运行的生命周期中会广播出许多事件，plugin可以监听这些事件

从输入一个URL地址到浏览器完成渲染的整个过程1. 浏览器地址输入URL并回车2. 浏览器查找当前URL是否存在缓存，并比较缓存是否过期3. DNS解析URL对应的IPDNS解析实际上就是寻找你所需要的资源的过程。假设你输入 www.baidu.com ，而这个网站并不是百度的真实地址，互联网中的每一台机器都有唯一标识的IP地址，这个才是关键，但是它并不好记，所有就需要一个网址和IP地址转换，也就是DNS解析具体解析：​ 输入网址后，首先在本地的域名服务器中查找，没找到去根

什么是事件代理（事件委托）有什么好处事件委托的原理：​ 不给每个子节点单独设置事件监听器，而是设置在其父节点上，然后利用冒泡原理设置每个子节点优点：减少内存消耗和dom操作，提高性能在JavaScript中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，因此需要不断的操作dom，那么引起浏览器重绘和回流的可能也就越多，页面交互的事件也就变的越长，这就是为什么要减少dom操作的原因。每一个事件处理函数，都是一个对象，多一个事件处理函数，内存中就会被多占用一部分空间。