携程前端开发暑期实习一面

跟面试官聊了挺多,问的问题是真的多...而且很细致。写几个没答好的问题吧..

微信开发中unionid和openid的区别?

  • openid:一个用户+一个微信应用(微信开发平台下的应用,如公众号,小程序)唯一确定一个openid
  • unionid:一个用户唯一确定一个unionid(换言之,一个用户在微信平台下所有的unionid都是相同的)

ps:pc端和客户端同一用户获取的openid不一样

ES6中Map和Object的区别?WeakMap?

共同点:存储键值对的数据结构

不同点

  • 键类型:Object中的键类型只能是字符串或者Symbol;而Map的键类型可以是任何类型;WeakMap的键类型只能是对象
  • 遍历顺序:Object中的遍历顺序是不确定的;而Map的遍历顺序跟插入顺序相同,可以直接实现LRU缓存;WeakMap的键不可遍历
  • 键引用:Map中的键是强引用,键跟内存地址绑定;WeakMap中的键是弱引用,在键的引用计数清零时会被垃圾回收
Map和WeakMap

左:Map 右:WeakMap

有用过JS中的装饰器模式吗?(对装饰器模式不太熟悉,后续有时间补充一下相关知识)

在不改变对象基础上,动态为对象添加行为或者功能。ES6引入语法糖"@"。装饰器可以分为三类:函数装饰器,类装饰器,类成员装饰器。是类继承的一种替代方案,比继承更简洁且易于管理。

@readonly

webpack中loader和plugin的区别?(webpack知识点是真的枯燥,真没看多少)

作用:loader加载器主要是负责加载各种非js文件并进行编译,打包和压缩;plugin插件则是补足webpack原本无法完成的一些其他任务,如打包优化,环境变量注入等

作用时间:loader在webpack打包文件前作用;plugin作用贯穿整个生命周期,监听webpack广播出的生命周期事件,使用webpack API实现功能扩展

使用方法:webpack配置文件中,loader在rules字段对不同类型文件进行解析规则指定;plugins则在plugins字段以新建插件实例的方式引入

scss文件在webpack中的编译打包过程是怎么样的?

  1. 加载scss:sass-loader在js文件中根据模块化规则找到scss文件
  2. 编译scss:sass编译器将scss编译为css
  3. css-loader解析:根据css-loader对css文件进行加载并解析其中的@import和url()
  4. style-loader工作:将css样式插入html文件中

POST请求会返回几次?

两次,一次先发送header,返回100 continue,再发送body,返回200 OK。

后端传1w条数据,前端如何处理?

分片渲染(setTimeout / requestAnimationFrame)

将时间分片,隔一段时间插入一些DOM并做一次渲染。

文档碎片(document.createDocumentFragment)

调用多次document.body.append(),每次都要刷新页面一次。效率也就大打折扣了,而使用document_createDocumentFragment()创建一个文档碎片,把所有的新结点附加在其上,然后把文档碎片的内容一次性添加到document中,这也就只需要一次页面刷新就可(fragment存在于内存中)

虚拟列表(仅渲染视窗内区域)

根据列表项高度计算视窗内可渲染列表项数,动态维护需要展示的列表项,减少渲染压力。

https://codesandbox.io/s/virtuallist-1-rp8pi?file=/src/components/VirtualList.vue

全部评论
虚拟列表(仅渲染视窗内区域) 这个是要自己完全手写出来吗?还是给了部分代码呢
点赞 回复 分享
发布于 2023-03-29 16:10 辽宁
m
点赞 回复 分享
发布于 2023-03-25 23:36 湖北
请问友友问的是装饰器还是设计模式中的装饰器模式呀,这块有点没理解
点赞 回复 分享
发布于 2023-03-18 12:07 吉林
m
点赞 回复 分享
发布于 2023-03-17 20:47 北京
M
点赞 回复 分享
发布于 2023-03-17 19:00 福建
m
点赞 回复 分享
发布于 2023-03-17 16:17 广东
先评论一下,别丢了
点赞 回复 分享
发布于 2023-03-17 16:14 山西
咱应该是同一个面试官吧,题目高度相似
点赞 回复 分享
发布于 2023-03-17 16:01 天津

相关推荐

有没有佬投这个呀,怎么样呀求问
投递中科院空天信息创新研究院等公司7个岗位
点赞 评论 收藏
分享
06-13 17:33
门头沟学院 Java
顺序不记了,大致顺序是这样的,有的相同知识点写分开了1.基本数据类型2.基本数据类型和包装类型的区别3.==和equals区别4.ArrayList与LinkedList区别5.hashmap底层原理,put操作时会发生什么6.说出几种树型数据结构7.B树和B+树区别8.jvm加载类机制9.线程池核心参数10.创建线程池的几种方式11.callable与runnable区别12.线程池怎么回收线程13.redis三剑客14.布隆过滤器原理,不要背八股,说说真正使用时遇到了问题没有(我说没有,不知道该怎么回答了)15.堆的内存结构16.自己在写项目时有没有遇见过oom,如何处理,不要背八股,根据真实经验,我说不会17.redis死锁怎么办,watchdog机制如何发现是否锁过期18.如何避免redis红锁19.一个表性别与年龄如何加索引20.自己的项目的QPS怎么测的,有没有真正遇到大数量表21.说一说泛型22.springboot自动装配原理23.springmvc与springboot区别24.aop使用过嘛?动态代理与静态代理区别25.spring循环依赖怎么解决26.你说用过es,es如何分片,怎么存的数据,1000万条数据怎么写入库中27.你说用limit,那么在数据量大之后,如何优化28.rabbitmq如何批次发送,批量读取,答了延迟队列和线程池,都不对29.计网知不知道smtp协议,不知道写了对不对,完全听懵了30.springcloud知道嘛?只是了解反问1.做什么的?短信服务,信息量能到千万级2.对我的建议,基础不错,但是不要只背八股,多去实际开发中理解。面试官人不错,虽然没露脸,但是中间会引导我回答问题,不会的也只是说对我要求没那么高。面完问我在济宁生活有没有困难,最快什么时候到,让人事给我聊薪资了。下午人事打电话,问我27届的会不会跑路,还在想办法如何使我不跑路,不想扣我薪资等。之后我再联系吧,还挺想去的😭,我真不跑路哥😢附一张河科大幽默大专图,科大就是大专罢了
查看30道真题和解析
点赞 评论 收藏
分享
酷酷我灵儿帅:这去不去和线不线下面说实话没啥关系
点赞 评论 收藏
分享
今天 13:43
门头沟学院 Java
点赞 评论 收藏
分享
评论
20
174
分享

创作者周榜

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