自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 对浏览器渲染页面的过程研究

浏览器渲染页面的过程DOM——> CSSOM ——> 渲染树 ——> 布局 ——> 绘制 ——> 渲染HTML+CSS+JS浏览器渲染页面的过程就像盖房子的过程一般先请求服务器得到html文件,html相当于网页的框架结构一、DOM1.字节:浏览器先得到是是字节内容的html文件,2.字符:必须进行转化成浏览器识别的语言,于是将字节转化为字符(即程序员可看懂的代码),3.Token:再转化为html标记语言(里面有

2022-05-24 15:37:04 247

原创 对TCP和UDP的简单理解——通俗易懂,图文并茂

对TCP和UDP的简单理解,包含TCP和UDP之间的区别

2022-04-29 10:27:02 5693 2

原创 JS之微任务macroTask和宏任务microTask

微任务macroTask和宏任务microTask 提示:本博客主要介绍什么是微任务什么是宏任务文章目录微任务macroTask和宏任务microTask一、 什么是微任务?什么是宏任务?二、event loop 和 DOM 渲染效果三、微任务和宏任务的区别1,从event loop解释,为何微任务执行早?2,任务执行顺序一、 什么是微任务?什么是宏任务?提示:这里简要罗列几种常见的微任务和宏任务:宏任务: setTimeout,setInterval,Ajax,DOM事件(所有的异步,除了D

2022-05-27 22:11:59 447

原创 什么是promise?promise状态,promise的应用和内置方法

对promise的简单理解文章目录对promise的简单理解什么是promise?一、promise的状态(1)promise实例有三种状态:(2)promise的实例有两个过程(3)promise的特点:(4)promise的缺点:(5)总结二、promise的基本用法(1).创建promise对象(2).promise构造函数接收一个函数作为参数,该函数的两个参数分别为resolve和reject。(3).Promise.resolve(4).Promise.reject三、promise方法(六种

2022-05-24 14:39:56 459

原创 总结JS中常用的数组的方法大全

总结JS中常用的数组方法 JS中常用的数组方法总结数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据。在使用数组时,经常会搭配循环语句使用,从而很方便地对一组数据进行处理。文章目录总结JS中常用的数组方法一,JS中创建数组的方式:二,数组的长度三,数组的方法有数组原型方法,也有从Object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有:1.join()2.push()和pop()3.shift()和un

2022-05-24 13:56:28 4736 3

原创 计算机网络——关于HTTP相关状态码的总结

常见的HTTP状态码—持续更新中!!! 提示:这里仅简单总结常见状态码,仍在持续更新中文章目录常见的HTTP状态码—持续更新中!!!常见的状态码总结一、2XX二、3XX304表示服务器允许访问资源,但因发生请求未满足条件的情况(资源未修改)总结常见的状态码总结提示:此处仅为简单总结,博主会在下方展开详细叙述:(1)2XX 成功● 200 OK,表示从客户端发来的请求在服务器端被正确处理● 204 No content,表示请求成功,但响应报文不含实体的主体部分● 205 Reset Co

2022-05-18 18:17:43 274

原创 扩展运算符的作用以及使用场景

所有能够被迭代的东西,都可以被展开运算符...,进行展开

2022-04-30 10:32:12 2417

原创 ES6相关-var,let,const详解及区别

如果使用关键字var声明一个变量,那么这个变量就只有通过var关键字,函数声明是通过function关键字,而在es6之后,声明的方式有var,let,const,function,class等。

2022-04-29 14:46:38 1016

原创 前端css高频使用的属性总结

前端css高频使用的属性总结(不断更新中!!!)

2022-04-26 22:05:44 770

原创 css动画相关属性详解

css动画相关属性

2022-04-25 12:25:55 3416

原创 普歌-赤道团队:前端基础CSS-Fonts(字体)与文本属性要点及解析

css-Fonts字体属性与文本属性系列要点css-fonts字体属性及文本属性一、字体属性1.1 字体系列1.2 字体大小1.3 字体粗细1.4 文字样式1.5 字体复合属性1.6 字体属性总结二、文本属性2.1 文本颜色2.2 对齐文本2.3 装饰文本2.4 文本缩进2.5 行间距2.6 文本属性总结总结css-fonts字体属性及文本属性1.CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)等等2. CSS Text(文本)属性可定义文本的外观

2021-02-19 12:18:46 883 1

原创 普歌-赤道团队:css基础之选择器要点解析及相关使用规范

css基础之选择器的使用css选择器一、选择器的分类二、选择器的使用2.1 标签选择器2.2 类选择器2.2.1类选择器2.2.2 类选择器-多类名选择器2.2.2.1 多类名使用方式2.2.2.2 多类名开发中使用场景2.3类选择器注意事项2.4 id选择器2.5 id 选择器和类选择器的区别2.6 通配符选择器2.7基础选择器总结总结css选择器css选择器:选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简言之,就是选择标签用的。一、选择器的分类选择器分为基础

2021-02-17 15:07:54 566 1

原创 普歌-赤道团队:盒子模型的相关阐述及重要知识点总结

文章目录盒子模型的相关阐述及知识点总结二、盒子模型1.盒子模型(Box Model)组成2.盒子边框(border)3.表格的细线边框4.边框影响盒子的实际大小5.盒子的内边距6.盒子的外边距总结盒子模型的相关阐述及知识点总结本文主要介绍盒子模型知识点总结# 一、首先要看透网页布局的本质是什么?网页布局的过程先准备好相关的网页元素,网页元素基本都是盒子box利用css设置好样式,然后摆放到相应的位置给盒子里面装内容网页布局的核心本质:就是利用css摆盒子二、盒子模型1.盒子模型

2021-02-11 11:41:34 801 3

原创 普歌-赤道团队:对CSS-2D转换的总结

普歌-赤道团队:CSS3-2D转换(移动,旋转,缩放)CSS-2D转换是什么?二维坐标系是什么?一、要了解CSS-2D转换,首先要明白二维坐标系1.位移(translate)2.旋转(rotate)3.缩放(scale)CSS-2D转换是什么?二维坐标系是什么?转换(transform)是css中具有颠覆性的特征之一,可以实现元素的位移,旋转,缩放等效果。也可以把转换简单的理解为变形一、要了解CSS-2D转换,首先要明白二维坐标系在CSS中,二维坐标系是不同于数学中的坐标系哦!如图:(上边为数

2021-02-10 14:12:56 3150 12

空空如也

空空如也

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

TA关注的人

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