- 博客(9)
- 收藏
- 关注
原创 浏览器输入一段url经历过程
1、首先,在浏览器地址栏中输入url地址2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容,没有,则下一步。3、在发送HTTP请求前,需要域名解析(DNS解析,域名系统。domain name system----,是一个将域名和ip地址相互映射的一个分布式数据库,能够使人更方便的访问互联网,不需要去记住IP地址),解析获取相应的ip地址。4,浏览器向服务器发起tcp连接,tcp(传输控制协议)三次握手。5、握手成功之后,浏览器向服务器发送http请求
2021-11-03 14:43:21
327
原创 vue组件机制
一、概述组件可以拓展HTML元素,内部封装了可复用的HTML、CSS、JS代码。组件类似于vue实例,组件内部有template属性,用于指定模板,vue实例内有el属性,用于指定模板二、组件定义let component1 = { data(){ //返回对象值唯一拷贝,保证复用的组件内部数据不会相互影响 return{ comMsg:'组件数据', } },
2021-09-14 14:19:59
93
原创 原生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
102
原创 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
69
原创 ES6基础总结(上)
变量在es5中,我们通常使用var声明一个变量,但是var有很多奇葩的特性,这些特性与常规的编程语言都不太相同,在es6中,又提供了与常规语言类似的声明变量的方法。1)let 特点:1.变量声明不会被提升,在变量声明之前无法使用该变量 2.具有局部作用域,即let声明的变量只能在对应代码块中使用 3.不允许重复声明2)const:let用于声明一个变量,而const用于声明常量...
2021-08-13 16:54:05
87
原创 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
140
原创 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
60
原创 DOM事件
1、事件三要素: 事件目标(event target) 事件处理程序(event handler) 事件对象(event object)2、事件流 事件冒泡 事件捕获 DOM事件流 事件捕获->直接事件本身处理程序->事件冒泡3、事件绑定机制 1)html事件处理程序绑定...
2021-07-28 08:59:53
194
原创 数组的栈操作、队列操作和相关函数的封装
定义:简单来说,数组的栈操作、队列操作就是对数组进行添加或移除元素,对原始数组进行改变相关函数:arr.length arr.push(入栈的元素)被出栈的元素 arr.pop()被出队的元素 arr.shift()arr.length arr.unshift(插队的元素)...
2021-07-23 15:19:28
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人