使用AJAX进行异步通信的基本步骤如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024创建XMLHttpRequest对象：使用JavaScript代码创建一个XMLHttpRequest对象，该对象用于进行异步通信。为XMLHttpRequest对象添加事件监听器：为XMLHttpRequest对象添加事件监听器，以便在通信状态改变时接收回调。创建请求：使用XMLHttpRequest对象的open方法创建一个HTTP请求。其中，需要指定请求的方法（GET或POST）和目标URL。设置请求头部：使用XMLHttpRequest对象的setRequestHeader方法设置请求头部，以便向服务器传递必要的信息，如数据格式等。发送请求：使用XMLHttpRequest对象的send方法发送请求。对于GET请求，可以将参数拼接到URL后面；对于POST请求，可以将参数以字符串或FormData对象的形式传递。处理响应：在XMLHttpRequest对象的事件回调函数中，使用responseText或responseXML属性来获取服务器的响应数据。可以使用这些数据来更新页面或进行其他操作。AJAX的原理是通过XMLHttpRequest对象实现与服务器的异步通信。在传统的同步通信中，浏览器发起请求后需要等待服务器响应，并在等待期间无法进行其他操作。而使用AJAX进行异步通信时，浏览器可以在发送请求后继续执行其他代码，不需要等待服务器响应。当响应返回后，浏览器会调用注册的回调函数来处理响应数据，从而实现异步更新页面内容。AJAX主要用于以下方面：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024动态加载内容：可以在页面加载完成后通过AJAX请求服务器获取额外的内容，如文章列表、评论等。表单数据提交：可以通过AJAX将表单数据异步提交给服务器，而不需要刷新整个页面。轮询更新：可以周期性地向服务器发送请求，以获取热点数据的更新。需要注意的是，由于AJAX请求涉及跨域问题，可能会遇到安全性限制。在跨域请求时，需要服务器允许相关的请求，并且需要特别处理响应的数据。

今天来给大家整理一波超实用的面试问题记录👩💻📝作为一个工作5年、经历过20+场技术面试的老前端，真的发现：虽然每家公司的题目不同，但考察方向出奇一致！今天就来分享我在各个公司面试中被反复提问的技术点 & 行为问题👇还会按基础→进阶→项目深挖分类整理好，方便大家复习！📌一、技术类高频问题（必背项）🔍 HTML/CSS 篇说说HTML语义化标签有哪些，为什么重要？flex和grid布局的区别是什么？实现一个垂直居中的方法有哪些？CSS动画和transition的区别？BFC是什么？有什么应用场景？🔍 JS 基础篇闭包是什么？举个实际使用场景原型链怎么理解？如何访问对象的原型？var、let、const 的区别？事件委托的原理和优势Promise.all 和 Promise.race 的区别？🔍 Vue 篇Vue响应式原理讲一下computed和watch的区别？Vue生命周期钩子有哪些？分别在什么时候执行？Vue3和Vue2的区别？v-if和v-show的区别？🔍 React 篇React组件通信方式有哪些？useEffect和useLayoutEffect的区别？React的虚拟DOM机制是怎样的？Redux的核心思想是什么？React中key的作用是什么？🔍 性能优化篇如何提升首屏加载速度？什么是懒加载？实现方式有哪些？浏览器缓存策略有哪些？SEO优化可以从哪些方面入手？Webpack打包优化怎么做？🔍 计算机基础篇TCP三次握手四次挥手的过程？HTTP状态码常见有哪些？代表什么意思？浏览器渲染页面的过程？什么是跨域？解决方式有哪些？本地存储有哪几种？区别是什么？📌二、算法与数据结构（刷题建议）✔ LeetCode高频题（至少掌握思路）：数组去重、两数之和、最长无重复子串链表反转、合并两个有序链表栈实现队列、最小栈快速排序、归并排序手写深度优先/广度优先遍历📌Tips：很多公司会要求你用白板或在线文档手写代码，所以不要只看不练！📌三、项目深挖问题（重点！）面试官最爱问的不是你做了什么功能，而是：🔍 技术选型类：为什么选择Vue而不是React？这个功能有没有更好的实现方式？🔍 难点突破类：在项目中遇到的最大挑战是什么？是如何定位和解决问题的？🔍 业务理解类：你做的这个模块对业务带来了什么价值？如果让你重构你会怎么设计？🔍 团队协作类：如何与后端/产品沟通需求？出现分歧时你是怎么处理的？📌建议：准备2~3个核心项目，熟练掌握每个细节，最好能画出架构图！📌四、行为面试问题（别忽视）请用STAR法则描述一次你解决复杂问题的经历你在团队中最骄傲的一次贡献是什么？你怎么看待加班文化？你最大的缺点是什么？如何改进？未来3年你的职业规划是什么？📌小技巧：提前准备好几个真实案例，避免现场卡壳！📌五、实战建议✅ 每次面试完立刻复盘，记录问题+回答✅ 找朋友模拟面试，练习表达逻辑✅ 利用AI工具辅助模拟技术面官提问✅ 多总结共性问题，形成自己的答题模板✅ 不要死记硬背八股文，要学会用自己的话解释清楚最后想说：面试不只是技术考试，更是综合能力的展示。准备越充分，底气就越足！希望这份面试问题清单能帮你少走弯路～💪✨记得收藏+点赞，让更多正在求职的小伙伴看到这篇干货！你最近面试遇到了哪些难题？欢迎评论区交流呀💬💖

🏢公司名称：百奥家庭互动（广州百田）💻招聘岗位：发行、美术、产品、开发、职能🌟内推码：NTAYlzs💰福利待遇：年底双薪、年会、健身房、餐补投递链接：https://app.mokahr.com/m/apply/aobi/25015#/home

🏠 一、固定基础支出（30%-50%）● 🏠 住房成本：房租、水电费● 🍱 饮食消费：○ 工作日两餐（公司包午餐）○ 休息日三餐○ 小确幸：奶茶、咖啡、水果等● 🚇 交通出行：○ 日常通勤（地铁/公交）○ 偶尔打车🛍 二、弹性消费支出（20%-30%）● 👗 生活与形象管理：○ 护肤品、洗漱用品○ 衣物/鞋包（季节性采购）● 🎉 快乐投资：○ 聚会社交○ 休闲娱乐（电影、SPA、滑雪等）● 📱 数码生活：○ 手机话费/流量💰 三、债务与储蓄规划（10%-30%）● 💳 债务管理：○ 信用卡还款○ 花呗及其他贷款● 📈 财富成长：○ 强制储蓄○ 理财投资📚 四、自我成长投资（5%-15%）● 🧠 知识升级：○ 在线课程学习○ 书籍购买● 🧘‍♀️ 健康管理：○ 各类健身课程（瑜伽、普拉提等）○ 保健品（当前暂停）🎁 五、灵活备用金（5%-10%）● ❤ 情感维系：○ 生日红包○ 节日礼物● 🎁 应急支出：○ 其他未预见开销🌈每个人的支出结构都是个性化的，核心是在 “生存需求” 和 “长期规划” 之间找到平衡～

地产工作两年半，身高181cm，六块腹肌，上可管理团队，下可洗衣做饭，精通各种工作所需技能，沟通谈判、文本汇报等等，有无老板看上请私聊

跨域请求是指浏览器不能直接向不同域名的服务器发起请求。解决跨域问题的方法有以下几种：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024JSONP（JSON with Padding）：利用script标签的src属性可以加载任意域名下的js文件的特性，通过在URL中传递callback函数名，让服务端返回指定格式的数据，前端通过调用指定的callback函数来获取数据。CORS（Cross-Origin Resource Sharing）：跨域资源共享，是W3C标准，需要服务端在响应头中设置Access-Control-Allow-Origin字段来允许前端跨域访问。代理：通过后台中转请求，将服务端的数据请求发送到同一域名下的后台进行处理并返回结果给前端。WebSocket：在建立WebSocket连接时不会执行同源检测，因此可以使用WebSocket进行跨域通信。发布JSON数据文件，JSONP或者JavaScript加载到页面里。但这种方式并不友好，容易暴露数据。设置Access-Control-Allow-Origin允许跨域，此方法支持IE8+、Chrome、Firefox等现代浏览器,或者使用XMLHttpRequest Level 2对象里面提供的withCredentials属性的值为true。在同一根域名下，但是不同二级域名之间进行跨越AJAX请求, 可以通过设置document.domain来解决。

RESTful API指的是一种符合REST（Representational State Transfer，即表述性状态转移）架构风格标准的API。RESTful API是一种基于HTTP协议构建的API，并且通过URL来确定资源，使用HTTP方法（如GET、POST、PUT、DELETE等）来定义操作行为，以及使用JSON等数据格式传输数据。与传统的API相比，RESTful API具有以下区别：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024关注资源：RESTful API将每个URL看做一个资源，并针对这些资源定义相应的操作。无状态：RESTful API是一种无状态协议，即请求之间相互独立，不会保存上下文信息。基于HTTP协议：RESTful API基于HTTP协议，使用HTTP方法来定义操作行为，并使用HTTP状态码来反映请求处理结果。数据格式：RESTful API通常使用JSON等轻量级数据格式来传输数据。可缓存性：由于RESTful API具有无状态特性和代表资源的URL地址，因此可以使客户端缓存资源或结果以提高性能和可伸缩性。语义化：RESTful API倡导使用自描述消息，即请求和响应中包含足够的信息让技术和非技术人员理解它们之间的交互。

ECharts的核心组件主要包括以下几个：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bb776ebc550a4fb39023bb015336ee9f图表组件（Chart Component）：用来绘制各种类型的图表，如折线图、柱状图、饼图等。使用图表组件可以通过配置数据和样式信息来生成对应的图表效果。坐标系组件（Coordinate System Component）：用来定义图表中的坐标系，如直角坐标系、极坐标系等。坐标系组件提供了坐标轴、网格线等元素，用于展示数据的位置和大小关系。数据组件（Data Component）：用来管理数据，包括数据的加载、转换和处理等功能。数据组件可以将不同格式的数据转化为统一的格式，并提供数据的过滤、排序、聚合等操作。视觉映射组件（Visual Mapping Component）：用来将数据映射到图表的可视化属性，如颜色、大小、透明度等。视觉映射组件可以根据数据的不同取值，在图表中展示出不同的视觉效果。动画组件（Animation Component）：用来实现图表的动画效果，使图表在交互和数据更新时显示流畅的过渡效果。动画组件可以增加图表的生动感和吸引力。工具箱组件（Toolbox Component）：用来提供常用的工具和功能，如数据导出、区域缩放、图表切换等。工具箱组件可以增强用户对图表的操作和控制能力。

#我的职场心眼子段位#

优化前端性能是一个广泛的领域，有很多方法可以提高网站或应用程序的加载速度和性能。以下是一些常见的优化技巧：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d压缩和合并文件：将CSS和JavaScript文件压缩和合并成一个文件可以减少网络请求的数量，从而加快页面加载速度。图片优化：通过压缩图片文件大小、使用适当的图像格式（如JPEG、PNG）以及懒加载技术来减少图片加载时间。缓存机制：使用浏览器缓存来存储静态资源，以减少重复下载。异步加载：将不必要的资源推迟加载，例如使用异步脚本或将JavaScript放置在页面底部。延迟加载：对于长页面或含有大量内容的页面，可以使用延迟加载技术，只在页面滚动到可见区域时加载内容。减少HTTP请求：减少网页中的资源数量，例如合并CSS和JavaScript文件、使用CSS Sprites技术等。响应式设计：为移动设备进行优化，使用响应式设计，确保网站在不同屏幕尺寸上都能良好显示和操作。使用CDN：使用内容分发网络（CDN）可以将静态资源分发到全球各个服务器上，加快资源加载速度。优化代码：通过减少DOM操作、避免不必要的重绘和重排等技术来优化JavaScript代码。使用性能分析工具：使用工具如Chrome开发者工具或PageSpeed Insights等来分析和识别潜在的性能瓶颈，并采取相应的优化措施。

从某游戏大厂正编毕业，做宣发美术岗位的。目前只能拿到两个合适的机会，求大家帮忙分析。1、腾娱互动，n*14薪。不太知名预研游戏项目，发行美术岗，风格类型和工作内容很符合自己，领导挺好的，能学到东西。但项目状况似乎不太好，可能会被砍掉。然后上线前需要天天加班。2、某国内游戏小公司，(n-3)*13薪。已上线的休闲买量类游戏，发行美术岗，工作内容不符合自己的方向，也没啥成长性，估计也没啥精品放进作品集。进去后可能时常加班。现在看主流说法是腾娱脏简历，以后想投大厂直接挂简历。一种说法是腾娱起码比小游戏公司好一些，项目可以有些背书（然后我这个腾娱项目也没啥背书）。还有说法是做美术的话，可能腾娱没那么脏简历，毕竟主要看作品集水平。求大家给个判断。发行美术（做宣发视频的），要怎么选呢？进腾娱后还有可能性去到其他大厂或是中厂吗？

我是个小镇做题家，不断为高考努力、为奖学金努力，却发现不读研的选择及其有限——好像就是考研、考公。真的觉得自己所得到的配不上自己的努力，有种使尽全身力气但是被困在原地的感觉。.可能是这种感觉让我不断逃离：逃离原生家庭，逃离这种环境，如今还想拿着海外薪水过国内生活。直到这次回国实习，遇到我的面试官也是我的mentor，比我大12岁让我感觉到被看见！.他平时穿着西装却毫不违和，有着成熟男性的魅力，工作冷静果断，对团队也很关怀。在我对工作有出入时，他会耐心说明从不是一味指责，还会问我的想法，然后安排同事指导；记得开小组会，同事用“理由”占据我的休息时间，他会适时介入；下班晚还会叮嘱注意安全；甚至能敏锐捕捉组员的情绪并安抚....实习即将结束，听说他曾离异独自抚养孩子，希望这位给我带来温暖指引的人，未来一切都好！

和尚也是 20 年毕业的牛友了，当年秋招也是一把活跃好手。从毕业到现在，一直都是整租一套房子，然后自己选择室友，刚开始是大学朋友，再然后是校招认识的人合租。自己整租房子，最大的好处就是，不会把室友变成陌生人，也有一定的信任感。这里也给自己找【出租+找室友】！！## 出租房间信息● 房地点：北京昌平区回龙观龙泽龙华园二区，南北通透● 出租卧室：朝北次卧，15 平房间●入住时间：随时入住，随时看房● 整体房间：110 平，正规 3 室，3 室 1 厅， 1 卫 1 厨● 公共区域：客厅 28 平、卫生间（厕所/洗漱台是分开的）、厨房也很棒● 价格：房租 2400 元/月 （押一付三）（无中介费！！无中介费！！）● 物业+集体供暖费全包## 小区周边和地铁● 地铁方便：距离龙泽地铁站，公交车 5 分钟、步行 900+ 米，通勤幸福指数拉满● 小区对面就是华联购物中心、超市、小吃街等● 距离滴滴的天空之城职场 2 公里（骑车几分钟到）● 距离西二旗、软件园、百度、腾讯、网易、微博、小米、快手等等都不远## 室友要求和现有室友● 要求男、不抽烟、友好和谐相处● 滴滴程序猿男（我）+滴滴运营男（另外一个人），很好相处● 不接受情侣合租，可接受周末对象来****************，备注牛客租房

在Vue 2中，单向数据流是指数据在应用程序中的流动方向。按照Vue的设计理念，数据在Vue组件中的流动是单向的，即从父组件传递给子组件，而子组件不能直接修改父组件的数据。这种单向数据流模式有助于维护和追踪数据的变化，使得应用程序更加可预测和可维护。具体来说，单向数据流的模式包含以下几个关键点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb数据从父组件传递给子组件：父组件可以通过props将数据传递给子组件。子组件在props声明中接收这些数据，并在组件内部使用。子组件不直接修改父组件数据：子组件接收到的props数据是只读的，不能直接对其进行修改。如果需要修改这些数据，子组件可以通过触发事件的方式，通知父组件进行相应的更改。数据变更通过事件反馈给父组件：子组件可以通过触发自定义事件的方式，向父组件传递数据变更的信息。父组件监听这些事件，并在事件处理程序中更新相应的数据。