万丈高楼平地起,所有的编程语言都从最基础原材料构建整个语言体系,JS也不例外。
2024年11月24日
2024年11月24日
1. 说下行内元素和块级元素的区别?行内块元素的兼容性使用(IE8 以下)
Q1)行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。
块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。
2024年11月24日
作者:写代码像蔡徐抻
转发链接:https://juejin.im/post/5e8b261ae51d4546c0382ab4
大家好,我是练习时长一年半的前端练习生,喜欢唱、跳、rap、敲代码。转眼又到了金三银四的时节,相信很多小伙伴已经在为自己心仪的公司做准备,本文是笔者一年多来对前端基础知识的总结和思考,这些题目对自己是总结,对大家也是一点微薄的资料,希望能给大家带来一些帮助和启发。成文过程中得到了许多大佬的帮助,在此感谢恺哥的小册、神三元同学的前端每日一问以及许多素未谋面的朋友们,让我等萌新也有机会在前人的财富中拾人牙慧,班门弄斧Thanks?(?ω?)?
2024年11月24日
概述
在我们日常的书写代码中,经常使用到float:left/right和position:absoulte/fixed,我们都知道这几个CSS样式都能使HTML中的元素脱离文档流(normal-flow),但是他们脱离文档流之后的效果是否相同呢?
2024年11月24日
1、float属性
● float默认值为none
● 左浮动(元素靠上靠左)
float:left
● 右浮动(元素靠上靠右)
float:right
2024年11月24日
新能源汽车零部件去除,压铸铝毛刺,厚度在2mm左右,且边缘还有其他小毛刺,加装在机器人上可用什么加工方案去除?可用重量轻、大扭矩0.6N.m的RBZ40浮动主轴去除。
压铸铝毛刺,厚度在2mm,一般小扭矩主轴去除会有震动,效率不高,选择扭矩大的RBZ40浮动主轴,可提高去除效率,其转速高达20000转/min,扭矩0.6N.M,可实现360°径向浮动和5mm轴向浮动,加装在机械臂末端柔性去毛刺。
2024年11月24日
在某些阈值时,某些列可能会出现比别的列高的情况。为了克服这一问题,建议联合使用 .clearfix 和 响应式工具类。
例子:下边的布局中,第一个的文字比较多,会出现列比其他列高的情况,由于底层是浮动写的,这时候在移动端的时候会出现下边三个元素浮动上去,这时候就要清除浮动,并且该div只在移动端显示,就能解决这个问题了
<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3 Resize your viewport or check it out on your phone for an example.
2024年11月24日
1. Float basics 浮动基础
在了解浮动之前,要先了解文档流。文档流是正式输出的流。元素在前面的元素先输出。元素写在后面的后输出。块级元素占满一行。内联元素按内容的大小占空间。且不占一行。文档流有别于浮动流。根据w3school规定,由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。如下:
这个黄色的框在左浮动后,他下面的文字p元素就上来了。(为什么上来,因为p元素忽视浮动框的存在。P是文档流。黄色框是浮动流。)这样,他和黄色框是在同一行。文字照顾到框的存在所以向后缩进。其实<p>是也占一行的。但是它忽视黄色框的存在。按正常的文档流输出。Float以前主要是用于文字环绕图片的效果。
2024年11月24日
目标
在word文档里,文本围绕图片,一般把这种方式称为“文本环绕”。这种排版的形式在网页里也是很常见,图片和文字并列排版,不过在网页里,所有元素都可以进行类似这种并列排版。专业术语叫浮动。在以前浮动基本是网页布局排版的唯一选择,但现在出现更好、更方便的属性来代替浮动。