![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试总结
文章平均质量分 83
2021前端面试知识学习与总结
夏肖潇
前端小白,摸索学习中~
展开
-
深入理解ES6中Set
文章目录前言一、创建Set1.new +add2.数组(具有迭代器的对象)构造拓展:Set和数组的转换1.数组转换成Set2.Set转换成数组二、常用方法1.has()2.delete()3.forEach()拓展:function函数和箭头函数区别1.定义函数的书写方式2.this指向3.构造函数4.变量提升前言ES6中提供了Set数据容器,这是一个能够存储无重复值的有序列表。一、创建Set1.new +add通过new Set()可以创建Set通过add方法能够向Set中添加数据项//原创 2021-01-25 15:30:06 · 474 阅读 · 0 评论 -
JavaScript一
文章目录1.JavaScript包括以下几个部分2.ECMAScript3.DOM4.BOM1.JavaScript包括以下几个部分 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM)2.ECMAScript2.1 即ECMA-262定义的语言,并不局限于Web浏览器,Web浏览器只是ECMAScript实现可能存在的一种宿主环境宿主环境提供ECMAScript的基准实现和环境自身交互必需的扩展2.2如果不涉及浏览器的话,ECMA-262原创 2021-01-25 13:49:59 · 156 阅读 · 0 评论 -
javaScript二 HTML中的JavaScript
文章目录一、使用script元素1.script元素下有8个属性:2.转义字符3.src与外部域文件4.标签位置5.推迟执行脚本6.异步执行脚本7.动态加载脚本二、行内代码与外部文件1.使用外部文件的优点2.优化三、文档模式四、noscript元素一、使用script元素1.script元素下有8个属性:async 可选,表示应该立即开始下载脚本,但不能阻止其他页面动作,比如下载资源或等待其他脚本的下载。只对于外部的脚本文件有效 。charset,用的少,表示使用src属性值的时候,指定的代码字原创 2021-01-25 13:47:50 · 201 阅读 · 0 评论 -
数组去重
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、indexOf1.新数组判断2.旧数组判断二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、indexOf(indexO方法)该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start原创 2021-01-25 13:46:34 · 119 阅读 · 0 评论 -
Less学习
文章目录前言一、less环境搭建1.单页面项目中less环境搭建2.vue框架中less环境搭建二、less的语法及应用1.使用过程:2.注释的差别3.变量的使用3.变量的延迟加载4.less的嵌套规则5.LESS混合2.读入数据2.读入数据总结前言LESS是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表。 LESS是一种动态样式表语言,扩展了CSS的功能。 LESS也是跨浏览器友好。CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便可以通过Web浏览器读取原创 2021-01-21 11:20:47 · 340 阅读 · 0 评论 -
CSS中display
文章目录转换一、行内元素二、块状元素三、行内块状元素转换首先这三者是可以互相转换的,使用display属性能够将三者任意转换:(1)display:inline;转换为行内元素(div、p、nav、aside、header、footer、section) (2)display:block;转换为块状元素(span、a、b、i、sub、sup)(3)display:inline-block;转换为行内块状元素一、行内元素行内元素最常使用的就是span,其他的只在特定功能下使用,修饰字体 b 和原创 2020-12-23 20:42:11 · 132 阅读 · 0 评论 -
实现左右固定,中间自适应布局
文章目录经典布局一、圣杯布局二、双飞翼布局三、使用CALC(css3中提供的一个计算公式)四、flex(若不考虑兼容,首选flex)五、定位(若考虑兼容,选择定位)经典布局圣杯布局双飞翼布局通俗讲:左右固定,中间自适应一、圣杯布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/cs原创 2020-12-23 16:49:58 · 761 阅读 · 0 评论 -
css中盒模型
文章目录CSS盒模型一、标准盒模型二、IE盒模型(怪异盒模型)三、flex弹性伸缩盒模型四、多列布局盒模型CSS盒模型Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。一、标准盒模型box-sizing:content-box平常最常用的就是标准盒模型,即box-sizing中的content-box,原创 2020-12-23 11:09:12 · 1170 阅读 · 0 评论 -
掌握盒子水平垂直居中方案
掌握盒子水平垂直居中方案定位三种display:flex(注意:不兼容,移动端常用)JavaScript方式display:table-cell(本身控制文本,若要用要求父级要有固定宽高)两个盒子,大盒子和小盒子,实现小盒子在大盒子内部水平垂直居中。定位三种定位方法一(明确盒子高和宽的值)```html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>定位&原创 2020-12-22 21:23:03 · 125 阅读 · 0 评论