4.18字节前端一面

这是我的第一次面试,首先感谢遇到的面试官,人真的超级好,面试体验非常的舒适,对我来说也是很好很宝贵的一次体验
1. 自我介绍
2. css的引入方式有几种,各自介绍一下
3. js怎么在html文件中引入
4. 为什么js要放在body下面不可以放在head里吗?
5. 如果一定要放在head里面,有什么办法让它可以不影响渲染
6. 项目中的轮播图是怎么实现的?过渡动画是怎么做的?
9. transition会对所有的效果生效吗?
10. 另一个项目中的登录模块是怎么做的
11. 如何实现免登录
12. cookie localStorage SessionStorage之间的区别,localStorage可以手动添加到请求头里吗,实现免登录的一些信息可以存在SessionStorage吗
13. 打开两个一模一样的页面,里面的cookie localStorage sessionStorage可以共享吗
14.给span标签设置宽高会有效吗
15. 给span标签设置margin和padding会有效吗
16.让DOM消失的操作,这些操作有什么样的区别
17. <img style="400px !important"/>怎样修改宽高为300px:①transform(scale())缩小大小 ②border-box盒模型设置padding-left/right:50px ③添加一个max-width:300px !important
18. 根据代码看输出【这里我犯了大蠢,题目没看全,太太太紧张了】
19. 又是一道看输出【智商持续下线,复盘觉得自己真的有那么一点蠢到】
20.手写题x2
这次面试主要就是感受到了自己对于代码方面的一定问题,代码写得还是不怎么熟练,一些api知道是什么意思但是不会用,大汗
总之是很开心的一次体验










#实习面经##实习#
全部评论
手写前端的都是什么内容啊……😞
1 回复 分享
发布于 2022-04-20 10:49
当然许愿一下二面嘿嘿
1 回复 分享
发布于 2022-04-18 17:41
楼主过了吗
点赞 回复 分享
发布于 2022-05-12 14:28
请问下手写题要怎么准备呀?感觉死记硬背不下来,很快就忘记了😭😖
点赞 回复 分享
发布于 2022-05-12 08:26
想问下楼主是内推吗 怎样才能没有笔试呢
点赞 回复 分享
发布于 2022-05-09 13:24
问一下,手写题是什么呢
点赞 回复 分享
发布于 2022-05-03 23:06
请问手写题需要用例测试吗
点赞 回复 分享
发布于 2022-04-20 16:24
有笔试吗?
点赞 回复 分享
发布于 2022-04-19 19:58
算法是力扣原题吗?
点赞 回复 分享
发布于 2022-04-18 23:35
请问什么部门呢
点赞 回复 分享
发布于 2022-04-18 19:03
请问base啊
点赞 回复 分享
发布于 2022-04-18 17:50

相关推荐

现在AI技能是求职的默认必备技能,不管是传统的前后端项目还是现在AI潮流新涌出的AI应用开发工程师、AI&nbsp;Agent工程师以及最顶的AI&nbsp;算法工程师,笔者为前端岗位,秋招投递了15+互联网大厂,收获3家大厂Offer(快手、京东、拼多多),下面聊聊个人对面试中的AI的一些idea:总结(通过JD总结要学什么)前端基础JS&amp;算法、React&amp;Vue框架、Vite、Monorepo、Pnpm工程化、性能优化、主流(微前端、SSR、大前端)仍为基础,全栈+AI是亮点,前端&amp;AI学习:框架前端开发者不再只是&nbsp;UI&nbsp;渲染层,而是要理解大模型、Agent、多模态交互,并能在业务中落地&nbsp;AI&nbsp;能力。整体架构可以分为四层:AI基础知识大模型基础核心概念:LLM(大语言模型)、Token、上下文窗口、Embedding、微调(Fine-tuning)、提示工程(Prompt&nbsp;Engineering)。关键能力:文本生成、代码生成、多模态理解(文生图&nbsp;/&nbsp;文生视频)、知识问答。前端视角:如何通过&nbsp;API&nbsp;调用模型、如何处理流式输出(SSE/WebSocket)、如何优化&nbsp;Token&nbsp;消耗。Agent&nbsp;与&nbsp;RAGAgent:能自主规划、调用工具、完成复杂任务的&nbsp;AI&nbsp;实体(如&nbsp;Coze&nbsp;扣子、TRAE)。RAG(检索增强生成):结合私有知识库,让大模型回答更精准、可控。前端视角:如何设计&nbsp;Agent&nbsp;交互界面、如何展示&nbsp;RAG&nbsp;检索过程、如何做多轮对话管理。多模态&nbsp;AI核心:文本、图像、音频、视频的融合生成与理解(如剪映的&nbsp;AI&nbsp;生成、实时交互)。前端视角:Canvas/WebGL&nbsp;渲染、WebRTC&nbsp;实时流、WebGPU&nbsp;加速、多模态内容预览与编辑。AI工具链应用场景AI&nbsp;IDE&nbsp;开发(TRAE、Cursor&nbsp;方向)核心:打造端到端生成真实软件的智能协作平台。前端职责:AI&nbsp;功能交互实现(代码生成、代码理解、知识问答)、IDE&nbsp;内核框架开发、插件生态与工具链。技术栈:React/TypeScript、WebAssembly、Monaco&nbsp;Editor、WebSocket/SSE。Agent&nbsp;平台开发(Coze、HiAgent&nbsp;方向)核心:新一代&nbsp;AI&nbsp;Agent&nbsp;平台,支持协同办公与应用开发。前端职责:LLM&nbsp;驱动的&nbsp;AI&nbsp;Agent&nbsp;框架实现、多&nbsp;Agent&nbsp;协同界面、可视化编排工具。技术栈:React/Vue、状态管理、可视化编辑器、实时通信。多模态创作与交互(剪映、抖音方向)核心:生成模型优化、多模态内容合成、实时交互体验提升。前端职责:AI&nbsp;生成内容预览、实时滤镜&nbsp;/&nbsp;特效、多模态编辑界面。技术栈:WebGL/WebGPU、WebRTC、Canvas、性能优化(FPS、内存)。AI&nbsp;+&nbsp;全栈开发(小红书、美团方向)核心:在&nbsp;AI&nbsp;Coding&nbsp;工具协助下完成前后端开发、测试、部署。前端职责:全栈开发、AI&nbsp;辅助需求分析与方案设计、提升开发效率。技术栈:Node.js/Python、前后端协作、CI/CD、AI&nbsp;工具深度使用。可视化与&nbsp;AI&nbsp;交互(同顺方向)核心:大模型应用的可视化交互、RAG/Agent&nbsp;工作流演示。前端职责:可视化&nbsp;Prompt&nbsp;编排、多轮对话可视化、模型输出调试界面。技术栈:ECharts/D3.js、流程图库、实时数据渲染、响应式设计。工程化与能力要求前端基础扎实的&nbsp;HTML/CSS/JS/TS,熟悉&nbsp;React/Vue&nbsp;等框架。工程化工具:Webpack/Vite、NPM/Yarn、CI/CD、自动化测试。跨端能力:WebAssembly、Electron、Taro&nbsp;等。AI&nbsp;工程化模型接入:OpenAI&nbsp;API、火山方舟&nbsp;SDK、流式输出处理。性能优化:Token&nbsp;压缩、缓存策略、推理延迟优化、首屏加载。安全合规:数据脱敏、隐私计算、内容审核。软能力拥抱新技术,紧跟&nbsp;AI&nbsp;前沿,不设边界。跨团队协作:与算法、后端、产品紧密配合。创新思维:将&nbsp;AI&nbsp;技术与前端体验创造性结合。
AI时代下,你的岗位要求...
点赞 评论 收藏
分享
ByteIntern:面向2027届毕业生(2026年9月-2027年8月期间毕业),为符合岗位要求的同学提供转正机会。团队介绍:中国交易与广告,负责抖音电商、生活服务、广告营销等营收业务的研发。用技术带来美好生活,让用户发现更多优价好物,为用户提供更丰富独特的生活体验;连接海量用户与商家,促进交易达成,让生态里全流程体验更流畅,助力营收业务长效增长。加入团队,你将投身流量与增长主战场,挑战复杂业务场景技术难题;直面真实商家和用户,用技术解决看得见的问题,在实战中快速成长,书写属于你的价值故事!1、参与中国交易与广告业务相关产品的前端开发,覆盖Web应用、多端组件库、数据可视化等多个方向;2、与产品经理、设计师、后端工程师一起,提升产品的用户体验,打造卓越的互联网产品;3、关注前端前沿技术发展,能够将新知识传递给团队,并且转化到潜在项目中。职位要求1、2027届本科及以上学历在读,计算机、软件工程等相关专业优先;2、良好的设计和编码习惯,热爱写代码能产出高质量的设计和代码;3、掌握Web前端开发技术:JavaScript(含ES6)、HTML、CSS、DOM、协议、安全等;4、有良好的产品意识,积极乐观,认真负责,乐于协作;5、每周可实习4天及以上,可实习3个月及以上。感兴趣可私聊~可帮忙看看简历https://job.toutiao.com/s/L01oHgICBxU
帮你内推|字节跳动 实习
点赞 评论 收藏
分享
评论
26
109
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务