听说昨天有个学弟参加了2020年阿里的前端校招笔试,做为一个前端怎么能错过这种机会,今天赶紧让他把题目发过来研究一下,这里贴出选择题供大家共同学习,因为没拿到标准答案,题目是我自己做的不保证都对,欢迎大家指正探讨,有标准答案了也会更新。
1. 以下关于Javascript执行引擎描述正确的是:
- ECMAScript 2015中规定了执行引擎需要实现EventLoop机制。
- V8作为最先进的Javascript执行引擎,可以在执行阶段对所有代码进行优化。
- Node.js通过V8实现异步I/O。
- Node.js的Buffer类型对象在创建时内存不会分配到V8堆上。
- Chakra是Firefox内嵌的Javascript执行引擎。
- 代码正确的情况下,垃圾回收不会导致有内存无法回收。
解析:
- 执行阶段,V8会先生成字节码(快),再在运行过程中逐步将高频函数转化成优化后的机器码(慢)。相关资料
- Node.js通过libuv抽象封装层不同平台使用不同方法实现异步I/O,windows是IOCP,*nix是自定义线程池(详情可参考《深入浅出nodejs》第三章)。
- Node的Buffer模块性能相关部分有C++实现,所以Buffer对象的内存分配不是在V8的堆内存中,而是在Node的C++层面实现内存申请的(详情可参考《深入浅出nodejs》第六章)。
- Chakra是IE的js引擎,Firefox的js引擎是SpiderMonkey。
2. 对于解构一下说法错误的是:
- 不完全结构,也会成功,不会报错。
- 只要支持Iterator接口,都可以被结构赋值。
- null可以替代默认值,而成功的结构赋值。
- 结构中不定参数可以出现在除第一个以外的其它的其他位置。
- 解构是先找到同名的属性,然后再赋给对应的变量。
- 默认值可以引用结构赋值的其他变量,但该变量必须已经声明。
解析:
- 结构赋值的默认值只对undefined有效。
- 不定参数只能出现在最后一个位置。
3.下列对css外边距描述正确的是(不考虑BFC对边距的影响):
- 外边距的css代码是padding
- 两个上下相邻的同级元素Div1,Div2。Div1的下边距是10px,Div2的上边距是10px。Div1和Div2的间距是20px
- 两个上下相邻的同级元素Div1,Div2。Div1的下边距是20px,Div2的上边距是10px。Div1和Div2的间距是20px
- 外边距的值为(10px 20px 30px)。所以其上边距为10px,下边距为20px,左边距为30px,右边距为30px
- 一个空元素的高度,边框,内边距都是0,上下外边距为20px,那么这个空元素的框模型的高度为40px
- 一个空元素的高度,边框,内边距都是0,上下外边距为20px,那么这个空元素的框模型的高度为20px
解析:
- 块级元素的上外边距和下外边距有时会合并(或折叠)为一个外边距,其大小取其中的最大者,这种行为称为外边距折叠(margin collapsing),有时也翻译为外边距合并,通常情况下上下两个相邻块元素的margin会发生合并。相关资料
- 一个空元素中不包含任何内容,并且在其 margin-top 与 margin-bottom 之间没有边框、内边距、行内内容、height、min-height 将两者分开,也会发生折叠。
4.以下对于git说法正确的是:
- git是由github创造的代码管理工具
- git和svn实现的原理是一样的
- 从git原理设计上来讲,执行git pull和先执行git fetch再执行git merge效果是一样的。
- git将代码提交到远程仓库的命令是git commit
- git rm只会将文件从git提交记录中删除,不会删除磁盘上的物理文件
- git push -f将会重新提交当前的commit节点,不会重写历史commit
解析:
git pull
相当于先执行git fetch
再执行git merge
,但是可以通过--rebase
将第二步变为git rebase操作
。 相关资料
5.以下关于跨域说法错误的是?
-
http://taobao.com/a.html
和https://taobao.com/b.html
是相同的域名,属于同源 - 通过document.domain的调用,可以使ifram内嵌的
http://a.taobao.com/page.html
通过父页面http://taobao.com/home.html
的同源检测 - CSS中通过@font-face使用字体也会有跨域问题
- Cookie,LocalStorage和IndexedDB都会受到同源策略的限制
- postMessage,JSONP,WebSocket都是常用的解决跨域的方案
- 跨域资源共享规范中规定了除了GET之外的HTTP请求,或者搭配某些MINE类型的POST请求,浏览器都需要先发一个OPTIONS请求。
解析:
- 协议,端口和主机都相同,则两个页面算同源。 相关资料
6.以下说法正确的是?
- 通过
new URL('www.taobao.com')
,可以解析url内容。 - console.log()是异步调用
- Async functions本质上是Generators的语法糖
- 在发布NPM模块时,版本号可以任意
- process.nextTrick()和setImmediate()执行时机一致
- Node.js是一门后端语言
解析:
new URL(url, [base])
第一个参数必须为一个完整url(不能缺少协议)或相对url。相关资料- async function本质上是generators+ promises模式的语法糖
- NPM模块版本号必须为x.y.z形式
- process.nextTrick是微任务,setImmediate是宏任务,执行时机不一致
7.下面哪些是浏览器的缓存相关功能?
- indexDB
- localStorage
- sessionStorage
- applicationCache
- File System API
- Cache API
解析:
- File System API是文件系统相关API
8.关于HTML<script>标签的defer和async属性,说法正确的是
- 加了async属性的脚本加载和执行不会阻塞页面的渲染
- 加了defer属性的脚本加载和执行不会阻塞页面的渲染
- 加了async属性的脚本加载完成后会立马执行
- 加了defer属性的脚本加载完成后会在DOMContentLoaded事件前执行
- 所有加了defer属性的脚本加载完成后不保证执行顺序
解析:
9.以下操作,能够在一定程度上保证npm模块安全的是
- 使用安全服务检查,如:synk等
- 开启npm两步验证 (不确定)
- 使用lockfile
- 在需要的时候,把密钥放在包里,方便使用
- 直接使用满足功能的包
- 安装包时使用--ignore-scripts
解析:
10.以下描述正确的是
- 标准盒子模型中:盒子所占宽度 = 左右margin + 左右border + 左右padding + width
- 当样式box-sizing:border-box时,块级别元素width包括border、padding
- IE盒子模型中:盒子总宽度 = 左右margin + 左右border + width
- 通过设置overflow:hidden可以创建一个新的BFC
- 一个浮动的div加文字可能会出现文字环绕的情况,此时可以通过创建一个新的BFC来解决该问题。
- 绝对定位元素的外边距不会折叠
解析:
- 块格式化上下文(Block Formatting Context,BFC) 是页面中的一块渲染区域,可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。创建BFC的一些方式有浮动(元素的 float 不是 none),行内块元素(元素的 display 为 inline-block),overflow 值不为 visible 的块元素等。 相关资料
- 浮动元素和绝对定位元素的外边距不会折叠。
疑问点说明
很多朋友说第8题最后一个选项defer属性能保证顺序不应该选上,但是《javascript高级程序设计第3版》(p13)这个地方提了一下。
html5规范要求脚本按照它们出现的先后顺序执行,因此第一个延迟脚本会先于第二个延迟脚本执行,而这两个脚本会先于DOMContentLoaded事件执行。在现实当中,延迟脚本并不一定会按照顺序执行,也不一定会在DOMContentLoaded事件触发前执行,因此最好只包含一个延迟脚本。
所以我这里就按照实际情况选上了,如果不选也有理论支持,所以看大家自己支持哪种看法了,思否的这个问题下也有讨论,感兴趣的可以参与一下。 问题地址
第九题npm两步验证那个选项,我后面加了不确定,是因为这题的安全我理解为使用者确保引入包的安全,而两步验证属于开发者保证自己发布包安全性的一种行为,我这里不是很想选上,等后面标准答案吧。