- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JavaScript 一些小技巧
1. 数组去重情况描述就是去除数组中重复的元素例如数组[1,2,2,3]经过我们的去重操作后就变成[1,2,3]在这里，去重的标准是判断“数组成员A===数组成员B”，若为true,则去除其中一员数组成员，否则就不去重方法使用set对象去重（推荐，时间复杂度为O(n)）数组方法fliter(Array.prototype.filter，时间复杂度为O(n^2))数组方法redu...
2020-03-29 16:07:27
149
原创 数据结构 链表
/** * 链表的构造函数 */class LinkedList { constructor() { this.head = null; }}/** * 链表节点的构造函数 */class LinkedNode { constructor(data, next = null) { (this.data = data), (t...
2020-03-13 14:13:51
148
原创 CSS background属性
基本认识background是css一个非常重要的部分，background是一种css的简写属性，用于一次性集中定义各种背景属性背景属性主要包括以下内容background-color 定义背景颜色background-color: rgba|hsla|colorhexbackground-image 定义背景图片background-image:url(imagePath...
2020-03-10 09:24:24
461
原创 网络基础 http报文的首部字段
基本认识http的首部是http报文的一个非常重要的组成部分，客户端和服务端会根据报文的首部字段来做出一些相应行为有时候我们可以在首部添加一些额外的信息给服务端（例如客户端证书的相关信息…）而首部字段的组成方式就是首部字段名：字段值1,字段值2,字段值3// Content-Type:text/html// 这个首部字段的意思是客户端希望范围的响应内容类型是text/html// ...
2020-03-06 13:31:49
263
原创 CSS 选择器
基本认识css的选择器是css语法规则中非常重要的组成部分我们通过css选择器来选中页面html中的元素，并在选中的元素中应用我们在选择器所定义的样式，这样我嫩就可以改变页面中的元素的样式元素的样式一般包括以下几个方面1. 外观（比如字体的颜色，样式，大小，透明度......）2. 位置（该元素是放在页面的哪个位置，通过布局来实现）3. 一段时间内的行为（动画）在我们的实际开发中，...
2020-03-05 11:09:35
246
原创 CSS 属性position
基本认识css position属性用于指定一个元素在文档中的定位方式（参考谁定位，怎么进行定位）通过定位我们可以将元素摆放到我们想要摆放的页面位置使用方法：position:属性值属性值的可选值：static（默认值）relativeabsolutefixedsticky该属性可使用于所有元素。且不可被继承staticstatic是元素position属性的默认值，即...
2020-03-04 13:18:00
208
原创 CSS BFC
简单认识BFC（Block formatting contexts）块格式上下文，指的是在该元素中排版的所有子元素和后代元素都按照正常流程按照块元素和内联布局规则进行布局参与BFC的元素使用CSS盒模型概述的规则，遵守盒模型的规则我们可以认为BFC是css元素中一个隐藏的属性。开启BFC的元素会有以下特点其内部元素的排版规则和正常规则相同，即按照块元素和内联元素的排版规则进行排版开启B...
2020-03-03 18:46:13
185
原创 网络基础 https
基本认识https，简单的来说其实就是http的一种扩展版本，它不是一种新的协议。在我看来，https是基于http协议和其他协议一起使用的复用技术，其最终目的是为了保证数据通输的安全在这里得要说一下http的一些缺点虽然说http在传输数据的速率上非常高，但是这个“高”是付出了一定的代价，而这些代价就造成了http的缺陷1. http通信使用明文可能会被窃听2. 无法验证通信双方的身份...
2020-03-02 19:09:37
192
原创 JavaScript 事件冒泡 事件委托
认识事件冒泡在我看来，事件冒泡，说的简单一点就是当我们触发一个元素的事件时，会触发其父元素及祖先元素的所有相同类型的事件我们要知道事件冒泡有以下特性事件冒泡是默认开启的，但我们可以通过js代码来控制事件冒泡当触发我们的事件函数时，事件函数其实会接收到一个event对象，该对象上的stopPropagation()可以阻止事件冒泡。当我们在我们的事件函数中执行event.stopPro...
2020-03-01 13:46:48
243
原创 JavaScript 事件流
认识事件流事件流，说的简单点，就是描述页面中接收事件的顺序当我们用户在触发一个标签的事件（例如鼠标点击，鼠标移动）时，浏览器就会一些响应比如，我们为一个按钮的点击事件绑定了一个函数，则当我们点击该按钮时浏览器就会去寻找该按钮然后执行该按钮的点击事件。从我们点击这个按钮到最终执行该按钮的点击事件所绑定的函数，一共经历了三个阶段事件捕获阶段该阶段是浏览器在寻找被触发事件的元素对象在这...
2020-02-29 19:42:24
758
原创 网络基础 浏览器从url输入到页面显示的过程
前言分析浏览器从输入url回车到最终浏览器的页面显示，我们可以分为以下4个方面来进行分析（在我看来，这个其实就是扩展版的HTTP通信，增加了许多机制来使得客户端和服务端能够安全快速方便的进行数据传输）浏览器如何发送请求请求报文如何到服务端浏览器如何接收到服务端返回的内容浏览器如何解析服务端所返回的内容我想，只要能搞清这4个方面，那么我们就可以弄清楚浏览器从url回车输入到最终浏览器...
2020-02-28 22:47:58
230
原创 JavaScript 对象 Object
前言对象，无论是在JavaScript语言中，还是在其他语言，都是一个非常重要的概念对象，在我看来:从宏观上来见，其实就是对应现实生活中具体的事物（例如人，车，学生等）从微观上来讲，其实就是保存着名值对的一个{}在对象中，有一个非常重要的概念：类类，其实就是对所有具有相同特征的对象，将相同特征组合进行组成。我们可以认为类其实就是一个模板，而对象是基于这个模板所创建出来的实例。例...
2020-02-28 15:25:51
177
原创 网络基础 HTTP的通信过程
基本介绍最简单的HTTP通信过程是发生在客户端与服务端之间的。客户端发送请求，而服务端响应请求，如上图所示。而客户端发送请求的最重要目的是为了获取服务端上的资源。然而客户端为了获取自己想要的资源就必须告诉服务端资源的位置(URI)。只有告诉服务端资源的位置服务端才能返回给客户端其想要的资源。所以，客户端不是发送一个请求就可以获取到资源，在发送请求的时候，请求要携带一些数据，例如资源的位置...
2020-02-27 21:16:46
617
原创 JavaScript DOM的基本介绍
前言我们平常在web说的JavaScript其实是有三部分组成的ECMAScript(JavaScript的核心模块)DOM(用于操作文档节点)BOM(用于操作浏览器)而JavaScript是以ECMAScript规范作为核心模块，根据其宿主环境而创建出来的动态解释性脚本语言。例如，在浏览器中的JavaScript语法和在Node使用的JavaScript语法有细微不同的（宿主环境...
2020-02-26 20:08:43
306
原创 网络基础 HTTP的基本认识
基本介绍HTTP(HyperText Transfer Protocol，超文本传输协议)是目前使用范围最广的网络协议之一。HTTP从最初的诞生到现在为止，共有以下版本0.9（最初的版本，现已基本不在使用）1.0（初期标准，但该协议标准至今 仍被广泛使用）1.1（目前主流的 HTTP 协议版本）2.0（还在制定中）HTTP在计算机网络的层次中，按照TCP/IP模型分层是属于应用层...
2020-02-26 08:50:31
1661
原创 JavaScript 作用域链
概念须知执行环境：执行环境定义了变量或函数是否有权访问去访问其他数据，并决定了它们各自的行为每一个执行环境都有一个与之相关的变量对象，环境中定义的所有变量和函数都保存在这个对象中。就是说，在JavaScript的后台中，每一个执行环境都有一个变量对象与之对应每一个函数都有自己的执行环境当代码在一个环境中执行时，会创建当前执行环境与之对应的变量对象的一个作用域链作用域链的目的就是保证能够...
2020-02-25 20:09:53
245
原创 JavaScript Reflect对象
基本认识 Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象，因此它是不可构造的。 与大多数全局对象不同，Reflect不是一个构造函数。你不能将其与一个new运算符一起使用，或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的（就像Math对象）。...
2020-02-24 21:59:46
240
原创 网络基础 tcp的三次握手和四次挥手
前言tcp的三次握手是用于实现客户端和服务端的安全建立连接tcp的四次挥手是用于实现客户端和服务端的安全断开连接tcp的三次握手和四次挥手最终是为了确定客户端和服务端双方的接收和发送数据的能力是否正常tcp的三次握手1. 过程描述刚开始的时候，客户端是处于close状态，而服务端处理listen状态。接下来就是双方开始进行tcp的三次握手（即建立连接）1. 第一次握手...
2020-02-24 08:41:51
363
原创 JavaScript 原型和原型链
基本认识 原型对象：无论什么时候，只要创建一个新的函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性就指向函数的原型对象 原型链：任何一个实例对象都有一个__proto__的属性，该属性是指向该实现对象的构造函数的原型对象。 而构造函数的原型对象也有一个__proto__的属性，指向它的构造函数的原型对象。这样一层一层就形成了一条原型链。而一般来说，原型链的最...
2020-02-23 20:46:08
116
原创 JavaScript Symbol对象
基本使用 Symbol是es6新增的一个基本的数据类型。增加该类型的主要目的是为了能够实现对象的属性名能够唯一化。最新的ECMAScript标准定义了8中数据类型7种基本数据类型- 布尔值(Boolean):true/false- null:一个表示null的特殊关键字- undefined,和null一样特殊的关键字，undefined表示变量未定义时的属性- 数字(Number...
2020-02-22 20:52:42
225
原创 JavaScript Proxy对象
基础认识 Proxy是ES6新提出来的内置对象，主要目的是实现在对象进行操作时能够对对象的行为进行拦截，然后拦截者可以根据自己的意愿重新定义该对象的此次操作行为。 Proxy对象用于定义基本操作的自定义行为（例如属性查找，赋值，枚举，函数调用等） 当对象或者函数进行一些行为时我们可以通过proxy对象对其行为进行拦截，而对象本身的行为就无效了 而跟Proxy对象息息相关的就是一个h...
2020-02-22 20:45:29
1507
原创 JavaScript Generator对象和Generator函数
Generator原型方法Generator.prototype.next()Generator.prototype.return()Generator.prototype.throw()基本使用Generator对象与一种函数密切相关 Generator函数。我们在执行Generator函数，该函数不会立刻执行，而是会返回一个Generator对象。我们通过操作Generat...
2020-02-13 19:04:42
205
原创 JavaScript Array常用方法的实现
1. Array.prototype.indexOf该方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1语法arr.indexOf(searchElement,[fromIndex])searchElement：要查找的元素fromIndex：[可选] 开始查找的位置实现代码Array.prototype.myIndexOf = functio...
2020-02-12 20:49:22
152
原创 JavaScript 关键字this
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best JavaScript的this，对于初学者来说，是一个非常头疼的问题，老是搞不清this的运行机制。但是this在JavaScript中的运用是非常广泛的，如果想要成为一个JavaScript的高...
2020-02-10 15:08:47
141
原创 JavaScript Promise对象
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best Promise对象，在如今的JavaScript编程中，使用的次数是非常多的。因此，若想要真正掌握好JavaScript(在这里主要是讲es6语法)，那么对于Promise对象的使用必须是十分...
2020-02-08 15:23:45
195
原创 JavaScript 同步和异步
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best JavaScript的异步问题，是一个老生常谈的问题了。无论是在我们的面试中，还是在我们的实际开发中，如果你要使用JavaScript这门语言，那么你就无法避免JavaScript的异步。 对...
2020-02-06 21:32:04
155
原创 JavaScript 变量提升和函数提升
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best今天在写代码的时候，突然发现了一个非常有意思的现象其实就是两行代码console.log(a);var a = 1;当将这两段代码运行在浏览器中时，会发现浏览器会报打印undefined，但...
2020-02-05 15:24:34
168
原创 vue源码学习
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best最近在github上遇到了一个项目，是去剖析vue内部mvvm的实现原理。感觉挺有意思的，于是就花了差不多1周的时间看了看这个项目GitHub项目地址：https://github.com/DMQ/...
2020-02-04 16:18:20
138
原创 git相关学习
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it bestgit底层命令公共命令git cat-file -p hash 拿对应哈希对象的内容git cat-file -t hash 拿对应哈希对象的类型git ls-files -s ...
2020-01-24 22:57:22
87
原创 ElasticSearch基本概念
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best1. ES概述是一个搜索引擎应用ES = 搜索引擎 + NoSQL数据库基于Java和Lucene构建，可以用于全文搜索，结构化搜索以及近实时分析，并且提供一个分布式多用户能力的全文搜索引擎...
2020-01-19 20:03:54
177
原创 git的基本使用
如何用git提交项目到远程仓库git init //初始化仓库git add . //将文件夹中的所有代码提交到工作区git commit -m ‘说明’//将工作区的代码交到本地仓库git remote add origin url//将本地仓库与远程仓库关联,url为远程仓库地址git pull --rebase origin master//获取本地仓库与远程同步注:若远程仓库...
2019-07-14 08:49:46
116
原创 vueAdmin项目打包
人生的第一篇博客记录在项目开发过程种出现的问题，若出现相同的情况可以快速解决该问题在项目采取前后端开发时,例如（vue+springboot），最后前端工程要打包成静态文件资源给后端，然后后端控制路径进行资源映射，但在打包过程中，有可能会出现后端无法访问前端的静态资源或者前端请求后端无法接收到(404 not found)。而我最近在使用 vue-admin-template这个项目模板，前...
2019-07-13 12:51:29
2822
1
Firefox Setup 74.0b9.exe
2020-03-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人