牛客刷题错题记录【03】

链接：https://www.nowcoder.com/questionTerminal/8242fbf4b3a241219989b3e1d0ee82db
来源：牛客网

下列关于Vue和React的描述错误的是（

Vue进行数据拦截/代理，对数据更敏感，数据驱动视图自更新，而React需要手动驱动数据更新视图
Vue和React的this都指向当前组件实例
Vue和React都能使用jsx进行编程
Vue和React都是数据驱动视图的更新

解析
React中组件的this并不是当前实例，需要通过bind或箭头函数来修改指向。

React中组件的this并不是当前实例，需要通过bind或箭头函数来修改指向。

链接：https://www.nowcoder.com/questionTerminal/60b319d36e424a5c8027c49fc1e6a1e1
来源：牛客网

关于Vue组件的生命周期说法错误的是

mounted钩子函数中，可以直接获取DOM元素
beforeMount钩子函数中，不可以直接获取DOM元素
beforeDestroy钩子函数中，不可以直接获取DOM元素
destroyed钩子函数中，不可以直接获取DOM元素

解析
Vue的生命周期的钩子函数中mounted和beforeDestroy中都可以获取到DOM元素

链接：https://www.nowcoder.com/questionTerminal/8242fbf4b3a241219989b3e1d0ee82db
来源：牛客网

以下关于JavaScript的描述中错误的是

在原型上扩展的可枚举方法，会被for in循环出来
使用object.defineProperty可向对象添加或者修改属性
每个对象都有prototype属性，返回对象类型原型的引用
通过hasOwnProperty可判断一个对象以及其原型链上是否具有指定名称的属性
原型链是JS实现继承的一种模型
For循环是按顺序的，for in 循环是不一定按顺序的

链接：https://www.nowcoder.com/questionTerminal/cd2be232e64340adbacdca85410a2517
来源：牛客网

B、C、D 都是错误的。

B:使用object.defineProperty可向对象添加或者修改属性
这里是小写的object而非Object，所以错误。

C: 每个对象都有prototype属性，返回对象类型原型的引用
var obj = Object.create(null)
console.log(obj)
如果使用 chrome 浏览器控制台输入上面代码，可以看到打印了一个空对象，展开看到No Properties，而随便自己用字面量声明一个对象，都能看到proto属性。

所以，不是每个对象都有prototype属性。后面这句，严格来说是不是每个对象都会返回Object.prototype？，但实际应该是这个对象的原型的引用，加个“类型”是什么意思，所以这个选项考点到底是第一句话还是第二句话？

D: 通过hasOwnProperty可判断一个对象以及其原型链上是否具有指定名称的属性
这个很明显，从该方法名称就能看出，所以是无法判断原型链上是否有的。在《你不知道的 JavaScript》(上卷) p119 也提到了这个：

相比之下， hasOwnProperty(…) 只会检查属性是否在myObject 对象中，不会检查[[Prototype]] 链。

E 和 F
都不敢相信网站的答案了。。。这两个到底是对的还是错的，求解答。

链接：https://www.nowcoder.com/questionTerminal/4831d4d38f3e40299c3c4bcb2fafb2bd
来源：牛客网

下面哪些方式在同一个窗口下能够检测一个js对象是数组类型？

Array.isArray()
instanceof
typeof
Object.prototype.toString.call()

链接：https://www.nowcoder.com/questionTerminal/4831d4d38f3e40299c3c4bcb2fafb2bd
来源：牛客网

正确答案：A、B、D
A：Array 为 js 的原生对象，它有一个静态方法：Array.isArray()，能判断参数是否为数组

B：instanceof 运算符返回一个布尔值，表示对象是否为某个构造函数的实例（题目中 instance of , emem)
C: typeof 能判断类型有：number、string、boolean、symbol、undefined、function； object、array、null 的变量都返回 object
D：Object.prototype.toString() 为 Object 对象的实例方法，默认情况下（即不重写该方法），返回参数的类型字符串。

链接：https://www.nowcoder.com/questionTerminal/a4526bac83634424a3322a8a7a22a5eb
来源：牛客网

以下哪些方法会返回一个数组？

Object.keys()
String.prototype.split()
Array.prototype.join()
Promise.all()

选择AB。

A.Object.keys()
该方***返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。
B.String.prototype.split()
split() 方法使用指定的分隔符字符串将一个String对象分割成字符串数组，以将字符串分隔为子字符串，以确定每个拆分的位置。
AB选项都是返回数组。
C.Array.prototype.join()
join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。
C选项返回字符串。
D.Promise.all()
Promise.all(iterable) 方法返回一个 Promise 实例，此实例在 iterable 参数内所有的 promise 都“完成（resolved）”或参数中不包含 promise 时回调完成（resolve）；
如果参数中 promise 有一个失败（rejected），此实例回调失败（reject），失败原因的是第一个失败 promise 的结果。
D选项返回的是promise对象。

下列window方法中，可以显示对话框的一项是（）

confirm()
alert()
prompt()
open()

链接：https://www.nowcoder.com/questionTerminal/76ac711698fb488baecb7f1c1171e2ec
来源：牛客网

A: 弹出一个判断对话框(有确认,取消按钮和提示文本),返回值为用户所按下的,为真返回true,为假返回false
B: 弹出一个对话框,不多说
C: 弹出一个用户输入对话框,返回值为用户输入的值,没有输入则返回值为null
D: 打开一个指定的窗口并指定打开方式

链接：https://www.nowcoder.com/questionTerminal/f17d81bd56cb4d0196e9e5c41ad59df9
来源：牛客网

以下js表达式返回false的是（）

1true
“”false
falsenull
nullundefined

正确答案是C，不要被误导了。

链接：https://www.nowcoder.com/questionTerminal/6a064cfb50224566b6b0ede41a42721e
来源：牛客网

下列关于客户端渲染和服务器端渲染的描述错误的是（ ）

服务器端渲染有利于SEO，且首页加载快
客户端渲染节省后端资源，但可能会加载慢出现白屏
服务器端渲染耗费流量，局部页面的变化也需要重新请求完整的页面
客户端和服务器端在首屏渲染上网络请求次数是一样的

客户端首屏渲染时首先拿到空的html模板，之后继续发起数据请求。而服务器端渲染只需要请求一次，服务器会将请求的数据放在html模板中一起返回。

客户端首屏渲染时首先拿到空的html模板，之后继续发起数据请求。而服务器端渲染只需要请求一次，服务器会将请求的数据放在html模板中一起返回。

链接：https://www.nowcoder.com/questionTerminal/9f86d54a07564b3483582074f98564e2
来源：牛客网

以下选项中不可以进行路由跳转的是（ ）

this.$router.jump()route-linkthis.$router.push()
this.$router.replace()

Vue路由的跳转方式有route-link、this.$router.push()、this.$router.replace()、this.$router.go()等，但是没有this.$router.jump()

链接：https://www.nowcoder.com/questionTerminal/8eb1d501917c4fb281e1e66fd8b59079
来源：牛客网

关于Vue组件化说法错误的是（ ）

所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护
组件是资源独立的，组件在系统内部可复用，但是组件和组件之间不可以嵌套
vue的组件之间可以进行通信
组件化能提高开发效率，方便重复使用，简化调试步骤，提升项目可维护性，便于多人协同开发
添加笔记

组件是资源独立的，组件在系统内部可复用，而且组件和组件之间可以嵌套

链接：https://www.nowcoder.com/questionTerminal/367226885e284042996355e56be43606
来源：牛客网

关于Vue组件间通信说法错误的是（ ）

Vuex可以实现任何关系的组件间的通信
如果子组件修改，通过props获取的父组件传过去的字符串或数字会报错
子组件可以通过$emit给父组件传值
可以通过context进行组件间传值

context是用在react中进行组件间的传值，vue并不提供该方法，Vue组件间传值可以通过props，$emit,Vuex,事件总线。通过props获取父组件的基本数据类型的值，在修改时会报错

链接：https://www.nowcoder.com/questionTerminal/c525f2e3a4404ba7a423f3f822984da9
来源：牛客网

下面有关 CSS sprites 说法错误的是？

允许你将一个页面涉及到的所有零星图片都包含到一张大图中去
利用 CSS 的 “background-image”，“background-repeat”，“background-position” 的组合进行背景定位
CSS Sprites 虽然增加了总的图片的字节，但是很好地减少网页的 http 请求，从而大大的提高页面的性能
CSS Sprites 整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名

解析
CSS Sprites 能减少图片的字节，通过比较，3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
链接：https://www.nowcoder.com/questionTerminal/ea3af609c7b747e29eb6e2221f97689d
来源：牛客网

下列关于 CSS 属性 position 的属性值的描述，说法错误的是？

static：没有定位，元素出现在正常的流中
fixed：生成绝对定位的元素，相对于父元素进行定位
relative：生成相对定位的元素，相对于元素本身正常位置进行定位。
absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。

hardy
在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示
CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。

◆position:static　无定位
该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。

◆position:absolute　绝对定位
使用position:absolute，能够很准确的将元素移动到你想要的位置，

◆position:fixed　相对于窗口的固定定位
这个定位属性值是什么意思呢？元素的定位方式同absolute类似，但它的包含块是视区本身。在屏幕媒体如WEB浏览器中，元素在文档滚动时不会在浏览器视察中移动。例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注。我们也见过相似的效果，但大都数效果不是通过CSS来实现了，而是应用了JS脚本。
请特别注意，IE6不支持CSS中的position:fixed属性。真的非常遗憾，要不然我们就可以试试这种酷酷的效果了。

◆position:relative　相对定位
所谓相对定位到底是什么意思呢，是基于哪里的相对呢？我们需要明确一个概念，相对定位是相对于元素默认的位置的定位。既然是相对的，我们就需要设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置。