当前位置: 首页 > news >正文

前端练习总结(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.mrgr.cn/news/37845.html

相关文章:

  • 解决方案:如何将字段名转成列,并将对应权重数值做好拼接
  • SQLite百万级数据量高性能读写
  • 基于springboot的书店图书销售管理系统的设计与实现 (含源码+sql+视频导入教程)
  • 技术速递|适用于 .NET 和 .NET MAUI Android 应用程序的 Android 资产包
  • ROS理论与实践学习笔记——2 ROS通信机制之通信机制实践
  • Redis篇(Java操作Redis)
  • 【MySQL】数据库表的基本查询——增删查改
  • 每日OJ_牛客_OR59字符串中找出连续最长的数字串_双指针_C++_Java
  • 【RabbitMQ】面试题
  • 这五本大模型书籍,让你从大模型零基础到精通,非常详细收藏我这一篇就够了
  • 在AI时代,程序员如何保持核心竞争力
  • Markdown语法总结
  • JAVA连接HDFS使用案例
  • OJ在线评测系统 将代码沙箱开放为API 跑通前端后端整个项目 请求对接口
  • 通义千问:让我的编程工作效率翻倍的秘密武器
  • H.264编码介绍
  • 【漏洞复现】公交IC卡收单管理系统 SQL注入致RCE漏洞复现
  • 洛谷 AT_abc275_c [ABC275C] Counting Squares 题解
  • Matlab 软件入门
  • Diameter协议