m0_51530332-CSDN博客

原创 set集合

Set：是ES6 提供了新的数据结构。它类似于数组，但是成员的值都是唯一的，没有重复的值。本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个可迭代对象（数组或字符串等）作为参数，用来初始化。const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]const s = new Set();[1, 2, 3, 3, 4, 1, 5].forEach(x => s.add(x));//循环将数组的每一项添加到s中

2021-05-30 22:44:33 123

原创 ajax的三次握手四次挥手

在TCP报文的报头中，有几个标志字段：1、SYN：同步连接序号，TCP SYN报文就是把这个标志设置为1，来请求建立连接；2、ACK：请求/应答状态。0为请求，1为应答；3、FIN：结束连线。FIN为0是结束连线请求，FIN为1表示结束连线；4、RST：连线复位，先断开连接，然后重新建立连接；5、PSH：通知协议栈尽快把TCP数据提交给上层程序处理；为啥是三次握手？三次握手是用最少的次数确定客户端和服务端都有发送报文和收报文的能力。第一次握手：客户端和服务器都处于CLOSED关闭状态，客户端

2021-05-24 14:42:09 390

原创图片懒加载及实现方式，懒加载的优点

懒加载的概念：当我们打开某一个页面时，先只加载浏览器可视区内的图片，当用户向下拖动滚动条时再继续加载后面的图片（也是只加载目前可视窗口区域内的图片，这里毫无疑问要用到鼠标滚轮的事件监听）。why要用懒加载?当我们打开一个页面时，浏览器就会从上往下读取页面中的标签src中的地址，并且开启线程来进行加载。倘若用户的网速不给力或者此页面中的图片太多时，就会发生每张图片都加载了一点但是都没有加载完成，导致最后没有一个图片能正常显示。一方面让用户的体验非常之差，另一方面，加载每个图片都要向服务器发送请求，这会

2021-05-23 23:43:14 1407

原创 nodejs静态伺服

1.引入required模块，使用require指令来获取node.js中的模块2.创建服务器，服务器可以监听客户端发送的请求3.接收请求和响应请求，客户端可以通过浏览器或终端发送http请求，服务器接收请求后返回响应数据。//http协议模块const http = require("http");//文件系统模块const fs = require("fs");//创建服务，返回一个服务对象，监听对象动态const server = http.createServer();//监听r

2021-05-23 23:31:12 120

原创 Ajax步骤实现

AJAX是什么呢：AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）它是一门技术，一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。常用于开心网，微博等等实现过程//首先需要创建XMLHttpRequest对象,也就是创建一个异步调用对象.var xhr = new XMLHttpRequest();//发送Http请求xmlHttp.open("GET","test.php",true);//第一个参数定义发送请求

2021-05-16 23:06:23 56

原创 js实现即时预览功能

实现即时预览功能需要用到H5新增的 web api–FileReaderFileReader对象H5提供了 FileReader 对象用于读取文件或数据。FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个元素上选择文件后返回的 FileList 对象,也可以来自拖放操作生成的 DataTransfer 对象,还可以是来自在一个HTMLCanvasEl

2021-05-16 22:44:45 554

原创 JS的异步加载以及对其时间线的理解

异步加载异步加载又叫非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理。主要有三种方式。第一种方法 Script DOM Element(function(){ var scriptEle = document.createElement("script"); scriptEle.type = "text/javasctipt"; scriptEle.async = true; scriptEle.src = "http://cdn.bootcss.co

2021-05-09 21:19:33 63

原创面试中的提问

一、哪个语言更好在众多语言中如（C C# JAVA PHP等等），千万不要直接去评价一个语言的好坏，要说出自己所学的语言的长处以及方向。C ++C++为业的工作通常需要开发面向性能密集型任务的桌面应用程序。掌握C++可以更深入地了解编程语言，帮助获得低级内存处理方面的技能。Python作为如今人工智能、机器学习、大数据和机器人等一些最有前途的技术背后的主要语言C#它专为在微软平台上开发应用程序而设计，需要Windows上的.NET框架才能工作。但它尤其擅长于Windows桌面应用程序和游戏开

2021-05-09 21:06:52 85

原创 JS中的宏任务和微任务

宏任务（macrotask ）和微任务（microtask ）宏任务和微任务都是我们在开发工作中经常用到的。(宏任务（macrotask ）和微任务（microtask ）macrotask 和 microtask 表示异步任务的两种分类。在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，

2021-05-05 22:45:22 199

原创 this的指向。

让你搞懂this指向首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为什么要学习this？到后面学的是面向对象编程，那你肯定知道干什么用的，毕竟这是js中必须要掌握的

2021-05-05 17:10:58 54

原创闭包

闭包的概念与用途。闭包：在js中函数是一个具有变量作用域隔离特性的一个内存结构即为闭包。以上就只是一个最基本的概念。很多高级应用都要依靠闭包实现。程序员的不同阶段对一些概念的东西也是会随之改变的。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var a=999;　　fun

2021-04-25 21:24:07 62

原创前端的那些报错

关于ajax跨域的那些事首先搞明白一件事，你需要知道它是一个什么样的概念。先聊一下什么叫同源。同源：当发送请求时，两个网站之间的协议头，域名，端口号其中有一个不同，那么就是同源。跨域：当发送请求时，两个网站之间的协议头，域名，端口号其中有一个不同，那么就是跨域。简而言之就是不同源。如：你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown

2021-04-25 20:27:35 146

原创 JS中的作用域，作用域链，预解析

作用域概念：变量可以起作用的范围（区域）。作用域又分为全局作用域和局部作用域。之前说过变量可以起作用的范围，那肯定也有全局变量和局部变量。全局作用域：供所有代码执行的环境（整个script标签内部)或者一个独立的js文件中全局变量：在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）。全局变量在代码的任何位置都可以使用。特殊情况，再函数内不var声明的变量也是全局变量（不建议使用)。局部作用域：在调用函数的时候会形成一个执行函数内代码的新环境。局部变量:在局部作用域下声

2021-02-05 23:23:58 128

原创 vue修改数组中的数据7个方法

代码：<script> var vm = new Vue({ el: ".app", data : { name : "张三", age : 18, arr : [4,5,6,7,8], obj : { a : 10 }

2021-01-10 22:55:56 5883

原创 ES6深拷贝和浅拷贝

首先要了解什么是深拷贝和深拷贝有关系的另一个术语浅拷贝又是啥？其实深拷贝和浅拷贝都是针对的引用类型，js中的变量类型分为值类型(基本类型)和引用类型；对值类型进行复制操作会对值进行一份拷贝，而对引用类型赋值，则会进行地址的拷贝，最终两个变量指向同一份数据 //基本类型 var a = 1; var b = a; a = 2; console.log(a,b)//2,1 a b指向不同的数据 //引用类型指向同

2020-12-19 17:03:51 143 1

原创 ES6函数

先来看下es6函数参数的扩展默认参数：//基本用法<script> function fn(name, age = 17) { console.log(name + ',' + age) } fn();//undefined,17 fn('张三',);//张三,17 fn('张三','');//张三 fn('李四','20');//李四,20</script&gt

2020-12-13 17:47:45 118

原创 get与post的区别

get用于搜索比较合适，上传文件用post比较合适，后期也是不是我们所定的

2020-12-02 22:54:59 55

原创 JQ元素的隐藏和显示的几种效果

JQ也有很多元素隐藏和显示的效果代码如下：<p>哈哈哈哈！</p><button class="btn1">Hide</button><button class="btn2">Show</button><script type="text/javascript">$(document).ready(function(){ $(".btn1").click(function(){ //slideUp()向

2020-11-30 15:46:48 193

原创 JQ发布微博评论

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-11-30 09:37:14 392 1

原创手动输入行数，列数创建表格

手动输入行数，列数创建表格万变不离其宗，直接上代码//手动输入行和列数，声明变量接收获取输入的行数和列数var row = parseInt(prompt('请输入行数'))var col = parseInt(prompt('请输入列数'))//创建表格var table = document.createElement('table')document.body.appendChild(table)//设置表格样式table.style.borderCollapse = 'Collap

2020-11-19 20:59:28 568

原创二级联动，英雄选择

文章目录欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编

2020-11-16 23:52:33 90

m0_51530332的博客