前端面试专栏

父子组件生命周期执行顺序 首先执行的是父组件的beforeCreate 执行的是父组件的created周期 执行的是父组件的beforeMount周期 执行的是子组件的beforeCreate周期 执

虽然目前行情不容乐观吧，但是还是有面试的，虽然少之又少。今天来说下遇到的一个面试题 面：怎么让全网变灰呢？ 我：em... 快速转动了一会，我说，就直接改背景色就行吧（当时脑子可能瓦特） 面：em..

通过绝对定位的方式让左右两个盒子都定位在整个父盒子的左边和右边，中间盒子不做宽度设置，剩余的中间盒子宽度自适应。

这道面试题其实在我找实习的时候，有整理过一波，但是那时候整理的并不是很全面，现在看很多博客，又有了很多很方便的方法，所以再次整理出来～CSDN上整理的三个办法indexOf一indexOf二set一s

在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。

函数柯里化（curry）是函数式编程里面的概念。curry的概念很简单：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。 简单点来说就是：每次调用函数时，它只接受一部分参数，并返回一个函数，直到传递所有参数为止。 主要思路是什么呢，要判断当前传入函数的参数个数…

浏览器与服务器通信的方式为应答模式，即是：浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果，是则将请求结果和缓存标识存入浏览器缓存中，简单的过程如下图： 浏览器每次发起请求，都…

现在的网络应用程序越来越多的使用AJAX异步请求完成页面的无缝刷新，导致浏览器的URL不会发生任何变化而完成了请求，从而破换了用户浏览体验。同时本次浏览的页面内容在用户下次使用URL访问时将无法重新呈现，使用路由可以很好地解决这个问题。 单页面应用利用了JavaScript动态…

白屏时间：即用户点击一个链接或打开浏览器输入URL地址后，从屏幕空白到显示第一个画面的时间。 当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的提升用户的体验…

熟悉 vue 的前端，想必对 vue 里的 nextTick 也很熟悉了，用的时候就知道他是延迟回调，有时候用起来甚至和setTimeout 看起来是同样的效果。但他和setTimeout到底有什么区别？他是如何实现的？ 本文就nextTick的实现引入，来探讨下js中的异步与…

浅克隆就是将栈内存中的引用复制一份，赋给一个新的变量，本质上两个指向堆内存中的同一地址，内容引入相同，其中一个变化，另一个也变化。 深克隆就是创建一个新的空对象，开辟一块内存，然后将原对象中的数据全部复制过去，完全切断两个对象间的联系。 浅克隆和深克隆最大的区别就是对引用值的处…

vue是易用、灵活且高效的渐进式JavaScript框架。它的主要特点是MVVM模式。代码简介体积小，运行效率高，适合移动PC端开发。本身只关注UI，可以轻松引入VUE插件或其他的第三方库进行开发。 MVVM全称为Model-View-ViewModel，Model表示数据模型…

同源策略是浏览器的行为，是为了保护本地数据不被JavaScript代码获取回来的数据污染，因此拦截的是客户端发出的请求回来的数据接收，即请求发送了，服务器响应了，但是无法被浏览器接收。 Cookie、LocalStorage等存储性内容。 DOM节点。 AJAX跨域请求的数据。…

HTTP：最广泛网络协议，浏览器高效。 HTTPS：安全版，通过SSL加密，加密传输，身份认证，密钥。 HTTPS相对于HTTP加入了SSL层，加密传输，身份认证。 需要到ca申请收费的证书。 安全但是耗时多，缓存不是很好。 连接方式不同，端口号也不同，HTTP是80，HTTP…

参考一些博客，整理的TS相关，供自己复习使用～TS泛型泛型无法知道具体的类型，所以无法操作它的属性和方法在明确知道泛型中有哪些属性方法时，可以通过extends进行泛型约束，写在声明函数名的后面泛型可

vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。 beforeCreate：组件开始初始化。开始观察数据，然后开始生成。（创建前） created：组件生成，会判断组件有没有挂载点。如果没有，开始创建。（创建完成）…

涉及网络、操作系统、web等一系列的知识。 用户输入URL，浏览器会根据用户输入的信息判断是搜索内容还是请求的URL。如果是搜索内容，就将搜索内容+默认搜索引擎来合成新的带搜索关键词的URL。如果判断输入内容符合URL规则，地址栏会根据规则，把内容加上协议，合成为完整的URL。…

本篇整理一些自己在各种博客上看到的，供自己复习使用。 OSI全称为开放式系统互联通讯参考模型。OSI将计算机网络体系结构划分为7层。 功能：以'0'，'1'代表电压的高低、灯光的闪灭，界定连接器和网络的规格；也就是比特流和电子信号之间的切换。 设备：中继器。 对应TCP/IP分…

父级盒子「position:relative」，子盒子「position:absolute」。 因为left、top50%，是子盒子左上角针对position为relative的父盒子来说的居中，所以需要margin-left、margin-top子盒子宽度的一半。但是这样的话…

整理部分手撸面试题，碰到这里没有的也会更新进来～实现防抖函数实现节流函数实现深克隆实现Eventbus实现instanceof实现new实现call实现bind实现apply实现继承实现promise