- 博客(42)
- 收藏
- 关注
原创 关于前端学习的思考-浮动元素嵌套块级元素12.18
综上所述,无论是块级元素嵌套浮动元素,还是浮动元素嵌套块级元素,都可以用overflow去解决这个细节问题。加一个overflow:clip或者hidden。加一个overflow:clip或者hidden。先摆图片,当橘色的盒子高度减少的时候,1、块级元素嵌套浮动元素。2、浮动元素嵌套块级元素。
2023-12-18 12:40:11
459
原创 前端学习的思考-细节打磨12.18`
注:这里不能用+选择器,.nav-item2:hover~.meau实现不了,因为+选择器是同级第一个元素的第一个同级元素。很明显,鞋品牌和下拉菜单是兄弟元素,li和下拉菜单是父子元素。.nav-item2:hover代表鼠标移入到鞋品牌后触发。.nav-item2:hover代表鼠标移入到鞋品牌后触发。空格:子级选择器,代表.nav-item2的所有子级选择器。~.meau代表同级第一个元素的后面的所有同级元素。.meau代表同级第一个元素的后面的所有同级元素。一个是同级元素,一个是父级元素。
2023-12-18 12:22:56
427
原创 关于前端学习的思考-align-items的用法
垂直对齐只对,显示模式display:flex有效。所以只能是flex 盒子才能应用。摆四张图片就能清晰认识,不再赘述。
2023-12-06 23:47:56
517
原创 关于前端学习的思考-vertical-align的用法
先摆结论:vertical-align这里的top线,bottom线,middle线,baseline线是由最大宽度和最大高度的行内元素或行内块元素决定的。3、改变第二个盒子,vertical-align:top,middle,bottom和baseline线;1、改变第一个盒子,vertical-align:top,middle,bottom和baseline线;2、改变第二个盒子,vertical-align:top,middle,bottom和baseline线;按照惯例,先摆三个行内元素。
2023-12-04 23:58:23
438
原创 关于前端学习的思考-word-wrap和word-break的区别
如上图word-wrap里面的break-word就是按照单词来换行的,空格在前,连字符在后的时候,按照连字符进行换行,那么空格和连字符哪一个拥有优先级呢?综上,word-wrap有空格的时候按照空格换行,连字符和空格同时存在的时候,无论是连字符和空格位置如何,都是按照连字符换行。word-break的keep-all就是按照空格和连字符进行换行。word-break的break-all就是正常换行。连字符在前,空格在后的时候,还是按照连字符进行换行。
2023-12-03 19:31:35
594
原创 关于前端的学习思考-父子盒子溢出问题
很明显,大盒子高度设置400px,小盒子都是高度设置成300px,明显400px<600px,这时候子盒子就会溢出。如图我们看到box1变得很大,是基于body的宽度变化,box2由于是标准流,所以box1覆盖了box2,使得看不到box2。发现并不会溢出,因为相当于两个子盒子高度相加=父盒子高度。再次发散思维,三个盒子如果至少有一个浮动,至少有一个绝对定位。摆结论:三个盒子如果至少有一个浮动,也会遵循子盒子高度相加溢出盒子这个规律。2、块级元素为父盒子,浮动元素为子盒子。父盒子都会带着子盒子移动。
2023-12-02 08:06:39
548
原创 关于前端学习的思考-浮动元素和块级元素的关系
所以父盒子会带着子盒子移动,浮动元素只会使得高度塌陷,例如子盒子为浮动元素,父盒子不会撑满,只有清除浮动,才能保留子盒子的高度,重新撑满父盒子。摆结论:子盒子为行内元素,行内块元素和块级元素,子盒子都会随着父盒子浮动。如果浮动元素里面有图片和文字,会形成文字,图片环绕效果,先右弹,后左弹。先摆关系:浮动元素嵌套块级元素,浮动元素和块级元素是上下关系。父盒子为浮动元素,子盒子不会继承。如图float=none;1、浮动元素为父盒子,块级元素为子盒子。2、块级元素为父盒子,浮动元素为子盒子。
2023-11-27 22:34:19
595
原创 关于前端学习的思考-内边距、边框和外边距
如上图,为了严谨一点,我们将padding水平部分和margin水平部分的代码顺序也调换了,代码调换也是浏览器调试时候的小技巧。我们发现内容边框是从左往右绘制的,其他盒子不设置是不会显示的,那么内边距和外边距同时为auto,它们的优先级是什么?例如图中的效果,因为宽度没有,高度没有,浏览器自动绘制:宽度横跨浏览器,高度为零。所以综上,padding水平和margin水平同时存在的时候,margin水平要先于padding水平。我们会发现,margin会自动填充,以使得整个盒子居中,注意是内容盒子居中。
2023-11-27 22:13:38
588
原创 关于后端学习的思考
在List,Queue,Stack,Deque接口可以这样加入对象吗?把while里面的条件改成&&或者||你会吗?把while改成for你会吗?这样可以这样加入对象吗?在Map,Set接口下。
2023-11-26 20:04:01
398
原创 HashMap的代码实现-垂直遍历1
然后get(键)得到值:列表,再把数值加入列表中,在这里我们可以发现通过,取得键得到值:列表,再通过add加入值,这里又要发散性思维,上图是8,88,888。注意这里的get不是索引值,因为Map是无序的,同理Set也是无序的,所以靠着键对应唯一值。我会单独讲一下,需要重置数列还是需要保存数列,这里用到的是每次都保存数列,即每次开始都是保存上一次循环值的数列。1、定义3个List对象,然后add数值,再加入Map,但是这个要定义3个对象,较为繁琐。可以和put连用,表示在索引值为多少的值中加入什么。
2023-11-26 18:43:03
344
原创 HashMap的6大常用方法
可以和put连用,表示在索引值为多少的值中加入什么。对前序遍历和后序遍历的每个节点指定序列化的值。将键=值加入到HashMap中。
2023-11-25 09:08:51
449
原创 记录一下搜索二叉树的研究路径
先研究cur1指针,先左便利,左边出现空集后,就近切换右状态,再走右边,遇到左节点,切换左节点,最后返回最近的根节点。(空节点右侧定义此返回的根节点)
2023-10-18 15:55:42
53
原创 搜索二叉树的推导(极度艰难。。。)
有时候,自己推导,和正确答案作对。是一个艰难的过程,怀疑人生,怀疑自己。终于退出来了,所以发现能写好成千上万包含算法的代码的时候,基础要非常好,心情很舒畅。
2023-10-17 04:45:24
41
原创 judge判断
judge(t1.left,t2)和judge(t1,t2.right)一定是true,因为空节点一定包含在二叉树里面。即找到一个成立了所有的都成立。尽头一定是false。
2023-10-12 10:54:28
140
原创 如何判断传入的参数,证明是相同二叉树。
左边和右边同时达到null,输出为true。(因为右侧判断代码在前)构建一个函数,传入两个二叉树的头结点。右边先达到null,输出为false。如果说中间有不同,直接输出false。左边先达到null,输出true。如果中间有相同,继续做递归。
2023-10-12 08:30:31
42
原创 boolean值的抽象输出()
false || false || true 输出为true。false || false 输出为false。false && true 输出为false。true && false 输出为false。false || true 输出为true。true || false 输出为true。true && true 输出为false。只要有一个为true即将输出true。
2023-10-10 22:33:37
94
原创 实践出真知
网上很多人说char[2]不是代表,索引值为2。但是通过实践证明确实是索引值。所以将字符串转换为char,就可以使用char和char[]的性质。
2023-10-07 19:09:41
45
1
原创 System out println
String res = head.value + “”要递归去引用head的值,第一层,第二层。和System out println(head.value)只是输出他的传入值。
2023-10-07 12:27:11
38
1
原创 if如何执行?
只会执行一个,if满足条件,执行if;else if满足条件,执行else if;两个条件都不满足,执行else后面的语句。满足第一个条件执行方括号。满足第二个条件执行方括号。
2023-10-06 21:42:51
136
1
原创 二叉树递归的思考
那么接着执行第三层方法,接着是第二层方法,接着是第一层方法。但是需要让第四层方法提前赋值。还有左支树就按照第三次来看,层层去执行当前函数。那么当第四层执行完,次方法跑完。那么就可以使得左支树按照第二层来看。二叉树可以用递归的思路来思考。比如二叉树有左支树和右支树。
2023-10-06 17:37:00
58
1
原创 最容易犯的4大编译错误
1、赋值,例如MaxmimIndex=i,换成i=MaxmimIndex。3、函数和方法一定要返回值。加上return,不然就无法返回值。2、for循环那里要用分号;
2023-10-06 12:44:30
47
1
原创 关于前序遍历,中序遍历和后序遍历非递归写法。思路探索
后序遍历:左右根,路径左边一条线,构建两个栈,将每次经过的根节点,保存至栈底。中序遍历:左根右,路径左边一条线,单if循环。前序遍历:根左右,路径左边一条线,依次加入栈,依次在路线上弹出栈。前序遍历:根左右,有一个node=node.right。前序遍历:根左右,有一个node=node.left。
2023-10-06 09:56:42
53
1
原创 为什么要构建两个栈?二叉树
在二叉树后序遍历中,非递归方法通过两个栈保存数据,是因为必须借用right,left的结构,将当前栈的两个元素加入栈中。
2023-10-05 23:50:29
48
原创 对于次类的构造加分号和逗号
public表示该方法能够被主方法调用。,表示次类前面没有class运行。表示次类前面有class运行。但需要先创建主类对象。
2023-10-05 18:46:39
28
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人