@作者 : SYFStrive

@博客首页 : 点击跳转HomePage

📜： 初编程JavaScript之每天10🗡6题 👉 从质变到量变💪

📌：个人社区（欢迎大佬们加入） 👉：社区链接🔗

💃：坚持锻炼💪

🔗：点击直接阅读文章

①：👉 JS入门到精通（🔥待更） ②：👉 刷题日常计~JS（🔥待更）

提示：以下是本篇文章正文内容

题目难度：★★★☆

①接环Tab栏目

描述
请补全JavaScript代码，实现效果如下：

1. 当点击某个栏目（题库、面试、学习、求职）时，该栏目背景色变为’#25bb9b’，其它栏目背景色位’#fff’。
2. 当选中某个栏目时，下方内容就展示索引值相同的类名为".items"的"li"元素
   注意：
3. 必须使用DOM0级标准事件（onclick）
4. 已使用自定义属性存储了栏目的索引值。点击栏目获取索引值，使用索引值控制类名为"items"下的"li"元素

    
    



    

        
题库
        
面试
        
学习
        
求职
    
    

        
牛客题库，包含编程题、选择题等
        
为你的面试提供一站式服务
        
校招学习来牛客
        
求职中有什么难题，可以联系我们
    

    



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

②双向绑定描述

描述
请补全JavaScript代码，要求如下：

1. 监听对象属性的变化
2. 当"person"对象属性发生变化时，页面中与该属性相关的数据同步更新
3. 将输入框中的值与"person"的"weight"属性绑定且当输入框的值发生变化时，页面中与该属性相关的数据同步更新
   注意：
4. 必须使用Object.defineProperty实现且触发set方法时更新视图
5. 必须使用DOM0级标准事件（oninput）
6. 可以使用预设代码"_render"函数

📰代码演示：

    



    
    
    


    



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

③高频数据类型

描述
请补全JavaScript代码，要求找到参数数组中出现频次最高的数据类型，并且计算出出现的次数，要求以数组的形式返回。
注意：

1. 基本数据类型之外的任何引用数据类型皆为"object"
2. 当多种数据类型出现频次相同时将结果拼接在返回数组中，出现次数必须在数组的最后

示例1

输入：__findMostType([0,0,’’,’’])

输出：[‘number’,‘string’,2]或[‘string’,‘number’,2]

📰代码演示：

    



    
    
    
    
    

    
    
    
    
    
    




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

④字体高亮

描述
请补全JavaScript代码，实现一个搜索字体高亮的效果。要求如下：

1. 在input框中输入要搜索的内容，当点击查询按钮时，被搜索的字体样式变为加粗，背景色变为’yellow’
2. 重新输入搜索文字，点击查询按钮时，去掉上一次的搜索效果，高亮显示效果只加在本次搜索文字上
3. 如果搜索不到相关内容，清除之前的效果
   注意：
4. 需要加粗的文字请使用b标签包裹
5. 必须使用DOM0级标准事件（onclick）

📰代码演示

    



    
    查询
    

        牛客网隶属于北京牛客科技有限公司，牛客网成立于 2014 年 9 月，是以科技和创新驱动的教育科技公司。牛客网坚持以前沿技术服务于技术、以人工智能和大数据提升学习效率，专注探索在线教育创新模式，致力于为技术求职者提供能力提升解决方案，同时为企业级用户提供更高效的招聘解决方案，并为二者搭建桥梁，构建从学习到职业的良性生态圈。 发展至今，牛客网在技术类求职备考、社群交流、企业招聘服务等多个垂直领域影响力均在行业中遥遥领先，产品矩阵包括IT题库、在线编程练习、线上课程、交流社区、竞赛平台、笔面试服务、ATS系统等，用户覆盖全国高校百万IT学习者并在高速增长中，同时也为京东、百度、腾讯、滴滴、今日头条、华为等200多家企业提供校园招聘、编程竞赛等线上服务，并收获良好口碑。
    

    
    
    
    
    
    
    
    

    



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

⑤虚拟DOM

描述

请补全JavaScript代码，要求将对象参数转换为真实的DOM结构并返回。

注意：

1. tag为标签名称、props为属性、children为子元素、text为标签内容

📰代码演示：

……

最后

1、码农日常刷题 👉 通过刷题认识到自己的不足，增加对该编程语法的熟练度（可以很大程度提升自己的编程水平(ง •_•)ง）
2、感谢大佬们的支持，你们的支持是我们更新的最大动力，希望这篇文章能帮到大家
3、最后，在这里分享一款刷题神器（里面还有很多值得学习的题目）点击跳转至刷题神器（一起刷起来吧( ఠൠఠ )💪），

下篇文章再见ヾ(￣▽￣)Bye_Bye