自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 浏览器的运行流程

浏览器运行流程

2023-03-02 19:11:29 769

原创 排序算法总结

排序算法的总结

2022-10-14 17:23:49 234

原创 VUE学习笔记

VUE基础小记浏览器渲染流程问题虚拟DOMVUE渲染流程webpack浏览器渲染流程构建DOM树(文档对象模型)构建CSSOM树(构建完整才能使用)在上两步若遇到js阻塞树的构建,则优先加载js文件DOM树与CSSOM树结合,构建渲染树(Render Tree)布局Layout(为Render树上的节点确定显示屏上的精确坐标)绘制Painting(调用节点的paint方法,绘制)页面的重绘,重排(回流)回流:回流是布局或者几何属性需要改变重绘:由于节点的几何属性发生改变或者由于样式

2022-05-03 22:08:54 698 1

原创 CSS布局

文章目录浮动FLexbox网格布局定位和层叠上下文响应式设计浮动设置浮动后,脱离正常文档流,不会覆盖文字,文字形成环绕效果。其高度不会加到父元素上(需要将一个元素放置在主容器末尾,对其使用clear属性,将其拓展到浮动元素下方,即可实现父元素背景包含浮动元素的效果)clear:该元素某边不允许出现浮动元素.clearfix::before.clearfix::after{ display:table; content:" "; //防止外边距折叠}.clearfix::after{ c

2022-04-27 20:41:28 688

原创 盒模型 -- CSS基础回顾(三)

文章目录元素宽度元素高度外边距折叠容器内元素间距元素宽度魔术数值:通过多次尝试修改样式得出的值默认的盒模型,指定的宽高,指定为内容的宽高,该模型在进行布局时,需要多次考虑padding的影响,并调用calc()进行调整。通过box-sizing:border-box进行调整,调整后的盒模型,该模型包含padding,可通过width直接解决全局设置border-box:root{ box-sizing:border-box;}*,::before,::after{ box-si

2022-04-26 19:43:21 185

原创 相对单位 -- CSS基础回顾(二)

文章目录相对单位视口的相对单位自定义属性相对单位视口的相对单位自定义属性

2022-04-26 15:51:37 296

原创 层叠,优先级,继承 --CSS基础回顾(一)

文章目录层叠层叠规则继承特殊值简写属性层叠层叠规则当CSS发生声明冲突时,会按照根据以下三种条件解决冲突样式表的来源选择器的优先级源码顺序(1)样式表我们通常添加的样式表属于作者样式表,其优先级大于用户代理样式表(浏览器的默认样式),作者样式表会将其覆盖。!important,该声明会被标记为更高优先级的来源作者!important > 作者 > 用户代理(2)优先级浏览器将优先级分为:HTML的行内样式(内联样式),选择器样式行内样式无选择器,直接作用于

2022-04-26 11:24:43 186

原创 树状数组详解

文章目录原理详解模板总结原理提示:这里可以添加本文要记录的大概内容:详解模板在这里插入代码片总结提示:这里对文章进行总结:

2022-04-06 22:05:12 77

原创 DFS模板总结与使用

文章目录概念模板二、例题Leetcode 78 子集相关链接概念遍历树或图的方法,常用于子集,排列,组合等问题的求解。沿某一节点,尽可能深的搜索,当遇到边界条件或节点不满足条件时,回溯到上一节点。模板function dfs(cur){ if(边界条件){ 相应操作 return; } for(遍历所有可能的选择){ 是否满足题目条件 dfs(cur + 1); 回溯 }}二、例题Leetcode 78 子集返回数组的幂集合//dfs1var subs.

2022-03-30 14:56:04 512

原创 BFS的理解与使用

BFS的理解与使用简单记录有关BFS的使用文章目录BFS的理解与使用前言一、模板二、例题1.Leetcode 1971. 寻找图中是否存在路径2.LeetCode LCP 07. 传递信息总结前言广度优先遍历,沿图(树)宽度进行遍历,可采用邻接矩阵和邻接表作为存储结构,分别为O(n**2),O(n+e)。时间效率有所不同一、模板let BFS = function(...){ const edges = new Array(n).fill(0).map(() => new Array

2022-03-25 17:05:01 325

空空如也

空空如也

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

TA关注的人

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