框架相关
原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。
在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue框架
知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
React框架
知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
一级标签
二级标签
三级标签
四级标签
-
加了标题的文字会加粗,字号也会依次变大
-
一个标题独占一行
2.段落标签
段落标签
-
可以把HTML文档文档分割为若干段落
-
文本在一个段落这种会根据浏览器窗口的大小进行自动换行
3.换行标签
-
<br />
是个单标签 -
<br />
标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距
4.文本格式化标签
用于为文字设置粗体、斜体、下划线等效果
| 语义 | 标签 |
| — | — |
| 加粗 | <strong></strong>
|
| 倾斜 | <em><em>
|
| 删除线 | <del></del>
|
| 下划线 | <ins></ins>
|
5.盒子标签
我是一个行内元素
-
<div></div>
一行只能放一个 -
<span></span>
一行可以放多个
6.图像标签
![AcWing AcWing](AcWing.jpg)
| 属性 | 属性值 | 说明 |
| — | — | — |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本(当图片不能显示时候显示的文字) |
| title | 文本 | 提示文本(鼠标放到图像上,显示的文字) |
src
是<img>
标签的必须属性,它用于指定图像文件的路径和文件
7.超链接标签
| 属性 | 作用 |
| — | — |
| href | 用于指定链接目标的url地址,是必须属性 |
| target | 用于指定连接页面的打开方式,_self为默认值,_blank为在新窗口中打开 |
8.特殊字符
| 特殊字符 | 描述 | HTML代码 |
| — | — | — |
| | 空格号 |
|
| <
| 小于号 | <
|
| >
| 大于号 | >
|
| &
| 和号 | &
|
| “
| 引号 | "
|
| ®
| 已注册 | ®
|
| ©
| 版权 | ©
|
- 空格、小于号、大于号 这三个符号较为常用
9.表格标签
-
table
用来定义表格的标签 -
th
用来定义表格中的表头,表头单元格里面的内容加粗居中显示 -
tr
用来定义表格中的行,必须嵌套在<table></table>
标签中 -
td
用来定义表格中的单元格,必须嵌套在<tr></tr>
标签中
10.列表标签
| 标签名 | 定义 | 说明 |
| — | — | — |
| <ul></ul>
| 无序列表 | 里面只能包含li
,没有顺序,li
里面可以包含任何标签 |
| <ol></ol>
| 有序列表 | 里面只能包含li
,有顺序 |
| <dl></dl>
| 自定义列表 | 里面只能包含dt
和dd
,dt
和dd
里面可以放任何标签 |
- 无序标签
- 无序标签
- 无序标签
- 有序标签
- 有序标签
- 有序标签
- 自定义标签
- 自定义标签
11.表单标签
一个完整的表单通常由表单域,表单控件(表单元素)和提示信息3部分组成
1. 表单域
-
表单域是一个包含表单元素的区域
-
<form></from>
标签用于定义表单域,会把它范围内的表单元素信息提交给服务器
| 属性 | 属性值 | 作用 |
| — | — | — |
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |
| method | get/post | 用于设置表单数据的提交方式,其取值为get或post |
| name | 名称 | 用于指定表单的名称,以区分同一个页面中的多个表单域 |
2.表单元素
①input输入表单元素
input
是个单标签,type 属性设置不同的属性用来指定不同的控件类型(文本字段、复选框、单选按钮、按钮等)<input>
标签的一些其他常用属性-
name
和value
是每个表单元素都有的属性值,主要给后端人员使用 -
name
是表单元素的名字,要求单选框和复选框要有相同的name
值 -
checked
属性主要针对于单选框和复选框,主要作用是一打开页面,就可以默认选中某个表单元素
②文本框与密码框
账号:
密码:
-
type
属性设置为text
是文本框 -
type
属性设置为password
是密码框
③单选框和复选框
性别:男 女
选课:物理 化学 生物
-
type
属性设置为radio
是单选框 -
type
属性设置为checkbox
是复选框 -
name
是表单元素的名字,要求 单选框和复选框要有相同的name值
④button和文件域
文末
篇幅有限没有列举更多的前端面试题,小编把整理的前端大厂面试题PDF分享出来,一共有269页
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
type
属性设置为radio
是单选框-
type
属性设置为checkbox
是复选框 -
name
是表单元素的名字,要求 单选框和复选框要有相同的name值
④button和文件域
文末
篇幅有限没有列举更多的前端面试题,小编把整理的前端大厂面试题PDF分享出来,一共有269页