ZZ13593580786-CSDN博客

原创浏览器输入一段url经历过程

1、首先，在浏览器地址栏中输入url地址2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容，没有，则下一步。3、在发送HTTP请求前，需要域名解析（DNS解析，域名系统。domain name system----,是一个将域名和ip地址相互映射的一个分布式数据库，能够使人更方便的访问互联网，不需要去记住IP地址），解析获取相应的ip地址。4，浏览器向服务器发起tcp连接，tcp(传输控制协议)三次握手。5、握手成功之后，浏览器向服务器发送http请求

2021-11-03 14:43:21 324

原创 vue组件机制

一、概述组件可以拓展HTML元素，内部封装了可复用的HTML、CSS、JS代码。组件类似于vue实例，组件内部有template属性，用于指定模板，vue实例内有el属性，用于指定模板二、组件定义let component1 = { data(){ //返回对象值唯一拷贝，保证复用的组件内部数据不会相互影响 return{ comMsg:'组件数据', } },

2021-09-14 14:19:59 88

原创原生Ajax，jquery的ajax,Axios总结

1、原生ajax默认情况下，Content-Type:text/plain发送表单类型数据 xhr.setRequestHeader('Content-Type','appliction/x-www-form-urlencoded) xhr.send(qs.stringify(data))发送json类型数据xhr.sendRequestHeader('Content-Type','application/json')xhr.send(JSON...

2021-09-02 21:57:12 98

原创 ES6基础总结（下）

Set 初始化： Set类似于数组，但是成员的值都是唯一的，没有重复的值，用来生成set数据解构展。Set构造函数可以接受一个数组（或者具有iterable接口的其他数据结构）作为参数，用来初始化。var set =new Set(); //Set APISet.prototype.size 返回Set实例的成员总数Set.prototype.add(value) 添加某个值，返回Set结构本身Set.prototype.d...

2021-08-16 15:08:26 67

原创 ES6基础总结（上）

变量在es5中，我们通常使用var声明一个变量，但是var有很多奇葩的特性，这些特性与常规的编程语言都不太相同，在es6中，又提供了与常规语言类似的声明变量的方法。1）let 特点：1.变量声明不会被提升，在变量声明之前无法使用该变量 2.具有局部作用域，即let声明的变量只能在对应代码块中使用 3.不允许重复声明2）const：let用于声明一个变量，而const用于声明常量...

2021-08-13 16:54:05 83

原创 ES6模块化简单总结

先介绍一个工具：Babel：babel是一个广泛使用的es6转换器，可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1; });安装$ npm install --global babel-cli安装预设并且添加配置文件配置.

2021-08-12 17:01:05 132

原创 ajax笔记精简

概念：异步的js和xml作用：与后台服务器交互，进行数据传输，实现页面的局部刷新应用： 1.创建xhr实例对象 2.设置请求头，打开请求链接 3.设置请求体，并发送请求 4.监听连接状态的改变，做出响应例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-...

2021-07-29 19:59:16 54

原创 DOM事件

1、事件三要素：事件目标（event target）事件处理程序（event handler) 事件对象（event object)2、事件流事件冒泡事件捕获 DOM事件流事件捕获->直接事件本身处理程序->事件冒泡3、事件绑定机制 1）html事件处理程序绑定...

2021-07-28 08:59:53 189

原创数组的栈操作、队列操作和相关函数的封装

定义：简单来说，数组的栈操作、队列操作就是对数组进行添加或移除元素，对原始数组进行改变相关函数：arr.length arr.push(入栈的元素）被出栈的元素 arr.pop()被出队的元素 arr.shift()arr.length arr.unshift(插队的元素）...

2021-07-23 15:19:28 112

ZZ13593580786的博客