网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
小米秋招笔试
今天我们来做的是小米秋招笔试-前端-卷2
不得不说,小米出的题挺有意思的,大家一起来看看吧
第一题,这一题考察的是W3C标准
< !DOCTYPE > 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
< !DOCTYPE > 声明没有结束标签。
< !DOCTYPE > 声明对大小写不敏感。
< !DOCTYPE >声明位于文档中的最前面，位于< html >标签之前，即告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确都会导致文档以混杂模式呈现。
因此这一题选D
这一题考察的是对程序的分析
我们来看程序,for循环的范围是start到end
即end-start=100,因为在循环介绍i还会++一次
因此答案选C
arr.shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
arr.unshift() 方法可向数组的开头添加一个或更多元素，并返回新数组的长度
arr.pop()删除最后一个元素，返回删除的元素
arr.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。
因此答案选D
这一题考察的是Location 对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问。
因此这一题选A
这一题考察的是原型链的知识
A方法：进行了判断，但是new的时候没有传参，所以a本身不存在name属性，会到a的隐式原型上面找name属性，就会找到XiaoMi。
B方法：没有进行判断，new的时候未传参，需要参数没有传值就是undefined，因此b本身的name属性被赋值为undefined。
因此选B
简单的位运算
newValue为00000010
右移三位变为00010000
转为十进制即为16
这一题考察的是定位的知识,比较基础
relative 表示相对定位，相对于自己本身所在正常文档流中的位置进行定位。
absolute表示绝对定位，相对于最近一级( 从直接父级元素往上数，直到根元素)定位，相对于static 的父元素进行定位。
fixed用于生成绝对定位，相对于浏览器窗口或frame进行定位。
static是默认值，没有定位，元素出现在正常的文档流中。
sticky是生成黏性定位的元素，容器的位置根据正常文档流计算得出。
因此选D,relative不会脱离文档流
for循环里的函数没有直接调用，只是把4个一模一样的函数添加到数组里，再通过遍历调用每一个数组元素(函数),因为i=4跳出循环，所以console.log(i)全部打印4
重点在于
1、callbacks里是四个一样的函数，都是输出变量i，而不是数字
2、js中，var i在for循环结束后任然存在（重点）值为4
因此这道题选C
lastIndexOf是从后往前数
倒数第4个是5(从0开始数)
a没有disabled这个属性
因此C是错误的
vue路由只有两种模式:history和hash模式
两者的区别为
hash 模式
hash 模式是一种把前端路由的路径用井号 # 拼接在真实 URL 后面的模式。当井号 # 后面的路径发生变化时，浏览器并不会重新发起请求，而是会触发 hashchange 事件。
history 模式
history API 是 H5 提供的新特性，允许开发者直接更改前端路由，即更新浏览器 URL 地址而不重新发起请求。
因此这道题选BC
这一题考察的是vue的组件通信
vue的组件通信有8种
●通过 props 传递
●通过 $ emit 触发自定义事件
●使用 ref
●EventBus
●$ parent 或$ root
●attrs 与 listeners
●Provide 与 Inject
●Vuex
因此ABCD都对
createElement是创建节点
removeChild是移除节点
replaceChild是替换节点
cloneNode是克隆节点
因此这一题选AD
HTML5的新特性如下。
●拖放(Drag and drop) API.
●语义化更好的内容标签( header、nav、footer、 aside、 article、 section )。
●音频、 视频(audio、video) API。
●画布( Canvas) API。
●地理( Geolocation) API。
●本地离线存储( localStorage)，即长期存储数据，浏览器关闭后数据不丢失。
●会话 存储( sessionStorage)，即数据在浏览器关闭后自动删除。
●表单控件包括calendar、date、 time、 email、 url、 search
●新的技术包括webworker、websocket、 Geolocation。
Cookie并不是新特性,因此选ABC
这一题考察的js模块加载方案
js 中现在比较成熟的有四种模块加载方案。
第一种是 CommonJS 方案
第二种是 AMD 方案
第三种是 CMD 方案
第四种方案是 ES6 提出的方案，使用 import 和 export 的形式来导入导出模块。]
因此选ACD
Redux 可以用这三个基本原则来描述：
单一数据源:
整个应用的 全局 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。
State 是只读的
唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。
使用纯函数来执行修改
为了描述 action 如何改变 state tree，你需要编写纯的 reducers。
因此选ACD
这一题考察的数组的api方法
sort是排序数组,会改变原有数组
slice:从已有的数组中返回选定的元素(数组单元的截取),并不会改变数组
concat() 方法用于连接两个或多个数组。
concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。
pop():弹出数组尾部元素
因此选AD
这一题考察的是数据结构,栈,队列,堆,二叉树是我们必须掌握的数组结构
栈（stack）是一种特殊的线性表，其插入（也称入栈或压栈）和删除（也称出栈或弹栈）操作都在表的同一端进行。两端分别称为栈顶（top）和栈底（bottom）。
栈是一个后进后出表，即为后入先出的表。
因此选AB
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上C C++开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
因此选AB
[外链图片转存中…(img-tPSbOIlr-1715791186247)]
[外链图片转存中…(img-ZQFKieL5-1715791186247)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上C C++开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
