网易云音乐前端面试，深信服 星耀前端一面面经＋二面凉了，企业前端开发培训

面试官小姐姐说2技术面+1hr面，第二面可能偏重原理、数据结构、算法了

姓名拼音转驼峰 replace正则

数组去重 set和遍历

冒泡排序

取整 parseint 第二个参数默认值为十进制

es6的解构 三等号和两等号 reduce的用法

预加载和懒加载

react的生命周期

react的refs 虚拟dom获取

react的其他情况

call和apply的区别 传参方法

虚拟dom的优势和diff

float的值 none left right inherit

各种水平垂直居中，捎带兼容性理解

跨域的实现方法

http状态码 1 2 3 4 5 404 304

缓存头 协商缓存 ETag和if-modified-since ETag优先级高

二面 6.7下午2.30 约40分钟

先问我项目

直接切入到跨域和seo的底层原理，很深

已经发布的项目想获取b域名（不是自家的）的数据，怎么post跨域，我说不知道（网上只找到了cors解决）

怎么get? 我说jsonp 说说jsonp的实现和回调

img可以吗?我说可以，img怎么回调判断状态，我不知道。

（img元素能添加onError onLoad 属性，用于监听加载失败或者加载成功。）

seo， 单页面应用reactapp，多页面应用nextapp，以及自己写的多入口项目 针对seo他们有啥区别，我说了半天可能没说到他想听的，况且我也没深入了解（没查到合适的解释）

最近在学什么，我说markdown解析的一个案例，怎么实现的?我说他是用的一个插件。你怎么实现?我说匹配啊加标签啊高亮啊什么的巴拉巴拉

最后是一个匹配n叉树路径的算法

作者：mus。

链接：https://www.nowcoder.com/discuss/434043

来源：牛客网

题目：实现一个对树型结构进行过滤的函数，其中树形结构的格式如下：

tree = [

{name: ‘A’},

{name: ‘B’, children: [

{name: ‘A’},

{name: ‘AA’, children: […]}

]},

{name: ‘C’}

]

1. 假设我输入的 str 为 A 则过滤后返回的结果为

[

{name: ‘A’},

{name: ‘B’, children: [

{name: ‘A’}

]}

]

2. 假设我输入的 str 为 AA 则过滤后返回的结果为

[

{name: ‘B’, children: [

{name: ‘AA’, children: […]}

]}

]

3. 假设我输入的 str 为 B 则过滤后返回的结果为

[

{name: ‘B’, children: [

{name: ‘A’},

{name: ‘AA’, children: […]}

]}

]

// 实现该函数，要求不允许对原有的tree做任何修改，最终返回结果是一棵新结构出来的树

function filter (tree, str) {

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

JavaScript

• js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

• 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

• Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

• JS常见的dom操作api

• 解释一下事件冒泡和事件捕获

• 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

• 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

• this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

• call，apply，bind

• 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

• 创建对象的多种方式

• 实现继承的多种方式和优缺点

• new 一个对象具体做了什么

• 手写Ajax，XMLHttpRequest

• 变量提升

• 举例说明一个匿名函数的典型用例

• 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

• attribute和property的区别

• document load和document DOMContentLoaded两个事件的区别

• JS代码调试

  

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

g.csdnimg.cn/img_convert/a69e7b92af546ecaedf148f129bfef2b.png)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-qHd0AKJu-1712565121918)]