前端练习总结(1)

前端实习练习题

前端实习笔试题0920

  • visibility:hidden display:none
  • 把鼠标移到按钮并点击时 hover active focus的顺序
  • 代码输出结果1
  • 代码输出结果2
  • CSS中哪些属性可以继承
  • cookie sessionStorage localstorage区别
  • 面向对象基本特征有哪些,请具体说明
  • 下列关于v-model的说法,哪项是不正确的?
  • 关于position定位,下列说法错误的是()。
  • 关于Vue中的diff算法说法错误的是
  • 下列关于客户端渲染和服务器端渲染的描述错误的是
    • 【重要】SSR CSR
      • SSR(服务器端渲染)
        • 定义
        • 优点
        • 缺点
      • CSR(客户端渲染)
        • 定义
        • 优点
        • 缺点
      • 总结
  • 哪些会返回false
  • 代码
  • 0921
    • 大数的除法
    • 4×4华容道游戏,用算法实现

visibility:hidden display:none

visibility: hidden; 与 display: none; 两者没有本质上的区别:错误。visibility: hidden; 保留空间,只是隐藏视觉效果,而 display: none; 则完全移除元素,不保留空间。

visibility: hidden; 隐藏元素,但该元素仍然占据空间,只是视觉上不可见。

display: none; 会将元素完全从文档流中移除,不会为它保留任何物理空间。

visibility: hidden; 产生 reflow 和 repaint(回流与重绘):正确。visibility: hidden; 由于元素还占据空间,浏览器需要重新计算布局(reflow)和重新绘制页面(repaint)。

把鼠标移到按钮并点击时 hover active focus的顺序

当用户将鼠标移到按钮并点击时,CSS 伪类 hover、active 和 focus 的触发顺序如下:

hover: 当鼠标悬停在按钮上时,首先触发 hover 状态。该状态表示鼠标在按钮上方但尚未进行点击。

active: 当用户按下鼠标按钮时(点击但未释放),按钮进入 active 状态。此时按钮看起来像是被“按下”了。

focus: 如果按钮是可以获得焦点的元素(如 或 ),在用户点击后释放鼠标时,按钮会进入 focus 状态。focus 表示该元素现在具有键盘或其他交互设备的焦点。

代码输出结果1

function func() {var n = 1;add = function() { n += 1 } // add 定义在全局function innerFunc() {alert(n)}return innerFunc; // 这里不调用 innerFunc,而是返回它
}var result = func(); // result 是 innerFunc 函数
result(); // 弹出 1
add();    // n 增加 1
result(); // 弹出 2

在这里插入图片描述
在这里插入图片描述
输出是 1,2

第一次result,add 函数被定义为全局函数,它会将 n 的值增加 1,但是在这里并没有调用它,因此此时 n 仍然是 1。

代码输出结果2

for(var i=5; i>0; i--) {setTimeOut(function(){console.log(i)}, 1000*i)
}

答案是 0 0 0 0 0
在这里插入图片描述

CSS中哪些属性可以继承

在这里插入图片描述

  • 盒模型
    content padding border margin
  • 两种盒模型模式
    ① 标准模型(默认行为,content-box&#

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

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

相关文章

数据结构 ——— 顺序表oj题:编写函数,合并两个有序数组

目录 题目要求 代码实现 题目要求 nums1 和 nums2 是两个升序的整型数组,另外有两个整数 m 和 n 分别代表 nums1 和 nums2 中的元素个数 要求合并 nusm2 到nums1 中,使合并后的 nums1 同样按升序顺序排列 最终,合并后的数组不应由函数返…

CSS05-复合选择器

一、什么是复合选择器 1-1、后代选择器(重要) 示例1: 示例2: 示例3: 1-2、子选择器 示例: 1-3、并集选择器(重要) 示例: 1-4、伪类选择器 1、链接伪类选择器 注意事项&am…

【SpringCloud】服务注册/服务发现-Eureka

服务注册/服务发现-Eureka 1. 背景1.1 问题描述1.2 解决思路1.3 什么是注册中⼼1.4 CAP理论1.5 常⻅的注册中⼼ 2. Eureka 介绍3. 搭建Eureka Server 1. 背景 1.1 问题描述 上个章节的例⼦中可以看到, 远程调⽤时, 我们的URL是写死的 String url "http://127.0.0.1:90…

本地部署开源在线PPT制作与演示应用PPTist并实现异地远程使用

文章目录 前言1. 本地安装PPTist2. PPTist 使用介绍3. 安装Cpolar内网穿透4. 配置公网地址5. 配置固定公网地址 前言 本文主要介绍如何在Windows系统环境本地部署开源在线演示文稿应用PPTist,并结合cpolar内网穿透工具实现随时随地远程访问与使用该项目。 PPTist …

ST188单光束反射式红外光电传感器心率测量原理

光电传感器心率测量原理 ST188传感器测量脉搏的具体原理如下: 当手指轻轻按压在ST188红外光电传感器上时,传感器内部的红外发射二极管会发出红外线。这些红外线穿透手指皮肤,照射到血液上。由于脉搏跳动时,血液的体积和压力会发生…

从零开始,Docker进阶之路(三):Docker镜像与命令

一、Docker核心名词 镜像文件、容器、仓库 镜像:简单理解为就是一个安装包,里面包含容器所需要运行的基础文件和配置信息,比如:redis镜像、mysql镜像等。 镜像的来源方式: 1.自己做镜像,比如自己开发微服…

K8s容器运行时,移除Dockershim后存在哪些疑惑?

K8s容器运行时,移除Dockershim后存在哪些疑惑? 大家好,我是秋意零。 K8s版本截止目前(24/09)已经发布到了1.31.x版本。早在K8s版本从1.24.x起(22/05),默认的容器运行时就不再是Doc…

记录Mac编译Android源码踩过的坑

学习Android源码,如果电脑配置还不错,最好还是下载一套源码,经过编译后导入到Android Studio中来学习,这样会更加的直观,代码之间的跳转查看会更加方便。因此,笔者决定下载并编译一套源码,以利于…

生活中重大决定,除了你自己,谁也帮不了你!

随着年龄增长,越来越发现:生活是非常现实,更现实的社会,自己除了自己,谁也帮不了你。 因此,一个人的生活是好是坏,往往取决于我们自己的努力程度,越努力才会越幸运。没有伞的孩子&am…

力扣(leetcode)每日一题 2516 每种字符至少取 K 个 | 滑动窗口

2516. 每种字符至少取 K 个 给你一个由字符 a、b、c 组成的字符串 s 和一个非负整数 k 。每分钟,你可以选择取走 s 最左侧 还是 最右侧 的那个字符。 你必须取走每种字符 至少 k 个,返回需要的 最少 分钟数;如果无法取到,则返回…

Win10系统插入带有麦克风的耳机_麦克风不起作用_解决方法_亲测成功---Windows运维工作笔记054

今天我在使用讯飞输入法的时候,想通过讯飞的语音输入法来提高自己的输入效率。 但是这个时候发现一个问题就是我插入我的台式机的是一个带有麦克风的耳机。 但是发现我这个耳机没有办法被电脑识别出麦克风来,所以说就没办法使用讯飞输入法的语音输入功能来直接输入文字了。…

你知道AI模型是如何学习的吗???零基础入门到精通,收藏这一篇就够了

在人工智能的广阔天地中,AI模型的学习方式不仅决定了其智能行为的深度和广度,更是推动技术进步和应用创新的关键动力。随着AI技术的飞速发展,我们越来越意识到,深入了解AI的学习机制对于把握其潜能至关重要。 这篇文章将从基础概…

从物流员到月薪12K:他如何成功转行人工智能大模型,逆袭人生!

苑同学,21岁,江苏人 专科学历,物流管理专业 入行后:嵌入式开发,12K 工作地点:苏州 苑同学,来自江苏苏州,是一名普通的大专毕业生,今天我们来听听他的故事。。。 我的…

蓝桥杯—STM32G431RBT6(TIM定时器输入捕获频率和占空比)

一、什么是输入捕获?对比输出捕获区别? 输入捕获是指对输入信号的特定事件进行检测和记录它主要用于测量输入信号的时间间隔、频率等参数。而输出捕获则是对输出信号的特定事件进行控制和监测。两者的主要区别在于作用对象不同,输入捕获关注的…

【Threejs进阶教程-着色器篇】8. Shadertoy如何使用到Threejs-基础版

【Threejs进阶教程-着色器篇】8. Shadertoy如何使用到Threejs - 基础版 前七篇地址,建议按顺序学习致谢带我入门的[X01动力装甲]大佬本文适用范围怎么样在Shadertoy中画出正圆形shadertoy中的坐标系比例转换理解Shadertoy的fragCoord理解Shadertoy中的iResolution 转移Shaderto…

【YOLO目标检测输电线路异物数据集】共4516张、已标注txt格式、有训练好的yolov5的模型

目录 说明图片示例 说明 数据集格式:YOLO格式 图片数量:4516 标注数量(txt文件个数):4516 标注类别数:4 标注类别名称:nest、kite、balloon、trash 数据集下载:输电线路异物数据集 图片示例 数据集…

react 状态管理

Redux Redux是React中常用的状态管理组件,类似于Vue中的Pinia(Vuex),可以独立于框架运行 作用: 通过集中管理的方式管理应用的状态 配套工具 在react中使用redux,官方要求按照两个插件,Redux Toolkit 和 react-red…

c++(AVL树及其实现)

一、AVL树的概念 AVL树是最先发明的自平衡⼆叉查找树,AVL是⼀颗空树,或者具备下列性质的⼆叉搜索树:它的 左右子树都是AV树,且左右子树的高度差的绝对值不超过1。AVL树是⼀颗高度平衡搜索⼆叉树, 通过控制高度差去控…

星辰计划04-深入理解kafka的消息存储和索引设计

消息存储 提到存储不得不说消息的读写,那么kafka他是如何读写数据的呢? 读取消息 1.通过debug(如何debug) 我们可以得到下面的调用栈,最终通过FileRecords来读取保存的数据 写入消息 1.通过debug(如何debug) 我们可以得到下面的调用栈&am…

在LLMs模型中发现人类的记忆特征

论文地址:https://arxiv.org/abs/2311.03839 介绍 大型语言模型(LLM),如 ChatGPT,为语言建模和生成人类水平的文本输出带来了质的飞跃。 这些模型在庞大的文本库中进行训练,有效地建立了高度复杂和准确的…