Tiktok 生活服务前端招实习生

1. js数据类型2. 判断数据类型3. 浏览器缓存策略4. 浏览器输入url到页面渲染的整个流程5. TCP三次握手6. https加密过程7. 为什么不直接使用对称加密或直接使用非对称加密8. 同步任务微任务宏任务的顺序（手撕）9. 算法[1,2,3]=>[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]（回溯算法手撕）10. 快速排序算法（手撕）11. 常用的hook12. useEffect和useState的原理13. useEffect和useLayoutEffect的区别14. 讲讲redux15. context和redux的区别

在启动了开发服务器后，打开浏览器，点击加载解压缩扩展，选择项目中的dist文件夹。CRXJS支持热更新，所以在开发过程中，代码更新能够及时反映，无需手动刷新或重载扩展。例如我改动了组件里的内容打包pnpm run build打包结果默认在release文件夹下，可以通过vite.config.ts自主配置 plugins: [ react(), crx({ manifest }), zip({ outDir: 'release', outFileName: `crx-${name}-${version}.zip` }), ],

1. 接触前端多久了，看两个项目的完成时间都比较近。2. 对于前端掌握的一个熟悉程度怎么样，能自我评价一下吗3. 对于React，之前有了解过吗？了解的程度是怎么样的4. 说一下SSE传输和普通的HTTP请求之间的差别和不同5. SSE和WebSocket有什么区别呢？6. 提到的这个打字机的效果，说一下它实现的思路或者是一个原理7. SSE返回的数据可能是一段，而不是这种一个一个的数据，比如说是十个字符串吧，那这种应该怎么办呢，有实现的一个思路吗8. HTTP和HTTPS之间的区别9. 看到项目中依赖了一个第三方平台的api，能说一下这里是怎么去鉴权的呢，以及代码这边需要做什么样的开发和改造10. 第三方平台和这种openai的api其实有一些地方是跨域的，对于跨域，其实有时候一些跨域的请求会失败，你对这方面有了解吗？或者说浏览器跨域的一个限制11. 图片性能的优化，可以介绍一下这个方式并且说一下实现的原理吗12. 想做一个登录的拦截，有什么实现的思路13. 三列布局的一个样式，左中右，要求中间宽度是800px，左边和右边平分剩余的大小，有几种实现的方式14. flex:1 指的是什么15. 如果用flex，那如果页面宽度为600px的时候，左右是多宽16. position的定位方式都有哪些17. 一个事件循环的题，说输出18. 手写Promise All

背景：双非本9硕一面：防抖与节流：手写防抖函数并介绍节流与防抖的区别。数值加千位分隔符：编写实现代码，解释思路。前端基础：对前端的理解性能优化方法前端编译优化数据渲染：如何优化前端渲染后端返回的10000条数据。浏览器：浏览器安全攻击的理解浏览器存储机制加密与鉴权：对称加密与非对称加密的区别非对称加密的应用场景鉴权方式的实现后端技术：是否会使用Node.js等后端技术AI话题：简历提及AI相关内容，聊了一些AI技术。二面：基础问题：H5与小程序的区别小程序双线程的配合H5中JS引擎与渲染引擎的阻塞两种线程之间的通信方式Vue2与Vue3的区别个人经历：聊了一些学习经历，有点压力面的感觉。面试官...