前端实习练习题
前端实习笔试题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&#