前端开发规范随堂测试题

Q1:1.以下项目命名方式符合规范的是(　　)

　 A、mall_management-system

B、SimpleJdbc-Insert

C、mallManagementSystem

D、mall-management-system

Q2:姓名

填空1

Q3:部门

填空1

Q4:. 以下目录命名方式符合规范的是(　　)

A、demoStyles / imgs / docs

B、script / style / demo_scripts

C、styles / demo-scripts / img / doc

D、全部选项

Q5:以下JS、HTML、PNG 文件命名符合规范的是( 　)

A、propery_panel.js

B、company-logo.png

C、properyPanel.js

D、UserManagement.html

Q6:以下命名方式符合命名严谨性的是（）

A、luoyang

B、DaZhePromotion [打折]

C、int 某变量 = 3

D、AbsClass

Q7:HTML中代码编写默认缩进（）字符

A、0

B、1

C、2

D、3

Q8:以下符合CSS命名规范的是( )。

A、.heavy { font-weight: 800;}

B、.fw-800 { font-weight: 800;}

C、.colorRed { color: red;}

D、.font_style { font-weight: 800;}

Q9:以下符合CSS编写规范的是( )。

A、border-top-style: none;

B、padding-bottom: 2em;padding-left: 1em;padding-right: 1em;padding-top: 0;

C、padding: 0 1em 2em;

D、以上选项都不对

Q10:CSS中选择器嵌套应少于( )级。

A、2

C、4

D、5

Q11:以下不会引起重绘重排的方法是( )。

A、添加或者删除可见的 DOM 元素

B、元素尺寸改变——边距、填充、边框、宽度和高度

C、内容变化，比如用户在 input 框中输入文字

D、给元素设置class或id值

Q12:CSS中哪些需要使用小写字母( )。

A、样式选择器

B、属性名

C、属性值关键字

D、全部选项

Q13:LSEE代码组织规范顺序正确的是( )。 ①　变量声明 ②　@import ③　样式声明

A、2-1-3

B、1-2-3

C、3-2-1

D、2-3-1

Q14:以下符合 Javascript命名规范的是( )。

A、_name

B、yellow$

C、var arrName = [1,2,3];

D、red_

Q15:以下符合Javascript中变量声明规范的是( )。

A、const items = new Array()

B、const [first, second] = arr

C、const arr = Array.prototype.slice.call(arrLike)

D、var user = new Object();user.age = 0;user.name = 0;user.city = 0;

Q16:this 的转换命名规范设值为( )。

A、that

B、$this

C、you

D、_this

Q17:Vue中指令使用符合规范的是( )。

A、<input v-on:input="onInput">

B、<input v-bind:input="onInput" @focus="onFocus"> 　

C、<input v-slot:input="onInput">

D、<input @input="onInput">

Q18:Vue中组件名使用符合规范的是( )。

A、TodoItem

B、Todo

C、todo-item

D、todo

Q19:Vue中为组件样式设置作用域，定义为私有的属性是( )。

A、methods

B、less

C、scoped

D、property

Q20:Vue Router中符合name命名规范的是( )。

A、file_name

B、FileName

C、filename

D、file-name

Q21:Vue Router中符合path命名规范的是( )。

A、/fileList

B、/file-list

C、/File

D、/FILENAME

Q22:HTML中设置当前页面编码格式的语句是( )。

A、<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1" />

B、<meta charset="UTF-8" />

C、<title>Page</title>

D、<img src="images/company-logo.png" alt="Company" />

Q23:以下CSS选择器使用符合规范的是( )

A、.page .header .login #username input {}

B、.username input {}

C、.page .header .login #username{}

D、#username div p span a{}

Q24:以下不属于CSS规范中常用命名推荐的是( )

A、gcd

B、fail

C、hide

D、icon

Q25:. 以下符合团队中CSS代码编写规范的是( )。

A、.jdc{ display: block;width: 50px;}

B、.jdc { display: block; width: 50px;}

C、.JDC{ DISPLAY:BLOCK;}

D、.jdc{ display: block;}

Q26:以下符合JavaScript中函数命名规范的是( )。

A、save数据()

B、saveShopCarData()

C、$delete()

D、showname()

Q27:以下符合JavaScript中字符串使用规范的是( )。

A、let str = "foo";

B、let text = 'foo';

C、let testDiv = "<div id='test'></div>";

D、let hello = "<a href=’#’>hello</a>";

Q28:以下属于JavaScript中函数参数默认值赋值方式最优推荐的是( )。

A、function createMenu(title, body, buttonText, cancellable) {}

B、function createMicrobrewery(name) { const userNameName = name || 'Jack'} 　

C、function handleThings(opts = {}, name) {}

D、function handleThings(name, opts = {}) {}

Q29:JavaScript中模块使用import/export最优推荐的是( )。

A、import AirbnbStyleGuide from './AirbnbStyleGuide'export default AirbnbStyleGuide.style.color

B、import AirbnbStyleGuide from './AirbnbStyleGuide'export default AirbnbStyleGuide.es6

C、const AirbnbStyleGuide = require('./AirbnbStyleGuide')module.exports = AirbnbStyleGuide.es6

D、import { es6 } from './AirbnbStyleGuide'export default es6

Q30:以下符合JavaScript中代码编写规范的是( )。

A、if (typeof person === 'undefined') {}

B、for(var i = 0; i < arr.length; i++){}

C、if (condition) doSomething();

D、[1, 2, 3].map(function (x) { const y = x + 1 return x * y })

Q31:以下不是最佳实践中推荐的是( )。

A、使用jpg、png、gif等图片格式

B、使用雪碧图，是一种 CSS 图像合成技术，主要用于小图片显示。

C、使用 iconfont，通过字体的方式展示图标，多用于渲染图标、简单图形、特殊字体等。

D、使用第三方 UI 组件库并按需引入

Q32:30.图片懒加载示例一中哪句话实现图片地址替换( )。function lazyload() { var images = .getElementsByTagName(img) var len = images.length var n = 0 return function () { var seeHeight = .Element.clientHeight for (var i = n; i len; i++) { if (images[i].getBoundingClientRect().top seeHeight) { if (images[i].getAttribute(src) === images/default.jpg) { images[i].src = images[i].getAttribute(data-src) } n = n + 1 }}}}

A、var seeHeight = .Element.clientHeight

B、images[i].src = images[i].getAttribute('data-src')

C、images[i].getAttribute('src') === 'images/default.jpg'

D、var images = .getElementsByTagName('img')

Q33:请判断本项叙述是否正确？HTML标签中的id、类名、属性等均使用单引号(‘’) ( )。

对

错

Q34:请判断本项叙述是否正确？HTML标签名、类名、标签属性和大部分属性值统一用小写( )。

对

错

Q35:请判断本项叙述是否正确？CSS中通配符和属性选择器效率最低，需要匹配的元素最多，尽量避免使用( )。

对

错

Q36:请判断本项叙述是否正确？Javascript中方法名、参数名、成员变量、局部变量都统一使用小写字母方式( )。

对

错

Q37:请判断本项叙述是否正确？函数参数使用结构语法，函数参数越少越好，如果参数超过两个，要使用 ES6 的解构语法，不用考虑参数的顺序( )。

对

错

前端开发规范 随堂测试题