刷题日常计~JS⑤

@作者 : SYFStrive

@博客首页 : 点击跳转HomePage

初编程JavaScript之每天106题 从质变到量变

个人社区(欢迎大佬们加入)社区链接

坚持锻炼

点击直接阅读文章
请添加图片描述

相关专栏

①: JS入门到精通(待更)
②: 刷题日常计~JS(待更)

题目目录

  • 题目难度:★★★☆
  • ①接环Tab栏目
  • ②双向绑定描述
  • ③高频数据类型
  • ④字体高亮
  • ⑤虚拟DOM
  • 最后

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

题目难度:★★★☆

①接环Tab栏目

描述
请补全JavaScript代码,实现效果如下:

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




    
    



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

②双向绑定描述

描述
请补全JavaScript代码,要求如下:

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

代码演示:





    



    
    
    

    ③高频数据类型

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

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

    示例1

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

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

    代码演示:

    
    
    
    
        
    
    
    
        
        
        
        
        
    
        
        
        
        
        
        
    
    
    
    
    

    ④字体高亮

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

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

    代码演示

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

    ⑤虚拟DOM

    描述

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

    注意:

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

    代码演示:

    ……

    最后

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

    在这里插入图片描述

    下篇文章再见ヾ( ̄▽ ̄)ByeBye

    在这里插入图片描述

    你可能感兴趣的:(刷题日常计~JS,javascript,前端,开发语言)