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文档里，文本围绕图片，一般把这种方式称为“文本环绕”。这种排版的形式在网页里也是很常见，图片和文字并列排版，不过在网页里，所有元素都可以进行类似这种并列排版。专业术语叫浮动。在以前浮动基本是网页布局排版的唯一选择，但现在出现更好、更方便的属性来代替浮动。
2024年11月24日
@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。
calc() 函数用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算；