字节跳动一面面试回顾总结

在面试了字节跳动基础框架组前端后的总结：

1、flex是什么？都有那些属性？

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性；

属性有flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content、order、flex-grow、flex-shrink、flex-basis、align-self等属性

2、JavaScript中都有那些数组的方法？

join()、toString()、pop()、push()、shift()、unshift()、length、splice()、concat()、slice()、sort()、reverse()、indexOf() & lastIndexOf()、find()、forEach()、map()、filter()、some()、every() 、reduce()、reduceRight()、keys()、values()、entries()、includes()、Array.from()

3、怎样判断一个数是否是数组？

通过Object.prototype.toString.call()做判断、通过原型链判断、通过construtor来判断、通过ES6的Array.isArray()做判断、通过instanceof做判断、通过Array.prototype.isPrototypeOf来判断

4、cookie是什么？是怎样工作的？

 Cookie是保存在计算机上的一种文件。当我们使用计算机浏览网页时，服务器会生成一个证书并将其返回给我们的计算机。这个证书是cookie。一般来说，cookie是服务器写给客户端的文件，也可以称为浏览器缓存。

5、 浏览器缓存有哪些？

1、http缓存是基于HTTP协议的浏览器文件级缓存机制。
2、websql这种方式只有较新的chrome浏览器支持，并以一个独立规范形式出现
3、indexDB 是一个为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API
4、Cookie一般网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）
5、Localstoragehtml5的一种新的本地缓存方案，目前用的比较多，一般用来存储ajax返回的数据，加快下次页面打开时的渲染速度
6、Sessionstorage和localstorage类似，但是浏览器关闭则会全部删除，api和localstorage相同，实际项目中使用较少。
7、application cache 是将大部分图片资源、js、css等静态资源放在manifest文件配置中
8、cacheStorage是在ServiceWorker的规范中定义的，可以保存每个serverWorker申明的cache对象
9、flash缓存 这种方式基本不用，这一方法主要基于flash有读写浏览器端本地目录的功能

6、http与https有什么区别？http是什么？https是什么？都有什么作用？

区别：

• HTTP 明文传输，数据都是未加密的，安全性较差，HTTPS（SSL+HTTP） 数据传输过程是加密的，安全性较好。
• 使用 HTTPS 协议需要到 CA（Certificate Authority，数字证书认证机构） 申请证书，一般免费证书较少，因而需要一定费用。证书颁发机构如：Symantec、Comodo、GoDaddy 和 GlobalSign 等。
• HTTP 页面响应速度比 HTTPS 快，主要是因为 HTTP 使用 TCP 三次握手建立连接，客户端和服务器需要交换 3 个包，而 HTTPS除了 TCP 的三个包，还要加上 ssl 握手需要的 9 个包，所以一共是 12 个包。
• http 和 https 使用的是完全不同的连接方式，用的端口也不一样，前者是 80，后者是 443。
• HTTPS 其实就是建构在 SSL/TLS 之上的 HTTP 协议，所以，要比较 HTTPS 比 HTTP 要更耗费服务器资源。

HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法，被用于在 Web 浏览器和网站服务器之间传递信息。

HTTPS（Hypertext Transfer Protocol Secure：超文本传输安全协议）是一种透过计算机网络进行安全通信的传输协议。HTTPS 经由 HTTP 进行通信，但利用 SSL/TLS 来加密数据包。HTTPS 开发的主要目的，是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。

HTTP的作用：

1) HTTP 协议用于客户端和服务器端之间的通信；

2) 通过请求和相应的交换达成通信；

3) HTTP 是一种不保存状态的协议；

4) HTTP 通过使用 URI 来定位互联网的资源。

HTTPS的作用：

1、加密隐私数据：防止您访客的隐私信息(账号、地址、手机号等)被劫持或窃取。
2、提高页面加载速度：提高用户体验，防止客户流失。
3、安全身份认证：验证网站的真实性，防止钓鱼网站。
4、防止网页篡改：防止数据在传输过程中被篡改，保护用户体验。
5、地址栏安全锁：地址栏头部的“锁”型图标使您的访客放心浏览网页，提高用户信任度。
6、达到PCI标准：SSL是PCI合规性的关键组成部分。
7、提高SEO排名：提高搜索排名顺序，为企业带来更多访问量。

接下来就是两道面试题，一道数组扁平化、一道求最长回文子串

这次面试让我感受到基础知识的重要性，以后会加固基础