- 博客(10)
- 收藏
- 关注
原创 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基础回顾(一)
文章目录层叠层叠规则继承特殊值简写属性层叠层叠规则当CSS发生声明冲突时,会按照根据以下三种条件解决冲突样式表的来源选择器的优先级源码顺序(1)样式表我们通常添加的样式表属于作者样式表,其优先级大于用户代理样式表(浏览器的默认样式),作者样式表会将其覆盖。!important,该声明会被标记为更高优先级的来源作者!important > 作者 > 用户代理(2)优先级浏览器将优先级分为:HTML的行内样式(内联样式),选择器样式行内样式无选择器,直接作用于
2022-04-26 11:24:43
186
原创 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关注的人