美团前端凉斤

优化前端页面性能是提升用户体验和减少加载时间的重要任务。以下是一些与浏览器内核相关的技巧，可以用于优化前端页面性能：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e603181d8a9b4b9ea0cc9be7cb8778b7减少HTTP请求：减少页面中的资源文件数量和大小，从而减少浏览器发起的HTTP请求。可以通过合并CSS和JavaScript文件、使用CSS Sprites合并小图标、使用字体图标代替图片等方式来减少请求。压缩和缩小资源文件：使用压缩工具（如Gzip）对CSS、JavaScript和HTML等文件进行压缩，减小文件大小。另外，可以使用图片压缩工具和正确设置图片的尺寸来减小图片文件的大小。使用浏览器缓存：通过合理设置HTTP响应头（如Cache-Control、ETag、Last-Modified等），充分利用浏览器缓存机制，减少重复的资源请求。静态资源文件应该设置为长期缓存，以及时利用用户的浏览器缓存。异步加载脚本：将一些不必要阻止页面加载的JavaScript脚本放到页面底部，并使用async或defer属性来实现异步加载，从而提高页面的加载性能。懒加载和延迟加载：对页面上的图片和其他资源进行懒加载，即仅在它们进入可视区域时才加载。这样可以减少初始加载时间并节省带宽。使用CDN（内容分发网络）：将常用的静态资源文件托管到CDN上，利用CDN的分布式网络，将资源缓存在距用户较近的服务器，提高资源加载速度。避免使用重复的代码和冗余的样式：通过避免冗余的HTML结构、CSS样式和JavaScript代码，减小页面文件大小，以及提高渲染和执行效率。使用内联和内部样式：将关键的CSS样式直接内联到HTML中或使用内部样式表，避免额外的外部CSS文件请求，提高页面加载速度。最小化重排和重绘：避免频繁的DOM操作和样式改变，以减少引发浏览器重排（reflow）和重绘（repaint）的次数。可以使用transform、opacity等属性进行优化。使用Web Workers：将一些耗时的JavaScript操作（如计算、数据处理）放到Web Workers中运行，使主线程可以更快地响应用户交互，提高页面的性能。使用事件委托：通过事件委托将事件处理函数绑定到父元素，减少事件处理函数的数量，提高页面的响应速度。

背景“屋顶的闪闪星光”这个IP的主题是：软件技术人员的职业发展、就业选择。我用这个IP发表了很多系列文章，涉及产业链、公司、城市、岗位、职场发展等各个方面。为了配得上这个内容消费快餐化的年代，这里对一些核心观点做了汇总，当然，还是希望大家能去看看我的文章。私企还是国企简单来讲，就业有两条主要的路线：国企、私企。去私企就是刷履历、刷技术、刷待遇，城市不重要，所以尽量往大城市里跑，那里好机会更多，卷上几年，把技术、履历刷好了，把钱挣了，再提其它的。去国企就是为了稳定不卷的，尽量去找定居性价比高一些的核心城市，比如，广州、杭州、苏州、南京、西安、武汉、成都、重庆、合肥、天津、济南等。国企数量太大，也...

10.11 boss投简历10.12 上午一面，面完约下午二面更新：二面hr面，口头意向一面：（记不太清了第一次面试不知道用什么记录面经）1. 自我介绍2. 项目难点3. 项目中的轮询方法实现（感觉答得不好）×4. echarts库用了哪些图表，有没有遇到过饼状图标签太长重叠的问题（不会就是没有遇到过）×5. vue2、vue3 区别（答了响应式原理、api、生命周期、新的组件、ts支持）6. computed和watch的区别7. 有没有遇到过内存泄漏（不会就是没遇到过）×8. 防抖节流9. 后端发请求在什么生命周期（onMounted 还是onBeforeMount）10. 插槽语法、插槽传参×11. element样式覆盖，样式渗透×12. 数组方法13. 判断数据类型14. 深拷贝浅拷贝，项目中有用过么15. flex属性 ，flex：116. 状态码17. vue组件传参方式二面：hr面，介绍公司具体细节、对ai的看法、什么时候入职本科200/day，硕士300/day，外地本科250/day打算再观望一下，看看别的机会

一面1.行内元素和块状元素区别2.es6新特性3.事件循环,讲一讲有哪些宏任务和微任务4.闭包及其作用5.react用的最多hooks的是什么6.说一下useCallBack,useMemo7.用过React.Memo吗8.讲一下你写到的难点9.git常用的指令10.git合并代码11.讲一下浏览器缓存,localstorage的数据我要如何设置过期时间12.讲一下跨域解决13.实现垂直居中14.v-if和v-show区别15.js的数据类型16.数据类型分为那俩种?有什么区别?17.数据类型的判断方法18.instanceOf的问题19.箭头函数的特点20.在git种我想提交当前代码,但是又想清除当前代码我应该怎么做(没听懂)21.css的继承属性二面1.你用的什么版本react，讲讲react类组件和函数组件2.讲讲项目权限控制的全流程（从登陆接口问起，非常细致）3.讲讲如何封装axios的，流程有哪些4.讲讲js原生实现文件上传，手写ajax，用原生html标签5.讲讲浏览器缓存，有什么区别cookie 4kb ，其他俩个都是5mb6.细说一下localstorage，有多大，怎么计算7.细致讲一下表格的换页怎么做的8.es6新特性有哪些，细致的讲讲promise9.讲讲你印象最深的做的性能优化10.es6数组新方法11.讲讲表单，有哪些元素12.讲讲你用过那些antd的组件13.了解echarts库吗？讲讲echarts画图14.图片上传的解决途径hr面略