-LZ--CSDN博客

原创计算机网络：DNS查询

一、两种查询方式递归：客户端只发一次请求，要求对方给出最终结果。迭代：客户端发出一次请求，对方如果没有授权回答，它就会返回一个能解答这个查询的其它名称服务器列表，客户端会再向返回的列表中发出请求，直到找到最终负责所查域名的名称服务器，从它得到最终结果。二、DNS查询为何使用UDP协议DNS查询内容一般不超过512字节，用UDP传输即可。不用经过TCP三次握手，这样DNS服务器负载更低，响应更快。...

2021-09-28 09:28:57 495

原创 JS：数组扁平化(递归)

var arr = [1, 2, 3, [4,5], [6, [7, [8, [9, 10]]]]]let flatArray = []function flat(arr) { for (let item of arr) { //如果发现嵌套数组 if (item instanceof Array) { //flat(item)会返回一个数组，把结果数组与返回的数组结合 flatArray.concat(flat.

2021-09-14 17:18:18 428

原创 JS：DOM0，DOM2，IE通用事件侦听器

一、DOM0事件：onclick1. 添加事件：在行内标签内添加多个方法时会分别执行：<div onclick="fun1();fun2()"></div><--两个都会执行-->在script标签内添加多个方法只会执行最后面的：box.onclick = ()=>{};box.onclick = ()=>{}; //只会执行这一个2. 删除事件：box.onclick = null二、DOM2事件：EventList

2021-09-14 16:53:54 92

原创 JS：观察者模式

//定义被观察者class Subject{ constructor(name) { this.name = name; //观察者列表 this.observers = []; //被订阅的变量 this.state = "" } //添加观察者 attach(observer){ this.observers.push(observer) } //切换状.

2021-09-08 17:13:23 57

原创 JS：Object.assign的原理

//assign用来复制或合并对象，第一个参数是合并对象的目标，后面的参数是合并对象的源头Object.myassign = function(target, ...source){ //先判断target是否为null if(target == null){ return false } //设置res为targer res = Object(target) //遍历source，把里面的对象的元素添加到res里 source.f.

2021-09-04 09:56:34 112

原创 JS：Object.create的原理

//Object.create()会将参数对象作为一个新对象的原型，并返还这个空对象function myCreate(obj){ //声明一个新函数 function newObj(){} //将参数作为新对象的原型 newObj.prototype = obj //返回新实例对象 return new newObj()}...

2021-09-04 09:29:02 199

原创 JS：instanceof的原理

//当a的__proto__等于b的prototype时返回true，否则返回falsefunction myInstanceof(a,b){ //获取a的__proto__ let proto = a.__proto__ //获取b的prototype let prototype = b.prototype //循环查找a的__proto__：直到a的__proto__等于b的prototype，说明找到了。或者a的__proto__等于null，说明找到头了.

2021-08-26 00:22:12 68

原创 Vue：使用vue-quill-editor富文本编辑器

第一步：安装npm i vue-quill-editor –S第二步：在src/components中创建quillEditor.vue文件<script>import { quillEditor } from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'</scri

2021-08-26 00:02:15 55

原创 JS：new的原理

//第一个参数为构造原型，第二个参数为传参数组function myNew(Obj, ...args){ //创建一个空对象，这个空对象的原型和Obj一样 const obj = Object.create(Obj.prototype) //创建一个对象，这个对象使用Obj的构造方法加上传进来的参数构造的 const res = Obj.apply(obj, ...args) //如果构造方法返回对象，则返回此构造对象 if(res instanceof .

2021-08-26 00:01:08 44

原创 JS：组合继承与寄生式继承

组合继承：子父类“拖家带口”function Parent(name) { this.name = name; this.duty = "rise child"}function Child(name, age) { Parent.call(this, name); this.age = age;}Child.prototype = new Parent() //这里构造了一个父类，因此父类会有name和dutylet child1 = new Child(

2021-08-24 22:01:29 60

原创 Git：使用流程

第一步：配置网络把以下配置复制到C:\Windows\System32\drivers\etc\hosts底部192.30.253.119 gist.github.com203.208.39.104 github.global.ssl.fastly.net203.208.39.104 assets-cdn.github.com151.101.100.133 raw.githubusercontent.com第二步：配置Git1-下载安装Git：https://git-scm.com/do

2021-08-22 21:54:15 69

原创浏览器原理：5种渲染模式

名称 SSR 服务器端渲染 StaticSSR 静态服务器渲染 SSR With Hydration 服务器客户端共同渲染 CSR With Prerendering 预先客户端渲染 CSR 客户端渲染概括从服务器动态获得HTML 服务器渲染静态HTML 服务器预先渲染样式，客户端渲染JS/DOM 客户端渲染静态HTML，再根据JS文件进行修改客户端渲染HTML,CSS,JS

2021-08-21 11:18:47 367

原创 Vue：使用echarts

第一步：npm i echarts -S第二步：在.vue文件中使用echarts<template>  <div style="width: 500px; height: 500px;" ref="chartRef"></div></template><script>//引入echartsimport * as echarts from 'echarts'export defau

2021-08-18 22:38:18 84

原创 json-server：部署

1.安装：npm install json-server -g2.创建文件夹/文件server/data.json3.在data.json中添加数据4.在Terminal打开server文件夹5.运行服务器：json-server data.json，每次改变data.json都重新运行。6.默认API为 localhost:3000详情：https://www.npmjs.com/package/json-server...

2021-08-18 09:20:14 449

原创 Vue：Cli3+搭建项目

1. 下载安装Nodejshttp://nodejs.cn/download/2. npm i @vue/cli -g3. vue create 项目名称

2021-08-17 23:06:58 60

lzr244977118的博客