前端面试准备

（题目来源于力扣和自己购买的一些面试书籍以及自己的一些知识总结，答案以及知识详解也是我自己根据百度和教材资料等自己总结的，有错误的请大家在评论区指出）

1.选择题

正确答案：C（TCP是数据流模式，UDP是数据报模式）

相关知识点：TCP是面向连接的，提供可靠的服务；连接只能是一对一的；首部开销较UDP较大（20 字节）；面向字节流，实际上是TCP把数据看成一连串无结构的字节流

UDP是无连接，UDP尽最大努力交付，不保证可靠交付，具有较好的实时性，工作效率比TCP高，适用于高速传输和实时性较高的通信或广播通信；UDP的连接支持一对一，一对多，多对一和多对多的交互通信；UDP分组首部开销小（8个字节）；面向报文的一次交付一个完整的报文，报文不可分割；适合一次性传输较小数据的网络应用，eg:DNS,SNMP等。

正确答案：B

相关知识点：OSI七层模型中，从低到高依次为：物理层-数据链路层-网络层-传输层-会话层-

表示层-应用层

正确答案：A

相关知识点：REACT的优点有速度快，性能好，跨游览器兼容，代码模块化重用性高，单向数据流，兼容性好；缺点，不适合单独做一个完整的框架，本身只是VIEW；

正确答案：C

相关知识点:数据绑定：REACT单向，Angular双向

语言：REACT本质上是一个JavaScript库,但建议使用JSX；Angular本质上是一个JS框架，但它是为TypeScript而构建的。TypeScript是JavaScript的超集，JSX是JavaScript，但使用的是扩展的XML语法。

应用结构：REACT只是MVC中的V，Angular是一个功能齐全的MVC框架，允许将应用程序分成三个互连的组件

DOM操作：REACT操作虚拟DOM，Angular操作真实DOM

正确答案：C

相关知识点：WXML和HTML的区别，标签名称（HTML--div、span、img、a wxml--view、text、imgae、navigator），标签属性不同，组件封装不同，wxml对组件进行了重新封装，仅能在微信小程序开发者工具中预览，小程序运行在JS Core内，没有DOM树和Window对象，小程序中无法使用Window和Document对象，而html可以在游览器中预览；

WXML和HTML的相同：都是用来描述页面的结构；都由标签、属性等构成

正确答案：A

相关知识点：200（ok）：请求已成功，请求所希望的响应头或者数据体将随此响应返回

400（bad requsest）:请求格式错误（语义有误，当前请求无法被服务器理解，除非，修改，否则客户端不应该重新提交这个请求；请求有误）

404（Not Found）：请求失败，请求所失望得到的只有未在服务器上发现

500（internal server error）：服务器遇到了一个未曾预料的状态，导致他无法完成对请求处理

正确答案：D

相关知识点：1.RGBA和透明度 2.background属性（background-image;background-origin;background-size;background-repeat;） 3.word-wrap属性 4.text-shadow属性 5.font-face属性 6.border-radius属性 7.border-image属性 8.box-shadow属性 9.媒体查询

正确答案：A

相关知识点：1.计算属性在引用的时候，一定不要加（）去调用，将其当作普通属性就可。2.计算属性中的data发生变化时，会立即自动重新计算。 3.计算属性的求值结果会被缓存起来，

正确答案：D

相关知识点：强缓存，不需要给服务器发请求（response header中的expires和cache-control来判断是否命中强缓存，如果命中则直接从缓存中获取资源）；协商缓存，客户端与服务器至少存在一次请求(IF-Modified-Since或者IF-None-Match，他们的值分别是第一次请求返回Last-Modified或者Etag)

2.数据结构知识

哈希表/散列表：是能够通过给定的关键字的值直接访问到具体对应的值的一个数据结构。也就是说，把关键字映射到一个表中的位置来直接访问记录，以加快访问速度，关键字称为 Key，把对应的记录称为 Value；

通过不同的 Key，可能访问到同一个地址，这种现象叫作碰撞（Collision）。而通过某个 Key 一定会得到唯一的 Value 地址。

哈希函数比较常用的实现方法比较多，通常需要考虑几个因素：关键字的长度、哈希表的大小、关键字的分布情况、记录的查找频率等。