前端开发规范 随堂测试题

感谢您能抽出几分钟时间来参加本次答题,现在我们就马上开始吧!
1.以下项目命名方式符合规范的是(   )
  A、mall_management-system
B、SimpleJdbc-Insert
C、mallManagementSystem
D、mall-management-system
姓名
    ____________
部门
    ____________
. 以下目录命名方式符合规范的是(   )
A、demoStyles / imgs / docs
B、script / style / demo_scripts
C、styles / demo-scripts / img / doc
D、全部选项
以下JS、HTML、PNG 文件命名符合规范的是(  )
A、propery_panel.js
B、company-logo.png
C、properyPanel.js
D、UserManagement.html
以下命名方式符合命名严谨性的是( )
A、luoyang
B、DaZhePromotion [打折]
C、int 某变量 = 3
D、AbsClass
 HTML中代码编写默认缩进( )字符
A、0
B、1
C、2
D、3
以下符合CSS命名规范的是( )。
A、.heavy { font-weight: 800;}
B、.fw-800 { font-weight: 800;}
C、.colorRed { color: red;}
D、.font_style { font-weight: 800;}
以下符合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、以上选项都不对
 CSS中选择器嵌套应少于( )级。
A、2
A、2
C、4
D、5
以下不会引起重绘重排的方法是( )。
A、添加或者删除可见的 DOM 元素
B、元素尺寸改变——边距、填充、边框、宽度和高度
C、内容变化,比如用户在 input 框中输入文字
D、给元素设置class或id值
CSS中哪些需要使用小写字母( )。
A、样式选择器
B、属性名
C、属性值关键字
D、全部选项
LSEE代码组织规范顺序正确的是( )。

       ① 变量声明

       ② @import

       ③ 样式声明

A、2-1-3
B、1-2-3
C、3-2-1
D、2-3-1
以下符合 Javascript命名规范的是( )。
A、_name
B、yellow$
C、var arrName = [1,2,3];
D、red_
以下符合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;
this 的转换命名规范设值为( )。
A、that
B、$this
C、you
D、_this
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
 Vue中组件名使用符合规范的是( )。
A、TodoItem
B、Todo
C、todo-item
D、todo
Vue中为组件样式设置作用域,定义为私有的属性是( )。
A、methods
B、less
C、scoped
D、property
Vue Router中符合name命名规范的是( )。
A、file_name
B、FileName
C、filename
D、file-name
 Vue Router中符合path命名规范的是( )。
A、/fileList
B、/file-list
C、/File
D、/FILENAME
HTML中设置当前页面编码格式的语句是( )。
A、meta http-equiv=X-UA-Compatible content=IE=Edge, chrome=1 /
B、meta charset=UTF-8 /
C、titlePage/title
D、img src=images/company-logo.png alt=Company /
以下CSS选择器使用符合规范的是( )
A、.page .header .login #username input {}
B、.username input {}
C、.page .header .login #username{}
D、#username div p span a{}
以下不属于CSS规范中常用命名推荐的是( )
A、gcd
B、fail
C、hide
D、icon
. 以下符合团队中CSS代码编写规范的是( )。
A、.jdc{ display: block;width: 50px;}
B、.jdc { display: block; width: 50px;}
C、.JDC{ DISPLAY:BLOCK;}
D、.jdc{ display: block;}
以下符合JavaScript中函数命名规范的是( )。
A、save数据()
B、saveShopCarData()
C、$delete()
D、showname()
以下符合JavaScript中字符串使用规范的是( )。
A、let str = foo;
B、let text = foo;
C、let testDiv = div id=test/div;
D、let hello = a href=’#’hello/a;
 以下属于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 = {}) {}
JavaScript中模块使用import/export最优推荐的是( )。
A、import AirbnbStyleGuide from ./AirbnbStyleGuideexport default AirbnbStyleGuide.style.color
B、import AirbnbStyleGuide from ./AirbnbStyleGuideexport default AirbnbStyleGuide.es6
C、const AirbnbStyleGuide = require(./AirbnbStyleGuide)module.exports = AirbnbStyleGuide.es6
D、import { es6 } from ./AirbnbStyleGuideexport default es6
以下符合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 })
以下不是最佳实践中推荐的是( )。
A、使用jpg、png、gif等图片格式
B、使用雪碧图,是一种 CSS 图像合成技术,主要用于小图片显示。
C、使用 iconfont,通过字体的方式展示图标,多用于渲染图标、简单图形、特殊字体等。
D、使用第三方 UI 组件库并按需引入
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)
请判断本项叙述是否正确?HTML标签中的id、类名、属性等均使用单引号(‘’) ( )。
请判断本项叙述是否正确?HTML标签名、类名、标签属性和大部分属性值统一用小写( )。
请判断本项叙述是否正确?CSS中通配符和属性选择器效率最低,需要匹配的元素最多,尽量避免使用( )。
请判断本项叙述是否正确?Javascript中方法名、参数名、成员变量、局部变量都统一使用小写字母方式( )。
请判断本项叙述是否正确?函数参数使用结构语法,函数参数越少越好,如果参数超过两个,要使用 ES6 的解构语法,不用考虑参数的顺序( )。

37题 | 被引用7次

使用此模板创建