前端开发技能掌握情况调研测试

本次面向前端从业者开展技能调研，旨在了解大家对CSS、JS、jQuery等相关技术的掌握程度，为后续技能提升方向提供参考。

请简述常见的CSS样式引入方式，以及不同引入方式之间的核心区别

____________

您日常开发中常用的浏览器有哪些？遇到过哪些典型的浏览器兼容性问题，对应的解决思路是什么

____________

如果负责高访问量大型站点的静态资源管理，您会如何统筹CSS、JS与图片文件的组织与维护，请简要说明

____________

您是否关注过HTML5与CSS3相关技术规范？如果有，请分享您了解的核心特性与应用场景

____________

请写出至少两种实现浮动元素居中显示的可行方案

____________

请说明让一个普通div层在浏览器视口中水平垂直居中的实现方法

____________

在CSS布局场景下，如何实现点击关联文字时同步选中对应的checkbox选项

____________

请写出避免英文长单词在容器边界处发生词内自动断行的CSS属性设置方式

____________

请说明实现单行文本在父容器中垂直居中的常用CSS写法

____________

在CSS布局场景下，如何清除超链接点击后出现的默认虚线聚焦边框

____________

以下选项中，哪一项不属于jQuery的标准选择器分类

A 基本选择器

B 后代选择器

C 类选择器

D 进一步选择器

以下jQuery方法中，作用是将内容追加到指定元素内部末尾位置的是哪一项

A insertAfter()

B append()

C appendTo()

D after()

在jQuery语法中，表达式$(this).get(0)和哪一种写法是完全等价的，请填写完整代码

____________

如果需要筛选出页面中包含指定文本内容的DOM元素，应该使用以下哪个jQuery方法实现

A text()

B contains()

C input()

D attr()

在jQuery中，想要为匹配到的首个DOM元素单独设置样式属性，以下写法正确的是哪一项

A first

B eq(1)

C css(name)

D css(name,value)

在jQuery中，绑定鼠标移入指定元素时触发对应回调函数的方法名称是什么，请填写完整方法名

____________

如果要为表单输入框绑定内容变更时触发的输入校验逻辑，以下jQuery事件写法正确的是哪一项

A hover(over ,out)

B keypress(fn)

C change()

D change(fn)

请写出jQuery代码实现：查找页面所有class为Edit、type为text的input元素，遍历后返回它们的value值组成的数组

____________

请为您自身的CSS布局能力掌握程度打分（1-10分，分值越高代表掌握越熟练）

1分

2分

3分

4分

5分

6分

7分

8分

9分

10分

以下哪些属于前端开发中常用的页面性能优化手段

A 压缩合并静态资源文件

B 合理使用浏览器缓存机制

C 减少DOM节点操作频次

D 大量使用同步阻塞JS脚本

请写出原生JS实现页面实时显示当前系统时间的核心代码逻辑

____________

请写出从字符串abcdefg中截取得到子串efg的JS代码写法

____________

复制项目

搜索相关模板

正在复制项目...

请稍候