10 2021 档案
摘要：前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。但是，在实际的项目开发中，形如页面和页面之间需要通信一样，Vue 组件和组件之间肯定也需要互通有无、共享状态。接下来在了解组件通信之前，我们先来了解一下组件间的几种关系： 如图所示：
阅读全文
摘要：原理 JS中的sort()方法用于对数组进行排序，并返回数组。 默认情况下按升序排列数组，但是是根据字符串UniCode码进行比较。sort()方法进行排序时会在每一项上调用String()转型函数，然后通过字符串UniCode码来决定顺序，即使数组的元素都是number类型，也会把它转换成字符串再
阅读全文
摘要：题目 给你一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点。 示例 截自力扣 思路 快慢指针法，快指针先走n步，慢指针再一起和快指针走，直到快指针走到最后一个结点。 代码 /** * Definition for singly-linked list. * function ListNo
阅读全文
摘要：了解过链表的都知道可以将链表中的每个节点看成是一个对象，这个对象中有两个属性，一个是该节点的值，一个是该节点的下一个节点的地址。 对链表进行插入和删除操作比数组要方便。接下来我们来看一下具体怎么用代码去实现链表的基本操作： function LinkList(){ //新元素构造 var Node
阅读全文
摘要：1、for 循环 最基本的循环，这里就不多作介绍了 for(var i = 0;i < 7;i++){ console.log(i); } 2、for in 循环 一般用于循环对象，如下： obj = { name: 'waq', age: 22, luck: 'come' } for (let i
阅读全文
摘要：什么是生命周期？ 从 vue 实例创建、运行、到销毁期间，总是伴随各种各样的事件，这些事件统称为生命周期。 生命周期图 （注：图片来自https://www.bilibili.com/video/BV1sb411M7RT?from=search&seid=16487189305349623461&s
阅读全文
摘要：跨域的由来 跨域问题来源于JavaScript的同源策略，表示只有 协议+域名+端口号 (如存在)相同，即相同的域，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。 当一个请求url的协议、域名、端口三者之间的任意一个与当前页面url不同即为跨
阅读全文
摘要：CSS 实现三列布局，左右固定宽度，中间自适应，如下图所示： 1、绝对定位法 原理是将左右两边使用absolute定位，因为绝对定位使其脱离文档流，后面的 middle 会自然流动到他们上面，然后使用margin属性，留出左右元素的宽度，既可以使中间元素自适应屏幕宽度。 <style> *{ mar
阅读全文
摘要：一、伪类 下面列举一些常见的伪类（来自W3C截图）： 二、伪元素 下面列举一些常见的伪元素（来自W3C截图）： 最后注意：伪类和伪元素都不会存在于原文档和文档树里。
阅读全文
摘要：在上一篇博客中我们了解了事件流中的事件冒泡和事件捕获，那么事件委托又是什么呢？命名这么相似，肯定是有一定关系的，那么又有什么关系呢？所以接下来我们来详细了解一下事件委托。 什么是事件委托？ 事件委托也称事件代理，就是利用事件冒泡，把事件加到父级上，触发执行效果。 简单点来说就是把本来自己要干的事情委
阅读全文
摘要：前言 JavaScript 与 HTML 的交互是通过事件实现的。 而事件流描述了页面接收事件的顺序。DOM2 Event 规范规定事件流分为3个阶段：事件捕获、到达目标和事件冒泡，如下图。非常有意思的是 IE 和 Netscape(网景) 开发团队提出了几乎完全相反的事件流方案。IE 支持事件冒泡
阅读全文
摘要：前言 HTTP2 的出现，相比于 HTTP1.0 和HTTP1.1,大幅度的提升了web的性能。那么它又是怎么提高性能的呢？ 本篇文章主要是简单的归纳一下HTTP2的优点。 HTTP2优点 1、多路复用 多路复用：多路复用允许同时通过单一的 HTTP2 连接发起多重的请求-响应消息。 也就是说一个T
阅读全文
摘要：前言 在详细说明 HTTPS 之前，我们先来简单说一下HTTP，关于HTTP的详细说明可以翻看我的另一篇博客，这里只讨论HTTP的缺点，以及HTTPS是什么，它又为什么会出现。 HTTP的缺点 HTTP 主要有以下不足： 通信使用明文（不加密），内容可能会被窃听 不验证通信方的身份，因此有可能遭遇伪
阅读全文
摘要：TCP ：传输控制协议，UDP ：用户数据报协议 都是位于传输层的协议，关于TCP/IP分层不理解的可以查看我的另一篇博客。 它们的区别主要有以下四点： 1、TCP 是面向连接的（三次握手建立连接），UDP 是无连接的即发送数据前不需要先建立链接。 2、TCP 提供可靠的服务。也就是说，通过 TCP
阅读全文
摘要：get 和 post 是HTTP协议的两种常用的请求方法，既然常用，那么就会经常有人问它们到底有什么区别呢？ 对此总结出来以下五点： get 是不安全的，因为数据被放在URL里面传输，post 数据是放在请求体里面的。 get 传的数据量较小，主要是因为受URL长度限制，post 传送的数据量一般不
阅读全文
摘要：前言 说到HTTP,我想大家都知道它是超文本传输协议，规定了浏览器和服务器之间互相通信的规则。但是如果问你它是怎样规定的？又是怎样进行通信的?或许你就会觉得不就是在浏览器输入一个URL，然后服务器返回一个页面嘛。毫无疑问这样的理解远远不够，让你继续往下说就会觉得好像是这样又有点词不达意。其实这说明我
阅读全文
摘要：1、负责传输的IP协议（网络层） 按层次分，IP网际协议位于网络层。InternetProtocol 这个名称可能听起来有点夸张，但事实正是如此，因为几乎所有使用网络的系统都会用到 IP 协议。TCP/IP 协议族中的 IP 指的就是网际协议，协议名称中占据了一半位置，其重要性可见一斑。可能有人会把
阅读全文
摘要：在讨论js的浅拷贝之前，我们先来看一下js的数据类型。 一、js的数据类型 基本数据类型：存放在栈里面，里面直接开辟一个空间，存放的是值。栈是有结构的，每个区块都是按照后进先出的方式次序存放，基本类型的数据相对是比较稳定的，占的内存也比较小，所有寻找速度比较快，如果基本类型复制的话，栈中重新开辟个新
阅读全文
摘要：共同点：都是保存在浏览器端，用来在浏览器端存储数据,且都是同源的。 1、localStorage localStorage 是 HTML5 标准中新加入的技术，始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据。而且在所有同源窗口中都是共享的。 保存在客户端，不与服务器进行交互通信。存储数据大小
阅读全文
摘要：前言 性能黄金法则（Performance Golden Rule)解释了只有10%~20%的最终用户响应时间花在接收所请求的用户HTML文档上，剩余80%~90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上，最终用户响应时间花费在页面组件上 ——Steve S
阅读全文
摘要：前言 我们都知道JavaScript是单线程的，一次只能执行一个任务，当有一个任务耗时很长时，后面的任务就必须等待。那么，有什么办法，可以解决这类问题呢？ 那就是使用异步执行，通常的异步执行有三种，回调函数、事件监听以及发布订阅。 但是当网络请求非常复杂时，就会出现回调地狱，如下： 正常情况下，这么
阅读全文
摘要：1、indexof去重方法 遍历数组，建立新数组，利用indexOf判断是否存在于新数组中，不存在则push到新数组，最后返回新数组 function remove(arr) { var temp = []; //建立一个临时数组 for(var i = 0;i < arr.length;i++){
阅读全文
摘要：在学习闭包之前，我们先来搞清楚变量的作用域 一、变量的作用域 变量的作用域无非就两种：全局变量和局部变量。 javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var a = 22; function f1() { console.log(a); } f1();//22 当然，
阅读全文
摘要：前言 默认情况下js都是同步加载的，又称阻塞模式，如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js异步加载</title> <script src="test1.js"></script> <script src="
阅读全文
摘要：js中有两个判断数组是否存在某个元素的方法，一个是indexOf（ES5提供），一个是includes（ES6提供）。 首先我们返回值来分析 let arr = [21,22,23]; console.log(arr.indexOf(22));//1 console.log(arr.indexOf(
阅读全文
摘要：相同点 display：none 和 visibility：hidden 都能把网页上的某元素隐藏起来 不同点 display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失。隐藏产生回流和重绘（reflow 和 repaint），我们来看一下具体效果： <div> <stron
阅读全文
摘要：MDN解释：arguments 是一个对应于传递给函数的参数的类数组对象。 arguments的使用 当我们不确定有多少个参数传递的时候，可以用arguments来获取。在js中，arguments实际上是当前函数的一个内置对象。所有的函数都内置了一个arguments对象，arguments对象中
阅读全文
摘要：箭头函数是ES6标准中新增的一种函数，在详细的讨论箭头函数之前，我们先来看看函数的四种定义方式 函数的四种定义方式 1、函数声明的方式（常用） function sum (num1,num2) { return num1 + num2; } 注意函数定义最后没有加分号。必须有名字，会函数提升，在预解
阅读全文
摘要：这三个方法都是 Function 对象自带的方法，挂载在 Function.prototype 上。都有一个共同的功能：改变this的指向，那么又是怎么改变的呢？接下来我们依次来分析这三个方法 1、call()方法 说明：传入多个参数，第一个是this的指向，之后的参数都是函数的参数。 例如：B.c
阅读全文
摘要：前言 在刚开始学习js的时候，我们肯定都会对this的指向问题感到很迷惑，特别是在一些较为复杂的代码里更是被this搞的晕头转向。其实，我们只需要记住一句话：this始终指向它的调用者 好了，初步了解了this的指向问题，那么问题来了，我们又为什么要使用this呢？首先我们来看一段话： 从前有座山，
阅读全文
摘要：new一个函数，都会发生什么？ 关于new这个关键字，我们都会用，但是如果问你new一个函数时会发生什么？我想你就懵了 看过红宝书的，可以很清晰的说出new后发生的四件事： 1. 创建一个新对象； 2. 将构造函数的作用域赋给新对象（因此this就指向了这个新对象）； 3. 执行构造函数中的代码（为
阅读全文
摘要：Vue-cli4.0快速搭建一个项目 搭建项目之前，请确认好你自己已经安装过node, npm或者cnpm, vue-cli。 1、进入自己放项目的目录，输入命令创建一个项目 vue creat 项目名 2、这里选择手动配置 按↓选择“Manually select features”，再按Ente
阅读全文
摘要：js中的instanceof运算符 MDN给出的解释是： instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 看到这里我们就明白了instanceof是与原型和原型链有关系的，在弄懂instanceof之前我们就必须要了解什么是原型和原型链，关
阅读全文
摘要：1、如何准确判断一个变量是数组类型？ var arr = []; console.log(arr instanceof Array); //true console.log(typeof arr); //object 无法判断是否是数组 instanceof 具体用法可以翻看我的另一篇博客JS中的i
阅读全文
摘要：一、前言 在深入理解原型和原型链之前，我们首先要搞懂以下两点： 对应名称 prototype: 原型，每一个对象都会从原型上‘继承’属性 __proto__: 原型链,并不是单一指某一个，而是一条__proto__连起来的链条，当js引擎查找对象属性时，先查找对象本身是否具有，如果没有就去原型链上查
阅读全文
摘要：一、回调函数到底是什么？ 其实回调函数（没有调用也会执行）就是一个参数，把这个参数传到另一个函数里面，也就是主函数里面，当主函数里面的事情干完再回头去执行当做参数传进去的回调函数，回头去调用，这就是回调的概念。 举一个别人举过的例子：约会结束后你送你女朋友回家，离别时，你肯定会说：“到家了给我发条信
阅读全文
摘要：一、对于行内元素 1、text-aligin实现水平居中 text-aligin：center 二、对于确定宽度的块级元素 2、margin实现水平居中 margin:0 auto 3、绝对定位absolute和margin-left实现水平居中 1 .one { 2 width: 400px; 3
阅读全文
摘要：一、为什么会出现浮动？ 主要是父元素没有支撑的东西，导致父元素高度塌陷 二、为什么要清除浮动？ 如果在标准流下面一个父元素没有设置高度属性,那么它的高度就会被子元素的高度撑开，即自适应。但是如果这个父元素中的子元素是浮动的话，由于浮动元素不再占用原文档流的位置，浮动元素的高度不会计算在父元素的高度中
阅读全文
