- 博客(20)
- 收藏
- 关注
RSS订阅原创 来了来了，干货满满，数组的概念以及常用方法的总结
最近一直忙着加班，很少更新博客了，这次给大家带来 数组 的相关知识。数组的概念：数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按无序的形式组织起来的一种形式。这些无序排列的同类数据元素的集合称为数组。js中数组的常用操作方法： //四个栈方法 1.push:在数组的末尾添加一个或多个元素,返回值是数组的新长度,改变原数组 2.pop:在数组的末尾删除一个元素,返回值是删除的元素,改变原数组. 3.unshift:在数组的开头添加一个或多个元素,返回值是数组
2020-07-15 00:45:41
152
原创 简单模拟Vue中v-model底层（碎片化文档+发布、订阅者模式）
实现原理vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。实现步骤：**第一步：**需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化第二步： compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并
2020-06-20 16:49:00
512
原创 非关系型数据库——MongoDB
今天我们来说一下别具一格的 “非关系型”数据库——MongoDB上面提到了非关系型，那么什么是非关系型？什么又是关系型呢？关系型，大概可以理解为，一个人的各种信息，被分散成了N多个集合，来分别存储这个人的信息，每个集合只存储一个数据，例如：MySQL而非关系型则恰恰相反，例如本文我们所说到的 MongoDB ，在 MongoDB 中我们存储的数据是以 js 中 object（对象）的形式存在的，自然一个人的信息被放在一个对象中，这样子就不会和其他的集合，表相关联。关于数据库的介绍就简单总结到这里吧，
2020-06-11 23:24:01
738
原创 Ajax（三）—— Ajax请求发送后的过程
5. 获得响应一个完整的HTTP响应消息由状态行、响应头、空行和响应主体组成。这些都可以通过XMLHttpRequest对象的方法和方法获取。6. 监听请求状态的改变为了在响应准备就绪时得到通知，必须监听XMLHttpRequest对象上的onreadystatechange事件。xhr.onreadystatechange = function(){};但为了理解这个事件类型，我需要先弄明白readyState属性。readyState属性的值是一个整数，用来指示HTTP请求的状态。re
2020-06-08 21:47:21
378
原创 Ajax（二）—— 创建一个 Ajax
上文写到对 Ajax 的介绍，本文则重点介绍创建 Ajax 的四步流程（完整过程不为4步，即代码书写为4步）：1. 创建XMLHttpRequest对象浏览器在XMLHttpRequest类上定义了它的HTTP方法。这个类型的每个实例都表示一个独立的请求/响应对，并且这个对象的属性和方法允许指定请求细节和获取相应数据。创建XMLHttpRequest对象：var xmlhttp = new XMLHttpRequest();兼容 IE5，6的写法：var xmlhttp;if (window
2020-06-06 16:10:23
168
原创 Ajax（一）—— 初始Ajax
AjaxAjax是Asynchronous Javascript And XML（异步JavaScript和XML）的缩写。Ajax技术描述了使用脚本操纵HTTP和Web服务器进行数据交换，在页面不刷新的情况下，实现页面的局部更新。是指一种创建交互式网页应用的网页开发技术。注意：Ajax = 异步 （JavaScript) 和 XML）。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量
2020-06-06 15:25:09
158
原创 HTTP的工作原理、请求方法以及GET、POST区别
HTTP工作原理HTTP协议定义Web客户端如何从Web服务器请求Web页面，以及服务器如何把Web页面传送给客户端。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求报文，请求报文包含请求的方法、URL、协议版本、请求头部和请求数据。服务器以一个状态行作为响应，响应的内容包括协议的版本、成功或者错误代码、服务器信息、响应头部和响应数据。以下是 HTTP 请求/响应的步骤：1、客户端连接到Web服务器一个HTTP客户端，通常是浏览器，与Web服务器的HTTP端口（默认为80）建立一个TCP
2020-06-06 10:35:40
498
原创 ajax——请求消息（request）和响应消息（response）
请求消息（request）客户端发送给服务器端的HTTP请求消息由请求行（requestline）、请求头部（header）、空行和请求数据四个部分组成，如下图所示。GET /index.html HTTP/1.1Host: www.baidu.com Connection: keep-alive Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (K
2020-06-06 09:53:44
2599
原创 详解URL（为后续写Ajax做准备）
统一资源标识符（Uniform Resource Identifier，URI）**统一资源定位符（Uniform Resource Locator，URL）**是互联网上用来标识某一处资源的地址。以下面这个URL为例，介绍下普通URL的各部分组成：http://www.haogu.com:8080/news/index.php?boardID=5&ID=24618&page=1#name从上面的URL可以看出，一个完整的URL包括以下几部分：**协议部分：**该URL的协议部分
2020-06-06 09:26:32
140
原创 网络参考模型以及各层对应的协议
网络参考模型在互联网中实际使用的是TCP/IP参考模型。实际存在的协议主要包括在：物理层、数据链路层、网络层、传输层和应用层。各协议也分别对应这5个层次而已。【1】物理层：主要定义物理设备标准，如网线的接口类型、光纤的接口类型、各种传输介质的传输速率等。它的主要作用是传输比特流（就是由1、0转化为电流强弱来进行传输,到达目的地后在转化为1、0，也就是我们常说的数模转换与模数转换），这一层的数据叫做比特。物理层 以太网物理层 · 调制解调器 · PLC · SONET/SDH · G.709 · 光
2020-06-06 09:19:40
1412
原创 高频前端面试题——HTTP常见状态码
HTTP 响应中包含一个状态码，用来表示服务器对客户端响应的结果。状态码一般由3位构成：1xx : 表示请求已经接受了，继续处理。2xx : 表示请求已经处理掉了。3xx : 重定向。4xx : 一般表示客户端有错误，请求无法实现。5xx : 一般为服务器端的错误。比如常见的状态码：200 OK 客户端请求成功。301 Moved Permanently 请求永久重定向。302 Moved Temporarily 请求临时重定向。304 Not Modified 文件未修改，可以直接使
2020-06-04 16:51:31
999
原创 访问一个网站时浏览器与服务器需要完成的任务有哪些？
主要流程：1、浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP 地址;2、解析出 IP 地址后，根据该 IP 地址和默认端口80，和服务器建立TCP连接;3、浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求，该请求消息作为 TCP三次握手的第三个报文的数据发送给服务器;4、服务器对浏览器请求作出响应，并把对应的 html 文本发送给浏览器5、释放TCP连接;6、浏览器加载该 html 文本并显示内容;详细流程：1、首先，在浏览器地址栏中输入url。2
2020-06-04 16:49:07
456
原创 HTTP与HTTPS到底有何不同
1.HTTP和HTTPS的基本概念HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。2.HT
2020-06-04 16:46:47
94
原创 ES6新增遍历对象的方法
ES6 什么方法可以遍历对象的属性。（1）for…infor…in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）（2）for…offor…of循环遍历数组或ES6新的数据类型（symbol，set，map）等（3）Object.keys(obj)Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。（4）Object.getOwnPropertyNames(obj)Object.getOwnPropertyName
2020-06-04 16:31:44
1020
原创 前端高频率面试题（每日一提升）——ES6有哪些新特性？
ES6中有哪些新特性1）let const的引入let声明变量和const声明常量，两个都有块级作用域 ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2）箭头函数 ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义3）模板字符串 模板字符串是增强版的字符串，用反引号（`）标识，可以当作普通字符串使用，也可以用来定义多行字符串4）解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值5）
2020-06-02 22:03:07
562
原创 十大排序算法——JavaScript
js十大排序算法名词解释：n: 数据规模k:“桶”的个数In-place: 占用常数内存，不占用额外内存Out-place: 占用额外内存稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同冒泡排序（Bubble Sort）冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性
2020-06-02 15:30:07
138
原创 flex常用属性总结
父元素属性display:flex;（定义了一个flex容器）flex-direction（决定主轴的方向）row（默认值，水平从左到右）colunm（垂直从上到下）row-reverse（水平从右到左）column-reverse（垂直从下到上）flex-wrap（定义如何换行）nowrap（默认值，不换行）wrap（换行）wrap-reverse（换行，且颠倒行顺序，第一行在下方）flex-flow（属性是 flex-direction 属性和 flex-wrap
2020-05-28 21:59:37
252
原创 对象的原型及相关问题
对象原型对象都会有一个属性 proto 指向构造函数的 prototype 原型对象，之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 proto 原型的存在。__proto__对象原型和原型对象 prototype 是等价的__proto__对象原型的意义就在于为对象的查找机制提供一个方向，或者说一条路线，但是它是一个非标准属性，因此实际开发中，不可以使用这个属性，它只是内部指向原型对象 prototypeconstructor 函数对象原型（ proto
2020-05-28 00:17:09
263
原创 JavaScript中对象的禁止扩展、封印和冻结的区别
禁止扩展方法是使用Object.preventExtensions()创建一个不可扩展的对象。该方法接受1个参数，被禁止扩展的对象。对象被禁止扩展后，就永远不能再给它添加新的属性了。我们可以使用Object.isExtensible()检查对象是否被禁止扩展。代码如下： var obj = { uname: 'Mike', age: '20' } //阻止扩展 Object.preventExt
2020-05-26 21:58:43
352
1
原创 JavaScript中的 new 操作符到底做了些什么？
new做了什么？使用new关键字在调用函数时,函数的内部自动创建一个新对象将函数的作用域赋给新的对象(this会指向新的对象);执行函数的代码(添加属性和方法)返回新对象(实例化对象)如果返回的是基本数据类型, 就会忽略, 如果是引用数据类型就会以放回的结果为准...
2020-05-26 20:21:19
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人