自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 chrome开发工具

在浏览器网页上按下f12 打开浏览器控制台控制台标签Elements 可以帮助我们调试页面的 HTML 和 CSS Console 是我们用得最多的页面,它可以帮助我们调试 JavaScript Source 可以帮助我们调试开发中的源码 Application 可以帮助我们调试本地存储和一些浏览器服务,比如 Cookie、Localstorage、通知等等。 Network 在我们开发前后端交互接口的时候,可以让我们...

2022-05-17 12:21:47 345 1

原创 JS的this

执行上下文当中包含了变量环境 词法环境 outer thisthis 是和执行上下文绑定的作用域链 和 this是两套不同的系统,它们之间基本没太多联系。执行上下文分为三种:全局执行上下文, 函数执行上下文, eval执行上下文(开发绝大多数情况都不会使用eval函数)this也分为三种: 全局执行上下文的this 函数执行上下文的this eval执行上下文的this一. 全局执行上下文的this <script type="text/javascr..

2022-05-11 17:16:51 142

原创 javaScript闭包

闭包: 根据词法作用域的规则,内部函数总是可以访问其外部函数中声明的变量, 当通过调用一个外部函数返回一个内部函数后 即使该外部函数已经执行结束了,但是内部函数引用外部函数的变量依然保存在内存中, 我们就把这些变量的集合称为闭包。 有下面代码<script type="text/javascript"> function foo() { var myName = "zhangsan" let num1 = 1 .

2022-05-08 16:24:00 362

原创 js词法作用域

词法作用域:词法作用域就是指作用域是由代码中函数声明的位置来决定的 词法作用域是静态的作用域,通过它就能够预测代码在执行过程中如何查找标识符。有下面代码 <script> function foo() { var myName = "1" bar() } function bar() { console.log(myName) } var myName = "2" foo...

2022-04-09 09:31:04 881

原创 JS作用域

作用域作用域是指在程序中定义变量的区域,该位置决定了变量的生命周期 就是变量与函数的可访问范围,即作用域控制着变量和函数的可见性和生命周期全局作用域全局作用域中的对象在代码中的任何地方都能访问 生命周期伴随着页面的生命周期函数作用域函数作用域就是在函数内部定义的变量或者函数,并且定义的变量或者函数只能在函数内部被访问。 函数执行结束之后,函数内部定义的变量会被销毁。块级作用域ES6 引入了 let 和 const 关键字 使用let,const关...

2022-02-10 16:46:57 415 2

原创 JS调用栈

当一段代码被执行时,JS引擎先会对其进行编译,并创建执行上下文 ----接上篇JS变量提升JS变量提升已经讲了编译和执行。但没有明确什么才叫 一段代码以下情况代码才算是“一段”代码,才会在执行之前就进行编译并创建执行上下文当JS执行全局代码的时候,会编译全局代码并创建全局执行上下文,而且在整个页面的生存周期内,全局执行上下文只有一份。 当调用一个函数的时候,函数体内的代码会被编译,并创建函数执行上下文,一般情况下,函数执行结束之后,创建的函数执行上下文会被销毁。 当使用eval函数的时候,e

2022-02-08 16:59:07 1928

原创 JS变量提升

声明和赋值: 有一段代码 var myname = '张三' 可以拆解为 var myname = undefined // 声明部分 myname = '张三' // 赋值部分变量提升:在JS代码执行过程中,JS引擎把变量的声明部分和函数的声明部分提升到代码开头的“行为”。变量被提升后,会给变量设置默认值undefined举个例子: 有代码如下<script> sh...

2022-01-19 15:06:22 471

原创 浏览器的渲染流程

渲染流水线:渲染模块在执行过程中会被划分为很多子阶段, 输入的 HTML 经过这些子阶段,最后输出像素。流水线可分为如下几个子阶段:构建DOM树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成子阶段: 开始每个子阶段都有其输入的内容 然后每个子阶段有其处理过程 最终每个子阶段会生成输出内容总结: 在HTML页面内容被提交给渲染引擎之后, 渲染引擎首先将 HTML 解析为浏览器可以理解的 DOM 然后根据 CSS 样式表...

2022-01-15 09:48:55 376

原创 从输入 URL 到页面展示

用户发出 URL 请求到页面开始解析的这个过程,就叫做导航。从输入 URL 到页面展示一.用户输入 浏览器的地址栏会判断输入的是搜索内容还是请求url 是搜索内容,地址栏会使用浏览器默认的搜索引擎拼接搜索内容,形成新的url 是url,地址栏会会根据规则,把这段url附上协议(http,https) 当用户输入关键字并按下回车之后,就会替换成新的页面,beforeunload事件允许页面在退出之前执行方法 当...

2022-01-09 17:00:42 649

原创 http协议

HTTP 是一种允许浏览器向服务器获取资源的协议 浏览器使用HTTP协议作为应用层协议,用来封装请求的文本信息。使用 TCP/IP作为传输层协议发送到网络上 从 浏览器输入 https://mp.csdn.net/ 发生了什么一.构建请求 游览器构建请求行信息 GET /index.html HTTP1.1 ,构建好后,浏览器准备发起网络请求二.查找缓存 在真正发起网络请求...

2021-11-12 15:48:24 2482

原创 TCP/IP协议

互联网,实际上是一套理念和协议组成的体系架构IP(网际)协议: 计算机地址就是ip地址, 访问任何网站实际上只是你的计算机向另一台计算机请求信息 主机A 主机B 数据包A...

2021-11-04 18:23:51 178

原创 浏览器进程和线程

浏览器进程和线程线程 多线程可以并行处理任务 线程不能单独存在, 它需要由进程来启动和管理 进程 一个进程就是一个程序的运行实例 启动一个程序的时候,操作系统会为该程序创建一块内存。 用来存放代码、运行中的数据和一个执行任务的主线程,我们把这样的一个运行环境叫 进程 线程是依附于进程的,而进程中使用多线程并行处理能提升运...

2021-11-04 17:52:40 126

淡入淡出 + 宽高缩放 轮播图

使用uniapp写的,把标签换成div和span 也能在vue项目上跑, 不管是uniapp还是vue,代码逻辑是一样的,只是html上标签的不同,在csdn没有搜到想要的demo,然后自己写好了一个demo分享出来

2022-04-14

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除