05 2020 档案
摘要：组件通信 组件通信一般分为以下几种情况： 父子组件通信 兄弟组件通信 跨多层级组件通信 任意组件 对于以上每种情况都有多种方式去实现，接下来就来学习下如何实现。 父子通信 父组件通过 props 传递数据给子组件，子组件通过 emit 发送事件传递数据给父组件，这两种方式是最常用的父子通信实现办法。
阅读全文
摘要：这是一张官网的Vue生命周期图： vue有8种生命周期函数： Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会经历一个完整
阅读全文
摘要：实现一个简易版 Promise 在完成符合 Promise/A+ 规范的代码之前，我们可以先来实现一个简易版 Promise，因为在面试中，如果你能实现出一个简易版的 Promise 基本可以过关了。 那么我们先来搭建构建函数的大体框架 const PENDING = 'pending' const
阅读全文
摘要：async 及 await 涉及面试题：async 及 await 的特点，它们的优点和缺点分别是什么？await 原理是什么？ 一个函数如果加上 async ，那么该函数就会返回一个 Promise async function test() { return "1" } console.log(
阅读全文
摘要：Promise 涉及面试题：Promise 的特点是什么，分别有什么优缺点？什么是 Promise 链？Promise 构造函数执行和 then 函数执行有什么区别？ Promise 翻译过来就是承诺的意思，这个承诺会在未来有一个确切的答复，并且该承诺有三种状态，分别是： 等待中（pending）
阅读全文
摘要：涉及面试题：如何理解原型？如何理解原型链？ 当我们创建一个对象时 let obj = { age: 25 }，我们可以发现能使用很多种函数，但是我们明明没有定义过它们，对于这种情况你是否有过疑惑？ 当我们在浏览器中打印 obj 时你会发现，在 obj 上居然还有一个 __proto__ 属性，那么看
阅读全文
摘要：涉及面试题：什么是浅拷贝？如何实现浅拷贝？什么是深拷贝？如何实现深拷贝？ 对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况。通常在开发中我们不希望出现这样的问题，我们可以使用浅拷贝来解决这个情况。 let a = { age: 1 } let b = a a.age
阅读全文
摘要：== vs 涉及面试题：== 和 有什么区别？ 对于 == 来说，如果对比双方的类型不一样的话，就会进行类型转换，这也就用到了我们上一章节讲的内容。 假如我们需要对比 x 和 y 是否相同，就会进行如下判断流程： 首先会判断两者类型是否相同。相同的话就是比大小了 类型不相同的话，那么就会进行类型转换
阅读全文
摘要：typeof vs instanceof 涉及面试题：typeof 是否能正确判断类型？instanceof 能正确判断对象的原理是什么？ typeof 对于原始类型来说，除了 null 都可以显示正确的类型 typeof 1 // 'number' typeof '1' // 'string' t
阅读全文
摘要：this 涉及面试题：如何正确判断 this？箭头函数的 this 是什么？ this 是很多人会混淆的概念，但是其实它一点都不难，只是网上很多文章把简单的东西说复杂了。在这一小节中，你一定会彻底明白 this 这个概念的。 我们先来看几个函数调用的场景 function foo() { conso
阅读全文
摘要：闭包 涉及面试题：什么是闭包？ 闭包的概念： 当一个内部函数被调用的时候，这个内部函数可以访问外部函数中的变量，此时就形成了闭包 闭包的作用： 局部变量无法共享且长期有效保存，全局变量又容易造成变量的污染。闭包可以长久保存变量并且防止全局变量的污染 闭包的特点： （闭包会声明私有变量，私有变量会常驻
阅读全文
摘要：JavaScript垃圾回收机制 常见两种方法：引用计数，标记清除 引用计数：（IE9-使用）跟踪记录每个值被引用的次数，当声明一个变量并将一个引用类型的值赋给这个变量的时候，这个值的引用次数就是1，如果这个值再被赋值给另外一个变量，引用次数再加1。如果一个变量脱离了该值的引用，则该值的引用次数就减
阅读全文
摘要：HTTP 请求方法 根据 HTTP 标准，HTTP 请求可以使用多种请求方法。 HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD方法。 HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。 序号方法描述 1
阅读全文
摘要：1、HTTP和HTTPS的基本概念 HTTP：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务端请求和应答的标准，用于WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即
阅读全文
摘要：1、TCP是面向连接的，UDP是无连接的即发数据前不需要先建立连接。 2、TCP提供可靠的服务。也就是说，TCP可以保证发送过程中数据无差错、不丢失、不重复，且按序到达；UDP尽最大努力交付，即不保证可靠交付。而且因为TCP可靠，面向连接，不会丢失数据因此适合大数据量的交换。 3、TCP是面向字节流
阅读全文
摘要：在html5中，新增了几个语义化标签：<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等。 1.什么是HTML语义化？ 通过标签判断内容语义，例如根据h
阅读全文
摘要：在学习vue、react的过程中，总能看到MVVM模型，那么MVVM究竟是什么，下面将我最近看到的资料以及自己的想法总结一下。 与MVVM相似的，还有MVC、MVP，先从MVC、MVP这两个入手，方面后面对MVVM的理解。 一、 MVC M：Model，即模型，也可以理解为数据层，用于封装数据以及数
阅读全文
摘要：ES6 主要是为了解决 ES5 的先天不足，在原先ES5的基础上新增了许多内容，本篇文章将列举出ES6中新增的10大特性。 一、 let 和 const 与var不同，let和const都是用于命名局部变量，都是块级作用域。具体可参考阮一峰老师的文章：http://es6.ruanyifeng.co
阅读全文
摘要：从用户输入地址到浏览器加载界面，主要过程如下： DNS解析 TCP连接 发送HTTP请求 服务器接收请求并响应 浏览器解析并进行渲染 连接结束 下面进行具体过程分析 一、 DNS解析 通俗地来讲，DNS解析就是讲用户输入的站点地址解析成服务器所在的ip地址。用户在浏览器中输入的地址并不是该域名真正意
阅读全文
摘要：三次握手过程理解 第一次握手：建立连接时，客户端发送syn包（syn=x）到服务器，并进入SYN_SENT状态，等待服务器确认；SYN：同步序列编号（Synchronize Sequence Numbers）。 第二次握手：服务器收到syn包，必须确认客户的SYN（ack=x+1），同时自己也发送一
阅读全文
摘要：定义：CSS sprites 其实就是把网页中的一些背景图片整合到一张图片文件中，再利用CSS的“background-image”、“background-repeat”、“background-position”的组合进行背景定位，background-position可以用数字精确地定位出背景
阅读全文
摘要：1、盒模型：内容（content）、填充（padding）、边框（border）、边界（margin） 2、盒子模型分为两种：IE盒子模型、标准W3C盒子模型；区别就是IE盒子模型的content包括了padding和border
阅读全文
摘要：position绝对定有两种，分别为absolute和fixed 一、共同点： 1.改变行内元素的呈现方式，display被置为inline：block 2.让元素脱离普通流，不占据空间 3.默认会覆盖到非定位元素上 二、不同点： 1.absolute的“根元素”是可以设置的，而fixed的“根元素
阅读全文
摘要：Position有四个属性值，分别是static 、fixed、 relative 、absolute。 第一个属性值是static，这是position的默认属性，一般我们都不会用到它，所以也很少提到它，但是在特殊的情况下，它又有着不可替代的作用，比如，在媒体查询页面当中，正常页面当中需要给元素加
阅读全文
摘要：1、link属于HTML标签，而@import是CSS提供的 2、页面被加载时link会同时被加载；而@import引用的CSS会等到页面被加载完再加载 3、@import只在IE5以上才能识别，而link是HTML标签，并不存在兼容问题
阅读全文
摘要：display：none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素也会合拢，就像不存在了一样 visibility：hidden 隐藏对应的元素，但是在文档布局中还是保留着空间，就像隐身（可见度为0）了一样
阅读全文
摘要：webstorage和cookie的概念相似，但它是为了更大的储存量而设计的。cookie的大小是受限的，而且每次你向一个页面发送请求时cookie也会被发送过去，这样无形中就浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。 除此之外，webstorage拥有setitem，getit
阅读全文
摘要：在较高的浏览器版本中，js提供了sessionstorage来替代globalstorage；在HTML5中提供了localstorage来替代globalstorage HTML5的webstorage包括两种存储方式分为：localstorage和sessionstorage sessionst
阅读全文
摘要：一、cookie的弊端 cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多的局限性。 第一：每个特定的域名下最多生成20个cookie 1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最多50个cookie 3.Firefox最多50个cookie
阅读全文
