最后
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
-
HTML5新特性，语义化
-
浏览器的标准模式和怪异模式
-
xhtml和html的区别
-
使用data-的好处
-
meta标签
-
canvas
-
HTML废弃的标签
-
IE6 bug，和一些定位写法
-
css js放置位置和原因
-
什么是渐进式渲染
-
html模板语言
-
meta viewport原理
- 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
SQL的标准语法：
select table1.column,table2.column from table1 [inner | left | right | full ] join table2 on table1.column1 = table2.column2;其中，
inner join表示内连接；left join表示左外连接；right join表示右外连接；full join表示完全外连接；on子句用于指定连接条件。
注意：
- 如果使用
from子句指定内、外连接，则必须要使用on子句指定连接条件； - 如果使用（
+）操作符指定外连接，则必须使用where子句指定连接条件。
二、内连接（Inner Join/Join）
2.1 Inner Join
Inner join逻辑运算符返回满足第一个（顶端）输入与第二个（底端）输入联接的每一行。这个和用select查询多表是一样的效果，所以内连接用的很少。
还有一点要说明的就是Join 默认就是inner join。 所以我们在写内连接的时候可以省略inner 这个关键字。
2.2 举例说明
1.2.1 先创建2张测试表并插入数据：
SQL> select /* from dave;ID NAME1 dave2 bl1 bl2 daveSQL> select /* from bl;ID NAME1 dave2 bl1.2.3 用内链接进行查询：
SQL> Select a.id,a.name,b.name from dave a inner join bl b on a.id=b.id; -- 标准写法ID NAME NAME1 dave dave2 bl bl1 bl dave2 dave blSQL> Select a.id,a.name,b.name from dave a join bl b on a.id=b.id; -- 这里省略了inner 关键字ID NAME NAME1 dave dave2 bl bl1 bl dave2 dave blSQL> Select a.id,a.name,b.name from dave a,bl b where a.id=b.id; -- select 多表查询ID NAME NAME1 dave dave2 bl bl1 bl dave2 dave bl从这三个SQL 的结果我们也可以看出，他们的作用是一样的。
2.3 自然连接(Natural join)
自然连接是在两张表中寻找那些数据类型和列名都相同的字段，然后自动地将他们连接起来，并返回所有符合条件的结果。
先看一下自然连接的例子:
SQL> Select id,name from dave a natural join bl b; ID NAME1 dave2 bl这里我们并没有指定连接的条件，实际上oracle为我们自作主张的将，dave表中的id和name字段与bl表中的id和name字段进行了连接。也就是实际上相当于
SQL> Select dave.id,bl.name From dave join bl on dave.id = bl.id and dave.name=bl.name;ID NAME1 dave2 bl因此，我们也可以将自然连接理解为内连接的一种。
有关自然连接的一些注意事项：
- 如果做自然连接的两个表的有多个字段都满足有相同名称和类型，那么他们会被作为自然连接的条件。
- 如果自然连接的两个表仅是字段名称相同，但数据类型不同，那么将会返回一个错误。
三、外连接(Outer Join)
outer join则会返回每个满足第一个（顶端）输入与第二个（底端）输入的联接的行。它还返回任何在第二个输入中没有匹配行的第一个输入中的行。外连接分为三种： 左外连接，右外连接，全外连接。 对应SQL：LEFT/RIGHT/FULL OUTER JOIN。 通常我们省略outer 这个关键字。 写成：LEFT/RIGHT/FULL JOIN。
在左外连接和右外连接时都会以一张表为基表，该表的内容会全部显示，然后加上两张表匹配的内容。 如果基表的数据在另一张表没有记录。 那么在相关联的结果集行中列显示为空值（NULL）。
对于外连接， 也可以使用“(+) ”来表示。 关于使用（+）的一些注意事项：
- （+）操作符只能出现在where子句中，并且不能与outer join语法同时使用。
- 当使用（+）操作符执行外连接时，如果在where子句中包含有多个条件，则必须在所有条件中都包含（+）操作符
- （+）操作符只适用于列，而不能用在表达式上。
- （+）操作符不能与or和in操作符一起使用。
- （+）操作符只能用于实现左外连接和右外连接，而不能用于实现完全外连接。
（+）操作符只适用于列，而不能用在表达式上。在做实验之前，我们先将dave表和bl里加一些不同的数据。 以方便测试。
SQL> select /* from bl; ID NAME 1 dave 2 bl 3 big bird 4 exc 9 怀宁SQL> select /* from dave; ID NAME 8 安庆 1 dave 2 bl 1 bl 2 dave 3 dba 4 sf-express 5 dmm3.1 左外连接（Left outer join/ left join）
left join是以左表记录为基础,示例中Dave可以看成左表,BL可以看成右表,它的结果集是Dave表中的数据，再加上Dave表和BL表匹配的数据。换句话说,左表(Dave)的记录将会全部表示出来,而右表(BL)只会显示符合搜索条件的记录。BL表记录不足的地方均为NULL。
示例：
SQL> select /* from dave a left join bl b on a.id = b.id; ID NAME ID NAME 1 bl 1 dave 1 dave 1 dave 2 dave 2 bl 2 bl 2 bl 3 dba 3 big bird 4 sf-express 4 exc 5 dmm -- 此处B表为null，因为没有匹配到 8 安庆 -- 此处B表为null，因为没有匹配到SQL> select /* from dave a left outer join bl b on a.id = b.id; ID NAME ID NAME 1 bl 1 dave 1 dave 1 dave 2 dave 2 bl 2 bl 2 bl 3 dba 3 big bird 4 sf-express 4 exc 5 dmm 8 安庆用（+）来实现，这个+号可以这样来理解： + 表示补充，即哪个表有加号，这个表就是匹配表。所以加号写在右表，左表就是全部显示，故是左连接。
SQL> Select /* from dave a,bl b where a.id=b.id(+); -- 注意： 用（+） 就要用关键字where ID NAME ID NAME 1 bl 1 dave 1 dave 1 dave 2 dave 2 bl 2 bl 2 bl 3 dba 3 big bird 4 sf-express 4 exc 5 dmm 8 安庆3.2 右外连接（right outer join/ right join）
和left join的结果刚好相反,是以右表(BL)为基础的, 显示BL表的所以记录，在加上Dave和BL 匹配的结果。 Dave表不足的地方用NULL填充.
示例：
SQL> select /* from dave a right join bl b on a.id = b.id; ID NAME ID NAME 1 dave 1 dave 2 bl 2 bl 1 bl 1 dave 2 dave 2 bl 3 dba 3 big bird 4 sf-express 4 exc 9 怀宁 --此处左表不足用Null 填充--已选择7行。SQL> select /* from dave a right outer join bl b on a.id = b.id; ID NAME ID NAME 1 dave 1 dave 2 bl 2 bl 1 bl 1 dave 2 dave 2 bl 3 dba 3 big bird### 最后本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于**前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等**>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)****前端视频资料：**题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于**前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等**>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**[外链图片转存中...(img-EsmAAEZf-1714983680544)]**前端视频资料：**[外链图片转存中...(img-Z2CrPcCH-1714983680545)]
