前端的一些问题(面试会问,工作中会遇到的)

本文讨论了前端面试中常见的问题,包括进程和线程的区别、V8引擎解析JS、闭包原理及应用、异步机制、深拷贝与浅拷贝等。同时阐述了这些概念在实际工作中的作用,如优化异步代码、理解虚拟DOM以提升性能,以及组件化开发的最佳实践。此外,还提到了箭头函数与普通函数的差异及其在React中的应用。
摘要由CSDN通过智能技术生成

面试问题

  1. 进程和线程什么区别
  2. 浏览器是如何渲染页面的
  3. V8是如何解析js的
  4. 什么是闭包,闭包原理,js的垃圾回收机制
  5. 异步的原理,js与内核之间的交互 √
  6. 深拷贝,浅拷贝区别,如何深拷贝,有什么问题 √
  7. cookie localstorage sessionstorage 区别
  8. nginx
  9. webpack
  10. 虚拟dom 及其实现原理 √
  11. 组件如何去区分 √
  12. npm 和 node 有什么区别和联系 √
  13. 箭头函数和普通函数的区别 √
    这些问题在工作中有什么用呢

工作中的作用

  1. 闭包…
  2. 异步的原理
    宏任务&微任务
    js 是单线程的,主线程 同时只做一件事,是从一个任务队列里去取任务做
    同步代码,先执行(同步代码就是已经开始干活的代码)
    异步代码,后执行
    promise 里的代码(未改变状态前)的代码是同步代码
    promise then 会放到微任务队列里 (优先级最高 1)
    setTimeout DOM渲染 rendering(异步任务)宏任务队列(次高级 2)

知道了异步的原理,可以在使用异步的时候能够写出更符合逻辑的代码
例如,同步大量计算的运算拆分优化

浅拷贝 是共享同一个内存区域,拷贝后的变量会影响到

在我的前端开发工作,我曾遇到一个比较困难的技术问题是跨域请求。在某个项目,我需要从前端发送跨域请求来获取数据,但由于浏览器的同源策略限制,导致请求被阻止,无法正常获取数据。 为了解决这个问题,我采取了以下一些措施: 1. 首先,我尝试使用JSONP(JSON with Padding)来进行跨域请求。JSONP利用了HTML<script>标签可以跨域加载资源的特性,通过动态创建<script>标签来请求数据,并在服务器返回的响应包裹回调函数的调用。这样可以绕过同源策略的限制,实现跨域请求。 2. 如果JSONP不适用或不可行,我尝试使用CORS(跨域资源共享)来解决跨域请求的问题。在服务器端设置相应的响应头,允许指定的域名访资源。然后在前端发送请求时,附带相应的请求头信息,告知服务器该请求是来自跨域的源,并且附带一些必要的安全验证信息。 3. 在某些情况下,如果以上方法都无法解决问题,我可能使用代理服务器来转发请求。通过在同域名下创建一个代理服务器,将前端的跨域请求发送到该代理服务器,然后由代理服务器再发送到目标服务器。这样可以绕过浏览器的同源策略,实现跨域请求。 通过以上的方法和策略,我成功解决了跨域请求的问题,并能够正常获取到所需的数据。这个经验让我更加熟悉了跨域请求的原理和解决方案,提高了我的问题解决能力。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值