- 博客(20)
- 收藏
- 关注
RSS订阅原创 从输入url到页面完成加载发生了什么?
从输入url到页面完成加载发生了什么？DNS解析：将域名解析成IP地址TCP连接：TCP三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束：TCP四次挥手1、DNS解析在浏览器输入URL后，首先要经过域名解析。浏览器通过向 DNS 服务器发送域名，DNS 服务器查询到与域名相对应的 IP 地址，然后返回给浏览器，浏览器再将 IP 地址打在协议上，同时请求参数也会在协议搭载，然后一并发送给对应的服务器。1.什么是URLURL（Uniform Resour
2020-08-13 11:39:02
226
原创 Event Loop 和消息队列
Event Loop and 消息队列1.我们都知道javascript是一门单线程、异步、非阻塞、解析类型脚本语言单线程异步非阻塞事件循环 消息队列 微任务 宏任务2.单线程与多线程javascript 的设计就是为了处理浏览器网页的交互（DOM操作处理，UI动画等）决定了他是一门单线程语言。如果有多个线程同时在操作DOM,那网页将会是一团糟 ，由此我们就可以知道处理任务是一件接着一件处理，从上网下执行的3.JS引擎线程其实，JavaScript 单线程指的是浏览器中负责解释和执行J
2020-07-24 15:24:08
318
原创 cookie、localStorage、sessionStorage
webStorage和cookie共同点:都是保存在浏览器端,且同源的cookie有什么缺点？Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。区别： 1、cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递 2、cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路
2020-07-22 16:15:08
109
原创 Http 常见请求头
http请求头1.Accept:浏览器能够处理的内容类型 application/json, text/plain, /2.Accept-Encoding：浏览器能够处理的压缩编码 普通浏览器访问网页，之所以添加：“Accept-Encoding” = “gzip,deflate” 那是因为，浏览器对于从服务器中返回的对应的gzip压缩的网页，会自动解压缩，所以，其request的时候，添加对应的头，表明自己接受压缩后的数据。3.Accept-Language：浏览器当前设置的语言
2020-07-22 15:34:04
217
原创 this指向问题
首先我们要了解：全局变量默认是挂载在window下一般情况this指向它的调度者es6箭头函数中 this指向它的创建者 而不是调度者通过call 和 apply可以改变this的指向this遇到的情况作为函数调用：this指向全局对象（window）var name = 'this is window'; //定义window的name属性 function getName(){ var name = console.log(this); //控制台输出: Window //
2020-07-13 15:22:13
122
原创 防抖 节流
防抖定义：触发高频事件后n秒内函数只执行一次，如果n秒内高频事件再次触发，则重新计算时间实现方式：每次触发时间时设置一个延时调用的方法，并且取消之前的延时调用方法缺点：如果事件在规定时间间隔内不断被触发，则调用方法会被不断延迟 // 防抖 function debounce(fn, wait) { var timeout = null; return function () { if (timeout !== null)
2020-07-09 11:08:44
72
原创 css rem em px
rem em px的区别1.px:像素（pixel）相对长度单位，像素px是相对于显示器屏幕分辨率而言的IE无法调整那些使用培训作为单位的字体大小国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)2.em：相对长度单位：相对当前对象内文本的字体尺寸，任意浏览器的默认字体高都是16px，所以未经调整的浏览器都符合: 1em=16px。em值并不是固定的 ，会继承父级元素字体的大小&
2020-06-30 17:42:13
2926
原创 css五种居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * { margin: 0;
2020-06-23 09:23:36
91
原创 第K大数字出现多少次
/** * 1.排序 * 2.去重 * 3.找到第K大值 利用索引[k-1] * 4.比较 去重后的数组length 和 k */ function getNum(arr, k) { arr.sort((a,b)=>{return b-a}); console.log(arr); let uniArr = Array.from.
2020-06-23 09:23:08
92
原创 BFC
BFC1. 定义：BFC(Block Formatting context)块级格式化上下文，它是一个独立渲染的区域。2. 布局规则:内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC的区域不会与float box重叠。BFC就是页面上的一个隔离的
2020-06-23 09:20:06
121
原创 js宿主对象、本地对象、内置对象
宿住对象：(1)属性：//height,width;a=document.documentElement.clientHeight;//文档可视高度,由浏览器决定b=document.documentElement.scrollHeight;//文档可滚动高度，由文档内容决定c=document.body.clientHeight;//文档内容body体高度，由文档内容决定d=d...
2019-03-09 22:32:04
507
原创 js数组和字符串方法
数组pop()删除数组中的最后一个元素，并且返回删除的元素的值shift()删除数组的第一个元素，并且返回是删除的元素的值indexOf()返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1lastIndexOf()返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找unshift()将一个元...
2019-03-09 22:31:43
503
原创 Vue.js基础
浅谈vue：Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js；同时比起 React + Redux 相对复杂的架构，Vue.js 更加轻量级也更加容易上手，是初创项目的首选前端框架。...
2019-03-09 22:31:27
377
原创 ES6
let const var区别1、let是es6新增的声明变量的方式 ，其特点是：1.作用域是块级作用域（在ES6之前，js只存在函数作用域以及全局作用域）if(1){ let a=1; console.log(a) }2.不存在变量声明提前； console.log(b); //ReferenceError: b is not defined let b=2...
2019-03-01 10:38:09
116
原创 js-基础-运算符
运算符运算符也叫操作符 * 通过运算符可以对一个或多个值进行运算,并获取运算结果 * 比如：typeof就是运算符，可以来获得一个值的类型 * 它会将该值的类型以字符串的形式返回 * number string boolean undefined object算数运算符 * 当对非Numb...
2019-02-28 13:17:13
206
原创 js-基础-简易轮播图
1.定时器调用轮播&amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp
2018-09-09 11:26:50
556
原创 js-基础-简易版2048小游戏
**html+css**&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt;
2018-09-08 21:01:50
552
原创 js-基础-作用域、用域链、闭包基本概念
作用域基本概念：每一个JavaScript函数都是一个对象，对象中有些属性我们可以访问，有些我们不可以访问，这些属性仅供JavaScript引擎存取，[[scope]]就是其中的一个。[[scope]] ： 指的就是我们所说的作用域，其中存储了执行期上下文的集合作用域链 ： [[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链接叫做作用域链。运行期上下...
2018-09-05 14:21:56
123
原创 js-基础-数据类型
1.标识符含义：在js中所有的可以有由我们自主命名的都可以称为标志符， 比如：变量名、 函数名、属性名都属于标志符 命名一个标识符是需要遵守以下规则： 01.标识符中可以含有字母、数字、_、$ 02.标识符不能以数字开头 03.标识符不能是ES中的关键字和保留字 ...
2018-09-04 18:06:56
351
原创 js-基础-创建对象和函数的方式
Javascript初级知识点：&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&a
2018-08-26 09:18:49
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人