Chrome打开网页会启动哪些进程？，这是一道非常高频的互联网大厂前端面试题，但是很多同学在面试时候都回答不出来。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：在最新的 Chrome 浏览器中，打开一个网页会启动以下进程，包括：1 个浏览器主进程、1 个 GPU 进程、1 个网络进程、多个渲染进程和多个插件进程。其中，浏览器进程主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程：核心任务是将 HTML、CSS 和 JS 转换为用户可交互的网页，排版引擎 Blink 和 JS 引擎 V8 都是运行在该进程中，默认...

JWT和token有什么区别？，这是一道非常高频的前端面试题，但是很多同学在面试时候都回答不出来。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：Token其实就是一个加密的字符串，通过MD5等一些不可逆加密算法实现的，可以保证唯一性。JWT是json web token缩写，是一种特定类型的Token，它采用了JSON格式来存储有关用户身份和访问权限的信息。JWT会把用户信息加密到token里，服务器不保存任何用户信息，服务器通过使用保存的密钥来验证JWT Token。JWT由三部分组成，分别是头部（Header）、载荷（Pay...

怎么实现JS脚本延迟加载？这是一道非常高频的前端面试题，但是很多同学在面试时候都回答不出来。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：JS的延迟加载就是等页面加载完成之后再加载 JS 文件，有助于提高页面加载速度。可以有以下几种方式：第一：使用defer 属性添加defer属性后，浏览器会异步加载该JS脚本，加载完成之后不会立即执行，会在DOMContentLoaded 事件之前执行，defer可以保证脚本将按照它们在 HTML 中出现的顺序执行并且不会阻塞浏览器解析其它代码第二：使用async 属性添加async属性后，浏...

进程和线程有什么区别？，这是一道非常高频的前端面试题，但是很多同学在面试时候要么回答不出来，要么回答的不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：进程和线程是操作系统中的基本概念，进程是操作系统资源分配的基本单位，而线程是任务调度和执行的基本单位。如果我们把计算机的GPU计算比喻成一座工厂，那么进程就是工厂中的一个个车间，而线程呢就是每一个车间中的工人。在一个车间里面可以有很多的工人，这些工人们大家在一起，做车间里面的任务，所以进程和线程第一个区别就是一个进程可以包含多个线程，进程的执行是由多个线程一起来完成的。一个车...

你是怎么做项目技术选型的？，这是一道非常高频的前端面试题，但是很多同学在面试时候要么回答不出来，要么回答的不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：怎么做项目技术选型，我会从以下几方面考虑：1：项目因素。首先要考虑项目的需求和目标。不同类型的项目可能需要不同的技术栈。如果要做一些简单的静态网页项目，比如各种独立的活动页，宣传页啥的，什么顺手用什么，没必要太纠结技术选型。如果网站比较注重SEO，那可以选择考虑nuxt.js和next.js。如果是需要跨端，可以选择flutter、react native、uniapp、...

移动端为什么会有1px问题？，这是一道非常高频的互联网大厂前端面试题，但是很多同学在面试时候要么回答不出来，要么回答的不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备中，css中的1px所代表的设备物理像素是不同的。在早先的移动设备中，屏幕像素密度都比较低，如iphone3，它的分辨率为...

移动端1px问题怎么解决？，这是一道非常高频的互联网大厂前端面试题，但是很多同学在面试时候都回答不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。理想哥上一个视频有讲「移动端为什么会有1px问题？」感兴趣的朋友可以去看看。如果我是求职者，我会这么回答：移动端1px问题主要是因为css像素和对应的物理像素不一致，有以下几种解决方案。第一种：0.5px 实现我们可以直接设置 border是0.5px，虽然解决问题了，但是实用性不高，会有兼容性问题，只能在ios8+，以及部分安卓系统可以正常展示。第二种：使用 border-image 实现我们可以让设计同学...

你为什么想要加入我们公司?，这是一道非常高频的互联网大厂前端面试题，但是很多同学在面试时候都回答不好。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。虽然大部分同学真实的原因可能是你们公司给的钱多，你们约我面试的，我为了谋生，我想跳个槽等等。但是呢，真实当你在面试的时候是不能这么回答的，你需要让自己的回答更加的高大上一些。理想哥建议大家可以从下面几个方向去回答第一个方向：行业如果你面试的公司是传统行业，那么你就应该多说一点这个行业经久不衰，稳定性强。你比较看重它的稳定性，如果是新兴的行业，那你就多谈谈未来这个行业发展前景有多好，未来的趋势有多棒，你有多么的看...

前端如何防止接口重复提交？，这是一道非常高频的前端面试题，但是很多同学在面试时候都回答不完整，要么回答的不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。如果我是求职者，我会这么回答：前端如何防止接口的重复提交？可以考虑以下几种方案：第一，按钮禁用可以在用户点击按钮后，立即对按钮增加disabled属性进行禁用，在接口请求结束后再去掉disabled属性重新启用按钮。第二，加载loading可以在用户点击按钮后，页面全局加载loading提示，这样可以阻止用户再次操作，也就自然可以实现接口重复提交第三，接口锁定我们可以在axios请求中进行统一封装，使...

前端生成海报图怎么做？这是一道非常高频的前端面试题，但是很多同学在面试时候都回答不出来，老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。如果我是求职者，我会这么回答：前端生成海报图，可以用以下几种方案：第一：html2canvas 开源库这种方案是通过读取页面DOM元素的信息，然后把dom重新绘制成canvas实现网页截图优点是支持多种排版样式，有提供跨域问题解决方案，还可以对指定DOM过滤，兼容性更好。缺点是库的体积比较大，计算耗时长，性能比较一般，而且一些属性不支持转化：如不支持伪类，border不支持dash，不支持text-shadow第二：dom-...

阿里前端一面面试题，基本都是经典八股，难度不大，一起来看看你会几道？1. 地图展示为什么不用 Google2. 小程序为什么不使用框架3. 没有学 react 吗4. 前后端分离是什么5. 同源策略是什么6. 什么情况下触发同源策略7. 实现跨域通信的方式8. CORS 如何实现9. JSONP 如何实现10. 闭包是什么11. 闭包要注意什么12. this 指向13. var、const、let14. 口述深拷贝15. 深拷贝需要注意什么16. CSS 盒模型，宽度包括什么17. flex 布局18. CSS 选择器及其优先级19. 404、500、301 分别是什么20. 404、500 错误如何检查21. 临时重定向是什么，二者区别22. http 2.023. React 没学过吗24. vue 如何实现响应式25. v-if 和 v-show 区别26. 组件间通信方式27. 性能优化（使用异步请求）28. 给请求排序，手写代码 。29. 简化路径30. 反转字符串 #前端面试# #阿里前端面经#

这是一道非常高频的css基础面试题，但是很多同学在面试时候都回答不完整。老规矩，点赞收藏，加个关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：在HTML文档中，所有元素都可以理解为一个个矩形的盒子，这个盒子由四个部分组成：content、padding、border、margincontent是实际的内容展示区，boreder是边框，padding是内边距，margin是外边距。在CSS中，可以使用box-sizing 属性定义盒子模型，当值为 content-box 时，表示W3C 标准盒子模型，值为border-box时，表示IE 怪异盒子模型，值...

你是怎么做项目技术选型的？，这是一道非常高频的前端面试题，但是很多同学在面试时候要么回答不出来，要么回答的不完整。老规矩，点赞收藏，点点关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：怎么做项目技术选型，我会从以下几方面考虑：1：项目因素。首先要考虑项目的需求和目标。不同类型的项目可能需要不同的技术栈。如果要做一些简单的静态网页项目，比如各种独立的活动页，宣传页啥的，什么顺手用什么，没必要太纠结技术选型。如果网站比较注重SEO，那可以选择考虑nuxt.js和next.js。如果是需要跨端，可以选择flutter、react native、uniapp、...

【前端一面面经】蚂蚁集团一面：编码题：1. 非递归实现二叉树中序遍历2. leetcode：买卖股票的最佳时机八股文：1. 描述下就是宏任务和微任务分别是什么？执行顺序是什么？宏任务、微任务分别有哪些？2. 箭头函数可以作为构造函数吗？3. JS 为什么会有浮点精度问题，然后怎么去解决这个问题？4. 什么是原型链5. for in 会遍历到原型链上的方法吗？6. 说一下为什么浏览器会有跨域的限制，怎么解决？7. Jsonp 用过吗？说明一下8. 跨域是服务器拒绝请求还是浏览器去拒绝的请求？9. HTTP 的那个 OPTIONS 请求方法是干嘛的10. HTTP 的请求方法有哪些？11. POST 和 GET 相比有什么区别12. 简单说一下 React fiber 的作用和原理13. React 的任务调度是怎么做的14. React 中怎么判断出来浏览器剩余多少空间时间15. requestAnimationFrame 了解过吗？它的使用场景是什么？16. 描述一下 React 的合成事件，为什么不直接绑在元素上？17. 说一下什么是 HOC，HOC 能用来做什么？18. useEffect、useState 为什么不允许放到 if 判断里？19. 工作中有用过微前端吗？有了解过吗？项目相关：1. 为什么要将 Webpack 版本升级，Webpack5 相较于 Webpack4 有哪些优势？（简历中提到升级问题）2. Webpack5 里的模块联邦能介绍一下吗3. 项目中写到 node 端服务，做了些什么？ #前端面试#