使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。

  • 在页面中显示电影排行榜

  • 当单击“(收起)”链接时,排行榜中后三项的电影名称隐藏而且链接的文本更改为“(展开)

  • ” 当单击“(展开)”的链接时,后三项的电影名称重新显示且链接的文本更改为“(收起)”

实现思路:


  1. 新建 HTML 页面,使用

    • 等标签制作页面加载时的初始效果

  2. 在页面加载完毕事件中,给 (收起) 标签的单击事件绑定方法

  3. 在 标签的点击事件方法中判断无序列表的后三项是否可见。若可见,利用 css() 方法把后三项的display 属性设置成“none”,再利用 text() 方法,改变 标签的文本为“展开”;若不可见,利用 css() 方法把后三项的 display 属性设置成“list-item”,再利用 text() 方法,改变 标签的文本为“收起”

实现代码:


影视排行榜(收起)

    • 捉妖记 2
    • 战狼 2
    • 奇门遁甲
    • 猫妖传
    • 时空终点
    • 前任3:再见前任
    • 冰雪奇缘
    • 极品飞车
    • ES6

      • 列举常用的ES6特性:

      • 箭头函数需要注意哪些地方?

      • let、const、var

      • 拓展:var方式定义的变量有什么样的bug?

      • Set数据结构

      • 拓展:数组去重的方法

      • 箭头函数this的指向。

      • 手写ES6 class继承。

      微信小程序

      • 简单描述一下微信小程序的相关文件类型?

      • 你是怎么封装微信小程序的数据请求?

      • 有哪些参数传值的方法?

      • 你使用过哪些方法,来提高微信小程序的应用速度?

      • 小程序和原生App哪个好?

      • 简述微信小程序原理?

      • 分析微信小程序的优劣势

      • 怎么解决小程序的异步请求问题?

      其他知识点面试

      • webpack的原理

      • webpack的loader和plugin的区别?

      • 怎么使用webpack对项目进行优化?

      • 防抖、节流

      • 浏览器的缓存机制

      • 描述一下二叉树, 并说明二叉树的几种遍历方式?

      • 项目类问题

      • 笔试编程题:

      最后

      技术栈比较搭,基本用过的东西都是一模一样的。快手终面喜欢问智力题,校招也是终面问智力题,大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了,建议回去补一下。

    本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/31477.shtml

    如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

    相关文章

    视频剪辑技巧大揭秘:轻松掌握为视频添加梦幻光晕效果的绝妙方法!

    在这个视觉盛宴的时代,每一个画面都渴望被赋予独特的魅力与魔法。今天,我要为你揭秘一个神秘的视频剪辑技巧——给视频添加光晕效果,让你的作品瞬间脱颖而出,成为朋友圈的焦点 首先,你可以打开原视频进行查看。此时&am…

    QT自定义标题栏窗口其一:实现拖动及可拉伸效果

    1、效果 2、核心代码 #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(paren

    【字节序】

    1. 字节序(Endianness)问题 不同计算机体系结构可能采用不同的字节序来存储多字节数据。字节序有两种主要形式: 大端序(Big-endian):高位字节存储在低地址。 小端序(Little-endian&#xff09…

    高速公路声光预警定向广播助力安全出行

    近年来,高速重大交通事故屡见不鲜,安全管控一直是高速运营的重中之重。如何利用现代化技术和信息化手段,创新、智能、高效的压降交通事故的发生概率,优化交通安全管控质量,是近年来交管部门的主要工作,也是…

    unity UGUI画线(Image方式)

    /// <summary>/// 画线/// 注意&#xff1a;startPoint和endPoint&#xff0c;须和lineTransform在同一路径层级下的位置关系&#xff01;&#xff01;&#xff01;/// </summary>/// <param name"self"></param>/// <param name"li…

    Asp.net core Authoriation Middleware实现权限控制的例子

    ASP.NET Core Authorization Middleware 是 ASP.NET Core 框架中用于处理授权的中间件组件。它允许开发者在应用程序中实现细粒度的访问控制&#xff0c;确保只有合适的用户才能访问特定的资源或执行特定的操作。 核心概念 策略&#xff08;Policies&#xff09;&#xff1a;策…

    解决不能拉取 docker 镜像

    # 编辑镜像仓库文件 sudo vi /etc/docker/daemon.json { "registry-mirrors": ["https://registry.docker-cn.com","https://s3d6l2fh.mirror.aliyuncs.com"] }# 重启docker sudo systemctl restart docker参考 https://blog.csdn.net/u01019733…

    timescaledb:单机基于postgresql-15安装timescaledb

    配置yum sudo yum install https://download.postgresql.org/pub/repos/yum/reporpms/F-$(rpm -E %{fedora})-x86_64/pgdg-fedora-repo-latest.noarch.rpm配置yum源 sudo tee /etc/yum.repos.d/timescale_timescaledb.repo <<EOL [timescale_timescaledb] nametimescal…

    将强化学习重新引入 RLHF

    我们很高兴在 TRL 中介绍 RLOO (REINFORCE Leave One-Out) 训练器。作为一种替代 PPO 的方法&#xff0c;RLOO 是一种新的在线 RLHF 训练算法&#xff0c;旨在使其更易于访问和实施。特别是&#xff0c; RLOO 需要的 GPU 内存更少&#xff0c;并且达到收敛所需的挂钟时间也更短…

    前端Vue实现萤石云播放视频

    下载依赖 npm install ezuikit-js --save 完整代码 <template><div class"home"><div id"video-container"></div></div> </template> <script> import EZUIKit from "ezuikit-js";export default…

    ICAS英格尔引领企业绿色转型之路:深度解析ISO14064温室气体核查与审定服务

    在全球范围内&#xff0c;气候变化正迅速成为影响企业战略决策、运营效率及长期可持续发展的关键因素。ICAS英格尔作为全球领先的认证机构&#xff0c;致力于通过ISO14064温室气体核查与审定服务&#xff0c;帮助企业应对这一挑战&#xff0c;实现绿色转型&#xff0c;提升环境…

    前端模糊搜索关键字高亮

    效果 代码 <template><view class"flexStart new-box"><view class"company"><!-- 输入框样式 --><view class"spaceBetween companyName" click.stop"isCompany true"><input type"text&quo…

    如果已经登录,输入白名单路由想访问白名单页面被重定向其他页面

    如果用户已经登录&#xff0c;但尝试访问白名单页面时被重定向到了其他页面&#xff0c;这可能是由于路由守卫的逻辑设置不正确。以下是一些可能的原因和解决方案&#xff1a; 可能的原因&#xff1a; 路由守卫逻辑错误&#xff1a;路由守卫可能错误地将已登录用户重定向到登…

    C盘满了怎么清理?一招让你远离C盘空间不足的烦恼

    C盘满了怎么清理&#xff1f;一招让你远离C盘空间不足的烦恼&#xff0c;当C盘空间满了时&#xff0c;会给我们来一系列烦恼和潜在问题。比如&#xff1a;系统运行缓慢、程序崩溃或无法安装、启动时间变长、系统不稳定、文件管理困难、游戏卡顿、电脑卡顿、系统故障等问题&…

    使用css实现打开抽屉效果(css过渡动画)

    方法一&#xff0c;使用高度方式&#xff0c;高度从0到展示进行过渡 HTML代码&#xff1a; <div class"container"><div class"menu">菜单</div><div class"box"></div></div>CSS代码&#xff1a; .box {wi…

    Linux使用Docker部署mysql5.7

    一、拉取镜像 docker pull mysql:5.7 二、查看镜像 docker images 三、创建容器 这里稍微解释下 -p参数是端口映射 -v参数是数据卷挂载 数据卷挂载是Docker中的一种功能&#xff0c;它允许将主机上的目录或文件系统与容器内的目录绑定&#xff0c;实现数据的持久化存储…

    代码随想录算法训练营第45天(py)| 动态规划 | 198.打家劫舍、213.打家劫舍II、337.打家劫舍III

    198.打家劫舍 力扣链接 你是一个专业的小偷&#xff0c;计划偷窃沿街的房屋。每间房内都藏有一定的现金。 如果两间相邻的房屋在同一晚上被小偷闯入&#xff0c;系统会自动报警。 给定一个代表每个房屋存放金额的非负整数数组nums&#xff0c;计算你 不触动警报装置的情况下 &…

    短剧片源授权,类目丰富优惠多,抢先一步更新你的短剧系统片库!

    前言 如今的短剧作为一种新兴的视听艺术形式&#xff0c;正以其独特的魅力迅速占领市场高地。为了满足广大短剧爱好者和从业者的需求&#xff0c;我们提供短剧片源授权服务&#xff0c;凭借剧场独家提供的丰富片源&#xff0c;助力您轻松更新短剧系统片库&#xff0c;抢占市场…

    MySQL小版本升级(8.0.36->8.0.37)

    关于MySQL升级的话MySQL官方文档上面介绍了2个方法&#xff0c;’就地升级’和‘逻辑升级’。’就地升级‘就是升级底层的RPM包而‘逻辑升级’就是将旧MySQL数据库上的信息迁移到新MySQL数据库上。 本篇文章介绍到的是RPM包升级 升级MySQL版本的典型步骤包括&#xff1a; 备份&…

    算法篇-排序

    快排 算法思想&#xff1a;每次找一个基数&#xff0c;然后对数组左右遍历&#xff0c;将小于基数的数据放到左边&#xff0c;大于基数的数放到右边&#xff0c;然后将基数左边&#xff0c;右边进行迭代再排序。 public static void quickSort(int[] nums, int left, int ri…