当前位置: 首页 > 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.lryc.cn/news/448358.html

相关文章:

  • 计算机网络自顶向下(1)---网络基础
  • Pandas -----------------------基础知识(五)
  • RabbitMQ 高级特性——重试机制
  • 每天一道面试题(20):锁的发生原因和避免措施
  • 2024淘宝双11活动,收下这份必买好物推荐清单
  • vue-cli,element-plus,axios,proxy
  • 《Zeotero的学习》
  • 大数据复习知识点1
  • 9.26 Buu俩题解
  • Mitsuba 渲染基础
  • 深入理解 WebSocket:实时通信的利器
  • OpenEuler配置本地yum源
  • 论文不同写作风格下的ChatGPT提示词分享
  • 单点登录(SSO)基础
  • 设置VsCode搜索时排除文件,文件列表中隐藏文件
  • 急!现在转大模型还来得及吗?零基础入门到精通,收藏这一篇就够了
  • 使用 lstm + crf 实现NER
  • 【牛掰】这款RPA多平台引流获客软件已正式上线,助您日引流1000+
  • Python的包管理工具pip安装
  • 《AIGC 时代程序员的应对之策》
  • 51单片机系列-串口(UART)通信技术
  • 使用k8s部署java前后端服务
  • 使用docker创建zabbix服务器
  • nodejs 016: javascript语法——解构赋值({ a, b, c } = {})=>{console.log(“Hello“);}
  • 【人人都能看懂的大模型原理】(一)
  • JMeter源码解析之JMeter命令行新增命令
  • YOLOv8 Windows c++推理
  • 一文读懂Python中的Popen函数
  • 07-阿里云镜像仓库
  • net core mvc 数据绑定 《2》