2021-11-19牛客网每日10题--前端

2 以下 CSS 选择器，优先级最高的为（）

A: span:first-child
B: #username
C. username span
D: span #username

解答

可以把样式的应用方式分为几个等级，按照等级来计算权重
1、!important，加在样式属性值后，权重值为 10000
2、内联样式，如：style=””，权重值为1000
3、ID选择器，如：#content，权重值为100
4、类，伪类和属性选择器，如： content、:hover 权重值为10
5、标签选择器和伪元素选择器，如：div、p、:before 权重值为1
6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0

通常越是具体的选择器，范围越小的选择器，优先级就越高

选择D的原因是 不但有id选择器还有类选择器 权重最高

哪个元素表示给定范围内的标量值 ？()

A: < option >
B:< meter >
C:< label >
D: < input >

解答 HTML5中的< meter > 标签用于显示已知范围内的标量测量值。定义和用法：< meter > 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。例子：磁盘用量、查询结果的相关性，等等。注释： 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 标签。浏览器支持:FireFox chrome safari Opera不支持IE，IE是业界毒瘤。

meter 英文就是仪表的意思

5 要求匹配以下16进制颜色值，正则表达式可以为： #ffbbad #Fc01DF #FFF #ffE（）

A: /#([0-9a-f]{6}|[0-9a-fA-F]{3})/g
B: /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g
C: /#([0-9a-fA-F]{3}|[0-9a-f]{6})/g
D: /#([0-9A-F]{3}|[0-9a-fA-F]{6})/g

解答

首先正则表达式写在两个/之间，然后第一个为#表示字符串第一个为#，然后[0-9a-fA-F]表示范围是数字和大小写字母，之后{6}表示连续6个字符，之间还有一个|表示条件或；最后一个g，表示表明可以进行全局匹配，如果不写g，那么只会完成一轮匹配（或者说只返回第一个匹配的），写g，可以进行全局搜索。

6 在文件/home/somebody/workspace/somemodule.js中第一行引用了一个模块：require(‘othermodule‘)，请问require查找模块的顺序是：

A. /home/somebody/workspace/node_modules/othermodule/index.js
B. /home/somebody/workspace/node_modules/othermodule. Js
C.CORE MODULES named othermodule
D./home/somebody/node_modules/othermodule/index.js

解答 正确的顺序是 C B A D

首先加载核心模块,不管有没有同名/同目录的情况下,核心模块优先加载.
其次按照相对路径/绝对路径加载文件模块(加载顺序,首先试图按照路径查找 .js 扩展名的文件,如果没有,试图按照路径查找 .json 扩展名的文件,如果还是没有,就按照路径查找 .node 扩展名的c++模块了)
最后搜索 node_modules 目录下通过npm下载的第三方模块.
注意:首次加载这类模块最慢,因为执行文件所在目录的node_mondel 文件夹下找不到时,会去父级node_mondel 文件夹里查找,如果还是找不到会去父级的父级node_mondel 文件夹里查找…但是,只要首次加载成功后,node就会缓存起来,它缓存的是编译后的二进制模块,所以以后的加载速度和效率都的有保证的.

7 Angular指令中哪种作用域可以继承父scope（）

A: scope:true
B: scope:{}
C: scope:parent
D: 默认就继承了父作用域

解答

scope是angular中最重要的东西之一，玩的就是数据的作用域；
当我们新创建一个自定义指令或者其他自组件的时候，就需要用scope来规定是否需要用父组件的数据。
scope ： true时，代表在这个子组件中创建一个独立的作用域，同时继承父组件的scope;
scope ： false时，代表这个子组件不创建单独的作用域，这个组件中所用的数据就是父组件的scope;
scope ： {}时，这个时候可以通过@，=等前缀修饰符来规定哪些数据需要双向绑定，哪些数据需要单项绑定，是比较灵活的

9下列哪一选项不属于document对象的方法 ( )

A: focus()
B: getElementById()
C: getElementsByName()
D: bgColor()

解答

bgColor：是属性，不是方法。可以通过document.bgColor来设置document的背景颜色
focus：是方法，但是不是document的