前端面试星球

Html	Css	JavaScript	Vue	React	Node	Webpack	Http	Algorithm	Coding	Other

☕ 每日一题

每天get一个知识点

Day158:要求⽤不同⽅式对 A 进⾏改造实现 A.name 发⽣变化时⽴即执⾏ A.getName

/*
已知对象A = {name: 'sfd', getName: function(){console.log(this.name)}},
现要求⽤不同⽅式对A进⾏改造实现A.name发⽣变化时⽴即执⾏A.getName
*/

答案&解析

⏱️ 资源更新

• Webpack5 新特性尝鲜实战案例
• Vue v-model 是如何实现的，语法糖实际是什么
• React 中 setState 后发生了什么？setState 为什么默认是异步？setState 什么时候是同步？
• 多个 tab 只对应一个内容框，点击每个 tab 都会请求接口并渲染到内容框，怎么确保频繁点击 tab 但能够确保数据正常显示？
• 对虚拟 DOM 的理解？虚拟 DOM 主要做了什么？虚拟 DOM 本身是什么？
• 说一下 vue-router 的原理
• 网站 SEO 怎么处理
• Webpack 为什么慢，如何进行优化
• Webpack 打包出来的体积太大，如何优化体积？
• 商城的列表页跳转到商品的详情页，详情页数据接口很慢，前端可以怎么优化用户体验？
• 找出两个数组的交集元素
• Import 和 CommonJS 在 webpack 打包过程中有什么不同
• 客户端缓存有几种方式？浏览器出现 from disk、from memory 的策略是啥
• 介绍 Vue template 到 render 的过程
• Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗？
• 简述 mixin、extends 的覆盖逻辑
• Webpack 热更新的原理
• 说一下单点登录实现原理

📚 面试题汇总入口

• 每日一题汇总
• 全部面试题汇总

🏠 前端面试星球 Family

如果你在工作中遇到问题、在面试中遇到疑惑、在前端路上遇到了阻碍，都可以加入我们前端星球 Family，我们会竭尽全力为大家答疑解惑，让我们共同努力，一同成长。

版权许可

本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可，只要保持原作者署名和非商用，您可以自由地阅读、分享、修改。