2021-3-5 14.30-15.20 印力

太过爱你忘了你带给我的痛 2022-11-06 00:52 108阅读 0赞

### 目录 ###

*  1.说说你项目中遇到的问题 - 解决方案-经验-出彩的地方
 *  2.说一下笔试中的异步你是怎么理解的
 *  3笔试中将一个json对象转成URL的search部分参数 （?id=xx&name=xxx）
 *  4笔试中 用js实现随机选取10-100的数组，存入数组如何排序
 *  笔试中 说一下Dom事件流各阶段和事件委托
 *  5说一下事件委托的优点
 *  6说一下事件委托的使用场景
 *  7 vue中在div定义的方法是挂载那的？
 *  8 vue中的父子组件方式
 *  9能否用prop方式子组件给父组件更新呢？
 *  10 eventbus的使用场景
 *  11 eventbus或emit（观察者模式）是基于那种设计模式
 *  12 addEventListenr是那种实现模式 （观察者模式）
 *  13场景题：2M大图片的解决方案 如何加载
 *  14 uniapp是否用webpack打包
 *  15 说了webpack不熟 就没问了
 *  16 JS的性能优化
 *  17 ES6中 生成一个1-100的数组
 *  18 为什么火车站的闸机识别身份证这么快？
 *  19 http1.1和2.0的区别
 *  20 常用的排序方式
 *  21 你懂多少个排序方法
 *  21 几万条数据怎么处理？
 *  22 职业规划
 *  深拷贝中的互相引用如何解决

面试官很nice，不懂问了后会和我说解决方案

--------------------

自我介绍

--------------------

笔试

# 1.说说你项目中遇到的问题 - 解决方案-经验-出彩的地方 #

# 2.说一下笔试中的异步你是怎么理解的 #

async function async1() { 
        console.log('async1 start');
        await test2()
        console.log('async1 end');
    }
    async function test2() { 
        console.log('async2 start');
    }
    console.log('scrpt start');
    
    setTimeout(function () { 
        console.log('setTimeout');
    }, 0)
    async1()
    new Promise(function (res) { 
        console.log('promise1');
        res()
    }).then(function () { 
        console.log('promise2');
    })
    console.log('script end');

# 3笔试中将一个json对象转成URL的search部分参数 （?id=xx&name=xxx） #

写个公共方法  
我：只想到俩种 Object.keys 和 for in  
面试官：如果这样我还要在外面定义一个空对象 =》 用reflec或reduce（reduce可以接受第二参数作为iniValue，这样外部就不需要定义额外的变量接收了）

# 4笔试中 用js实现随机选取10-100的数组，存入数组如何排序 #

# 笔试中 说一下Dom事件流各阶段和事件委托 #

# 5说一下事件委托的优点 #

怎么知道我点了哪个元素？=》 event.targer 给子元素绑index

# 6说一下事件委托的使用场景 #

# 7 vue中在div定义的方法是挂载那的？ #

面试官：事件委托 都是把事件绑定在body上

# 8 vue中的父子组件方式 #

# 9能否用prop方式子组件给父组件更新呢？ #

# 10 eventbus的使用场景 #

# 11 eventbus或emit（观察者模式）是基于那种设计模式 #

# 12 addEventListenr是那种实现模式 （观察者模式） #

https://zhuanlan.zhihu.com/p/114731638

# 13场景题：2M大图片的解决方案 如何加载 #

问题1 例如先放个图片占位loading 如何等图片加载完了再显示？用vue的方式去实现  
问题2 例如网速只有100kb 那么打开一张1M的图 这个你怎么处理？  
问题3 例如现在请求的网站是百度 但是图片存在腾讯上 那么这么请求会有问题么？  
问题4 例如浏览器图片下多了，例如缓存了1G 那么我能清掉吗？  
https://blog.csdn.net/rocling/article/details/81952252  
问题5 浏览器下载好图片展示 是怎么实现的  
问题6 怎么监测图片下载下来了

# 14 uniapp是否用webpack打包 #

# 15 说了webpack不熟 就没问了 #

# 16 JS的性能优化 #

只说了 length 其他忘了  
https://blog.csdn.net/weixin\_45345105/article/details/109965210  
https://blog.csdn.net/weixin\_45345105/article/details/109921684

# 17 ES6中 生成一个1-100的数组 #

面试官： Array.form 接受一个对象 \{length: 100\} 这样就可以快速生成了  
https://www.cnblogs.com/jf-67/p/8440758.html  
https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/global\_objects/array/from

# 18 为什么火车站的闸机识别身份证这么快？ #

问1：例如一个数组中有14E个ID怎么查最快？  
面试官：可以用Map 因为用了key索引很快，通过键去找会很快（核心不用用数组去找，要键值对方式）

# 19 http1.1和2.0的区别 #

没复习  
https://juejin.cn/post/6844903824390537230

# 20 常用的排序方式 #

面试官：sort会有问题 以及在hybird中也会有问题

# 21 你懂多少个排序方法 #

我：冒泡

# 21 几万条数据怎么处理？ #

我：分批然后setTime或虚拟列表  
面试官： 虚拟列表的实现 https://juejin.cn/post/6844903907387244558

# 22 职业规划 #

# 深拷贝中的互相引用如何解决 #

https://blog.csdn.net/Snoopyqiuer/article/details/101106303?utm\_medium=distribute.pc\_relevant\_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist\_request\_id=1328603.41522.16150869193347867&depth\_1-utm\_source=distribute.pc\_relevant\_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control