前言
一眨眼又到年底了,每到这个时候,我们都会慢慢反思,这一年都做了什么?有什么进步?年初的计划都实现了吗?明年年初有跳槽的底气了吗?
况且2020年我们经历了新冠疫情的洗礼,很多程序员都经历了失业,找工作的恐慌。导致今年的互联网环境太差,需要自己有足够的知识储备,才能够应对这凌冽的寒风。
下面一起来看看面试要如何准备,大家可以参考参考提前准备好面试。
HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素。
块级元素:
- 独占一行,宽度和父元素宽度一样宽(默认)
- 可以设置宽高
- 设置的width属性和元素的宽度(width+padding2+border2+margin2)是两回事(盒子模型)
- 如果没有设置高度,高度由内容撑开
- 块级元素可以包裹别的元素。p标签尽量不要包裹别的块级元素
常用的块级元素:
<div> </div>
:
块级的块标签,用于在效果中 定义一块;<p> </p>
:
段落标签,用于展示效果中划分段落;<h1>.....<h6>
:
标题标签,用于展示效果中划分标题;<ol> </ol>
:
有序列表标签,用于在效果中定义一个有序列表<ul> </ul>
:
无序列表标签,用于在效果中定义一个无序列表;<dl> </dl>
:
引起定义列表;<table></table>
:
表格标签,用于在效果中定义一个表格;<form></form>
:
指定所包含控件在表单中起作用。
行内元素:
- 可以和别的标签共享一行,标签的宽度和高度由内容决定
- 不能设置宽高,外边距和内边距部分可控制(盒子模型)
常用的行内元素:
<a> </a>
:
超链接标签,用于在效果中定义一个可以点击跳转的链接;<span></span>
行级的块标签,用于在效果中 一行上定义一个块,进行内容显示;</br>
:
换行;<i>
:
指定文本应以斜体渲染,若可用的话;<em>
:
强调文本,通常以斜体渲染;<strong>
:
以粗体渲染文本;<label>
:
为页面上的其它元素指定标签;<q>
:
分离文本中的引语;<cite>
:
用斜体显示标明引言;<code>
:
指定代码范例;<var>
定义编程变量。通常以斜体渲染;
行内块级元素:
- 可以和别的元素共享一行,宽高由内容决定(默认)
- 可以设置宽高
- 注意:行内块级元素并排显示的时候,两个行内块级元素之间默认有一个间隔
- 取消行内块级元素之间的空格:
(1)给行内元素的父元素设置字体大小为0px(行内元素的内容无法显示,行内元素之间的空格也无法显示)
(2)给行内元素设置合理的字体大小(行内元素的内容就能显示了)
常用的行内块状元素:
<img></img>
:
图片标签,用于在页面效果中展示一张图片;<input></input>
:
创建各种表单输入控件。
最后
面试一面会问很多基础问题,而这些基础问题基本上在网上搜索,面试题都会很多很多。最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
96道前端面试题:
常用算法面试题:
前端基础面试题:
内容主要包括HTML,CSS,JavaScript,浏览器,性能优化