⼤⼚⾼级前端⼯程师⾯试题汇总

1.在 JavaScript 中， 0.1 + 0.2 === 0.3 吗? 请阐述原因并给出 解决⽅案 2.详细说明 Event Loop 3.从输⼊ URL 到⻚⾯加载发⽣了什么？ 4.TCP、UDP 和 HTTP 的区别 5.HTTP 与 HTTPS 的区别 6.最不起眼的循环打印题 7.Promise 8.防抖和节流 9.JavaScript 中的设计模式 10.数据结构与算法题 11.作⽤域 12.闭包 13.跨域怎么解决 14.Vue过滤器原理 15.过滤器原理 16.vue中的路由模式 17.ajax/axios/fetch区别 18.V8垃圾回收机制 【JavaScript 浮点数精度问题】 在JavaScript中，由于其采用IEEE 754标准定义的64位浮点格式表示数字，浮点数的精度问题常常导致看似简单的数学运算产生非预期结果。例如，0.1 + 0.2并不等于0.3，因为这两个浮点数在内存中不能精确表示，进行加法运算后会得到0.30000000000000004。为了解决这个问题，可以使用toFixed()方法将结果四舍五入到指定的小数位数，如`parseFloat((0.1 + 0.2).toFixed(10))`。此外，还可以编写自定义函数如`accAdd`，通过乘以10的适当幂次后再除以相同幂次，确保在计算过程中保持足够精度。 【Event Loop与JavaScript单线程】 JavaScript是一种单线程执行的编程语言，这意味着同一时间只能处理一个任务。为了解决并发执行的问题，JavaScript引入了Event Loop（事件循环）机制。在主线程之外，还有任务队列和事件队列，主线程执行同步代码，而异步任务则被放入任务队列中。当主线程空闲时，会从事件队列中取出一个任务执行，这种方式避免了阻塞，实现了非阻塞I/O操作，如定时器、网络请求等。通过这种机制，JavaScript可以在浏览器环境中高效地处理用户交互和网络通信。 【TCP、UDP与HTTP的区别】 TCP（传输控制协议）是面向连接的、可靠的协议，它确保数据的有序、无损传输。UDP（用户数据报协议）是无连接的、不可靠的协议，速度较快但不保证数据的完整性和顺序。HTTP（超文本传输协议）是基于TCP的应用层协议，用于传输网页数据，具有请求-响应模型，支持多种方法如GET、POST等。 【HTTP与HTTPS的区别】 HTTP是明文传输的协议，数据在网络中传输可能存在被窃取或篡改的风险。HTTPS是在HTTP基础上加入了SSL/TLS加密，提供身份验证和数据加密功能，保证了通信的安全性。 【前端面试中的其他知识点】 - 循环打印题目通常涉及异步编程的理解，如setTimeout和Promise的交互。 - Promise用于处理异步操作，提供了一种链式调用的解决方案，解决了回调地狱问题。 - 防抖(debounce)和节流(throttle)是优化性能的技术，防抖防止频繁触发，节流限制触发频率。 - JavaScript设计模式如工厂模式、单例模式、装饰者模式等，用于提高代码的可维护性和复用性。 - 数据结构与算法是基础，包括数组、链表、栈、队列、哈希表等，以及排序、查找算法。 - 作用域决定了变量的可见性和生命周期，分为全局作用域、局部作用域、块级作用域等。 - 闭包是JavaScript中一个重要的特性，允许函数访问并操作外部作用域的变量。 - 跨域是浏览器的安全策略，可以通过JSONP、CORS等方式解决。 - Vue的过滤器用于数据转换，如日期格式化等，可通过Vue实例的filters选项或组件的filter属性定义。 - Vue的路由模式包括hash模式、history模式，用于SPA（单页应用）的页面跳转。 - AJAX、axios和fetch都是用于异步数据请求的方法，各有优缺点，如fetch更符合现代浏览器API，axios提供更丰富的配置和兼容性。 这些面试题覆盖了前端开发的核心技术和理论知识，理解并掌握这些知识点对于成为一名高级前端工程师至关重要。