文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
JavaScript
| — | — | — |
| <html></html>
| HTML标签 | 页面中的最大的标签,我们称为根标签 |
| <head><head>
| 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
| <title></title>
| 文档的标题 | 让页面拥有一个属于自己的网页标题`` |
| <body></body>
| 文档的主体 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |
-
HTML文档的后缀名必须是
.html
或.htm
,浏览器的作用是读取HTML文档,并以网页的形式显示出它们 -
HTML 标签通常是成对出现的,例如
<body>
和</body>
,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签 -
有些特殊的标签必须是单个标签(极少情况),例如
<br>
,我们称为单标签
2.文档类型声明标签
<!DOCTYPE>
文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
-
<!DOCTYPE>
声明位于文档中的最前面的位置,处于<html>
标签之前 -
<!DOCTYPE>
不是一个 HTML 标签,它就是文档类型声明标签
3.lang语言种类
用于定义当前文档显示的语言
-
en
定义语言为英语 -
zh-CN
定义语言为中文
4.字符集
在<head>
标签内,可以通过<meta>
标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码
- charset 常用的值有::GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符
===================================================================
1.标题标签
一级标签
二级标签
三级标签
四级标签
-
加了标题的文字会加粗,字号也会依次变大
-
一个标题独占一行
2.段落标签
段落标签
-
可以把HTML文档文档分割为若干段落
-
文本在一个段落这种会根据浏览器窗口的大小进行自动换行
3.换行标签
-
<br />
是个单标签 -
<br />
标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距
4.文本格式化标签
用于为文字设置粗体、斜体、下划线等效果
| 语义 | 标签 |
| — | — |
| 加粗 | <strong></strong>
|
| 倾斜 | <em><em>
|
| 删除线 | <del></del>
|
| 下划线 | <ins></ins>
|
5.盒子标签
我是一个行内元素
-
<div></div>
一行只能放一个 -
<span></span>
一行可以放多个
6.图像标签
| 属性 | 属性值 | 说明 |
| — | — | — |
| 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>
标签用于定义表单域,会把它范围内的表单元素信息提交给服务器
web浏览器中的javascript
- 客户端javascript
- 在html里嵌入javascript
- javascript程序的执行
- 兼容性和互用性
- 可访问性
- 安全性
- 客户端框架
- 开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
window对象
-
计时器
-
浏览器定位和导航
-
浏览历史
-
浏览器和屏幕信息
-
对话框
-
错误处理
-
作为window对象属性的文档元素