1、[HTML]前端需要注意哪些 SEO?
2、[CSS]清除浮动指什么？如何清除浮动？两种以上方法。
浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？
3、[JS]数组有哪些 API ，哪些会改变原数组？
1、前端需要注意哪些 SEO?
搜索引擎优化，利用搜索引擎的规则，通过一定的优化手段、方式及方法提高客户网站在有关搜索引擎内的自然排名。
(1)、合理的title、description、keywords（搜索对三厢的权重逐个减小）；
(2)、语义化代码，符合W3C标准，让搜索引擎更容易理解；
(3)、重要内容不要用JS输出，怕从不会执行js获取内容；
(4)、少用iframe，搜索引擎不会抓取iframe中的内容；
(5)、非装饰性图片加alt；
(6)、提高网站速度，它也是搜索引擎排序的一个重要指标。
2.1、清除浮动指什么？如何清除浮动？
2.2、浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？
浮动：
脱离普通流的控制。默认块元素再文档流中垂直排列，如果要实现别的排列，可以说脱离文档流。
浮动元素不在文档的普通流中，所以文档的普通流中的默认块元素表现得像是浮动元素不存在一样。
通俗的说，css中一些元素是块级元素，会启用新的一行，还有一种内联元素，会与之前保持在同一行。有些需要改变这些布局，就需要用css浮动来实现，比如一个右浮动元素，将被推动到它的容器的最右边。
清除浮动原因：
浮动有利于布局，但会产生一些问题：影响兄弟元素的位置（无视浮动元素进行排版）、父元素产生高度塌陷（包含浮动元素的父元素不会根据它自动撑高高度）
设置浮动元素的目的是为了更好的部剧，这些影响不利于布局，因此我们要清除这些额外的影响。
清除浮动：
(1)、创建after伪元素，设置clear: both;
(2)、创建额外标签，行尾添加空div，设置clear: both;
(3)、父级添加overflow:hidden/overflow:auto，触发BFC方式;
总结：清除浮动的方法分为两类：css的clear与BFC特性。
1、clear属性：
就是闭合元素，让父盒子闭合出口和入口，不让里面的盒子出来。
2、块格式化上下文（BFC）：
BFC可以包含浮动元素。
解释：
一个独立的布局环境，其中的元素布局是不受外界影响的，并在一个BFC中，块元素盒和行内元素盒（一行所有的内联元素组一块）都会组成垂直的沿着父元素的边框排列。
web页面的可视CSS渲染的一部分，是块盒子的布局发生区域，也是浮动元素与其他元素交互的区域。
3、数组有哪些 API ，哪些会改变原数组？
不会改变元素组：
(1)、concat
连接两个或多个数组，返回一个新的数组。
(2)、join
所有元素放进一个字符串，返回新的字符串。
(3)、slice
可提取字符串的某个部分，返回一个新的数组。
(4)、split
通过指定分隔符对字符串进行切片。
(5)、includes
判断数组中是否存在该数组，可以提换indexOf判断方式。
(6)、map
创建新数组，其结果是该数组中的每个元素都调用一次提供的函数后的返回值。
(7)、forEach
对每个元素进行处理
(8)、filter
遍历数组，返回结果为真的新数组
(9)、erey
对数组的每一项都运行给定的函数，每一项都返回true，则返回true
(10)、some
对数组的每一项运行给定的函数，任一项返回true，则返回true
(11)、find
找出符合当前搜索规则的第一个元素，种植搜索并返回
(12)、reduce
对数组中的每个元素执行一个提供的reducer函数（升序执行），将其结果汇总为当个返回值。
(13)、indexOf
返回某个指定的字符串在字符串中首次出现的位置。
改变原数组：
(1)、fill
新元素提换组内元素。
(2)、splice
删除从index处开始的0个或多个元素，返回被删除的元素的数组，直接修改原数组。
(3)、unshift
将新项目添加到数组的开头。
(4)、shift
删除数组中的第一个项目。
(5)、push
向数组添加一个新项目。
(6)、pop
删除数组的最后一个元素。
(7)、sort
用原地算法对数组的元素进行排序，并返回数组。默认排序是在将元素转换为字符串，然后比较他们的UTF-16代码单元值序列时构建的。
(8)、reverse
用于颠倒数组中元素的序列。
补充：
(1)、Array.form
将一组值转换为数组。
(2)、Array.of
创建一个具有可变数量参数的新数组实例。
(3)、Array.isArray
判断是否为数组。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
