搜狗秋招前端笔试题目解析：核心知识点概览

在本次互联网公司校招前端笔试的题目中，我们探讨了多个关键的前端技术知识点，涵盖了浏览器存储、CSS布局、JavaScript高级函数、前端框架和模式、以及数组操作等。 首先，关于浏览器存储选项题中，涉及到了`cookie`、`sessionStorage`和`localStorage`的区别。正确答案是B和C，因为localStorage是持久性的本地存储，适合存储大量数据，而sessionStorage是会话级别的存储，会在用户关闭浏览器窗口或退出会话时失效（D选项不正确）。 接着，CSS布局方面，考生需要理解百分比单位的计算。题目中的`padding-bottom:50%`意味着元素底部填充其父元素高度的50%，因此答案是D。 在HTML选择器部分，考生需对DOM选择器有深入理解。题目给出的HTML结构下，选择器`div+p`匹配第一个紧跟在div后面的p元素，`p:first-child`选中第一个p元素，`p:first-of-type`选中第一个`<p>`元素（不考虑其他元素类型），`div~p`匹配div元素后面的所有p元素，`p:nth-child(2)`选择第二个p元素。因此，答案是A，即1和3。 接下来是Flexbox布局的选择题，其中`align-self`和`flex-grow`是项目的属性，所以正确答案是AC。 在MVVM模式的应用中，考生应该了解其优势。正确选项包括：MVVM是一种模式，可重用视图逻辑、降低View和Model之间的耦合、促进模块化开发。因此，答案是BCD。 JavaScript函数部分，考生需要理解闭包。在给出的代码中，函数fun递归调用自身，每次传入新的参数。最终输出是undefined,0,0,0，因为递归调用中`n`的值始终为0，答案是D。 最后，关于数组方法，只有`Array.prototype.splice`和`Array.prototype.sort`会改变原数组，`concat`用于合并数组但不改变原数组，所以正确答案是AB。 这些题目综合考察了应聘者的基础理论知识和实践经验，旨在测试他们在实际工作中的编程能力和对前端技术的理解深度。通过解答这些问题，候选人可以展示他们的前端技术掌握程度以及问题解决能力。