0


牛客前端宝典——刷题 ##Day13

🍀作者简介:在校大学生,为前端方向努力拼搏的一名追梦人。

🍁个人主页:亦世凡华、

🫒系列专栏:牛客前端宝典

🍂想要和博主一起学习前端或想巩固自己知识,可以点击链接:牛客网 推开自己的世界之门。

🏍️任性的要求我从来没提过,只想你能每天关注我。

🥥前言:

🏆编程就像我们平常做题一样,如果只是一味的学习不去做题的话所得到的效果微乎其微。因此我也是在网上寻找了很多题库但一直用的不舒心,直到找到了牛客,我才找到了学习做题的乐趣,不仅其能够很系统的将所学知识点梳理学习,也因其代码整洁题解清楚明了让人很快掌握知识。为此我是愿意和大家分享出来,一起学习。

今天我们讲解 ES5 类型的题库:点个关注我们继续走下去

函数

描述一:函数——参数对象

请补全JavaScript函数,要求返回它的参数伪数组对象

返回参数是伪数组对象,我们想到了 arguments 的使用,除了这个还能用啥?可以用JS中的 Array.of() 方法。

this

描述二:this指向

请补全JavaScript函数,使obj对象中fn函数返回该对象中a属性和b属性的和

从题目描述很容易看出调用对象中的属性可以通过this指向来调用,当然我们也可以用对象名点属性来调用,两者都可以。

WebAPI

描述三:JS动态创建节点

请补全JavaScript函数,根据参数数组创建li元素
要求:

  1. li元素的个数和数组的长度一样
  2. li元素的内容是数组中的每个元素
  3. 将创建的所有li元素插入到ul中

可以通过遍历数组的方式,将创建的li标签赋值到ul标签上。

描述四:根据ID获取元素

请补全JavaScript函数,根据id获取html模块中ul标签下第二个li元素并返回

根据题目所示是根据id获取li元素,并返回结果,那么直接通过id获取第二个li元素并返回结果

JS获取DOM元素的方式有很多种,不熟悉的可以看下我的相关文章:获取DOM元素方式

描述五:JS修改元素内容

请补全JavaScript函数,**将类为"box"的div元素内容修改为"欢迎来到牛客网"**。

在JS中修改HTML元素的内容可以通过两种方式,一是:innerHTML;二是:innerText,而两者的区别可以看一下我的这篇文章的讲解:操作元素

绑定事件

描述六:阻止冒泡事件

请补全JavaScript函数,要求在点击li元素的时候不触发ul的事件
注意:需要自行获取li元素。

根据题目所示通过点击事件阻止冒泡事件

描述七: 阻止默认事件

请补全JavaScript函数,要求在点击id为"checkbox"的复选框时不会取消勾选状态
注意:需要自行获取input元素。

阻止默认事件的方式有很多,可以借助 preventDefault() ,当然也可以使用其他方法。

操作地址栏

描述八:url地址

请补全JavaScript函数,实现一个函数返回页面当前url

返回当前页面的 url 地址,可以直接返回本地的href即可。

综合练习

描述九:点击按钮隐藏元素

请补全JavaScript代码,实现一个盒子的关闭按钮功能
要求:

  1. 使类为"btn"的div元素中心点定位在类为"box"的div元素右上顶点
  2. 使类为"btn"的div元素中内容"X"垂直水平居中
  3. 点击"X"按钮可以使类为"box"的div元素隐藏

这里需要借助 CSS的绝对定位和相对定位 的知识,前面的文章已经讲解过,主要是如何将box的盒子隐藏,在JS中借助** style.display=none **即可。

每次做完题提交成功的话都会弹框配带音乐鼓励你,我很庆幸,因为我找到了牛客

个人总结:

今天题目就讲解到这,承接对上篇文章的内容对知识进一步加深学习,人的记忆可能会遗失,但人的潜力是无限的。每天刷题一次,对已学的知识不断巩固,这样的人是很容易成功的。牛客讲真的确是一个好的刷题网站,对于基础薄弱的人来说不亚于福音如果认同我的话,就点击右边链接注册刷题吧🥑:牛客网

加油!!!未来伟大的前端工程师,可能就是你~~,点个关注一起加油!冲!


本文转载自: https://blog.csdn.net/qq_53123067/article/details/126305218
版权归原作者 亦世凡华、 所有, 如有侵权,请联系我们删除。

“牛客前端宝典——刷题 ##Day13”的评论:

还没有评论