前端—每天3道面试题(一)

最新推荐文章于 2023-05-20 17:09:24 发布
最新推荐文章于 2023-05-20 17:09:24 发布
阅读量417 收藏 1
点赞数 2
分类专栏： 【每日三题】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hong521520/article/details/119108481
版权

每天进步一点点,成长足迹看得见!

一、overflow 有哪些属性值？

  • Visible：默认值，内容不会被修剪，会呈现在元素框之外。
  • Hidden：内容会被修剪，并且其余内容是不可见的。
  • Scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
  • Auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
  • Inherit：规定应该从父元素继承 overflow 属性的值。

二、 rgba()和 opacity 的透明效果有什么不同？

  • rgba()和 opacity 都能实现透明效果，但最大的不同是 opacity 作用于元素，以及元素内的所有内容的透明度
  • rgba()只作用于元素的颜色或其背景色。（设置 rgba 透明的元素的子元素不会继承透明效果）

例子:

.box{
   width
最低0.47元/天 解锁文章
一个橙子呀
关注
专栏目录
CSS中position属性面试题目超详细讲解
LinZHiMo的博客
05-12 445
写在前面 CSDN话题挑战赛第1期 活动详情地址：CSDN 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！ 总之我们大家一起将自己的面试经验以及.
前端面试题3
France_CG
04-21 371
为什么学前端？ 因为我大学本科是计算机专业，所以还算是对计算机比较了解，前端是自己无意中接触到的，然后越来越感兴趣，再加上前端的发展前景还不错，所以就坚毅的自学起前端来了 网页上哪里可以看到请求的所有信息 找到开发者调试模式，打开浏览器按下F12键，然后访问你的网址，在调试面板下方network选项下可查看当前页面发出的所有请求 ...
面试题准备（十五）：定位 position
番茄味姜糖的博客
02-26 485
- 文档流就是将元素放在浏览器视窗中的系统，可将放在里面的元素笼统的分为行级元素和块级元素 - 所谓定位，就是使得元素脱离文档流进行放置的属性 - 静态定位是元素的默认定位方式 - 相对定位是相对于原来位置进行定位，虽然元素脱离了原来的位置，但它原来的位置并不会被其它元素占据 - 绝对定位脱离原来位置进行定位，元素在离开原来位置后，其位置会被顺延至下一个元素 - 固定定位根据视窗进行定位，常用于制作导航栏 - z-index 可以确定重叠元素的排列顺序
面试必问——定位position
qq_45018844的博客
01-04 322
定位的属性 static(默认值） absolute（绝对定位） relative（相对定位） fixed（固定定位） static 是position的默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index） absolute绝对定位 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定 例子： <!DOCTYPE
面试小汇总-(position)
weixin_39658215的博客
03-14 292
position（摘自w3school）定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值：static继承性：no版本：CSS2JavaScript 语法：object.style.position="absolu...
回答面试官想问的position
qq_43681850的博客
03-31 285
前言 在面试中我们会遇到很多关于 position 的题目，例如 position 有哪些熟悉值，通过这篇文章可以跟着面试题学习 position。 正文 1.请讲讲你知道的 position 的值 属性 作用 是否脱离文档流 static 默认生成 否 absolute 相对于非static的父元素进行定位 是 relative 相对于元素本来存在的位置进行定位 否 fixed 相对于浏览器窗口进行定位 是 sticky 在不同情况下分别表现为fixed relative
前端面试题（三）
weixin_73202160的博客
09-27 175
正在持续更新哦~
牛耳教育长沙Web大前端每天5道面试题.pdf
05-27
3. **初始化高度数组**：创建一个数组，用于存储每列的高度，初始值为0。 4. **定位子元素**：遍历所有子元素，对于第一行的子元素，直接将它们的高度添加到对应列的高度数组中。对于后续行的子元素，找到当前数组...
前端面试每日31以面试题来驱动学习提倡每日学习每天进步一点
08-07
"前端面试每日31以面试题来驱动学习"是一个非常实用的学习资源，它通过每日一题的方式，帮助开发者巩固和提升JavaScript及其相关领域的知识。这个项目提倡的是持续学习的理念，强调每天的进步，哪怕只是一点点，都能...
interview:前端面试题，以面试来驱动学习，每天进步一点！
05-29
前端面试题每日3+1，以面试题来驱动自己 在公众号也会推送面试题，更加方便阅读学习。 day39 day38 day37 day36 day36-shadow dom和virtual dom 的区别知道吗？ day36-css的linear-gradient的作用是什么？ day36-你...
66道前端算法面试题附思路分析助你查漏补缺
Wscats
10-12 1612
本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查， 附笔记链接，如果对你有帮助请给我点赞鼓励哦： https://github.com/Wscats/articles 1. 二维数组中的查找 题目： 在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的 一个二维数组和一个整数，判断数组中是否含有该整数。
面试过程中常被问到的几个关于定位的问题
weixin_30390075的博客
12-21 292
以下将几个问题按照由浅入深整理了一下 1.position属性有几种类型？分别是什么？ 四种类型： 　　a.static (默认) static是position属性的默认值，默认情况下，块级元素和行内元素按照各自的特性进行显示 　　b.relative (相对定位) 相对定位下，元素会根据top，left，bottom，right相对父元素进行偏移，关键点是它原本...
CSS布局（Display、Position、Overflow、Float）
NicoleZhang2012的博客
06-22 382
布局说明 基本布局属性 Display（显示） display属性设置一个元素应如何显示。 display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。 display:block – 显示为块级元素 display:inline – 显示为内联元素 display:inline-block – 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性 Visibility（可见） visibility属性指定一个
position定位，下列说法错误的是（ ）
KzhengKevin的博客
05-20 902
它的移动不会影响其他元素的布局，但是它在布局中仍然保留了原来的空间。B. absolute 的元素，如果它的父容器设置了 position 属性，并且 position 的属性值为 absolute 或者 relative，那么就会依据父容器进行偏移。absolute 的元素，如果它的父容器设置了 position 属性，并且 position 的属性值为 absolute 或者relative，那么就会依据父容器进行偏移。D. 相对定位的元素以它原来的位置为基准偏移，在其移动后，原来的位置仍然占据空间。
html+css的几道面试题
weixin_43249993的博客
09-26 1347
怎么让一个不定宽高的DIV，垂直水平居中？ 1）使用CSS方法：占位置 父盒子设置：display：table-cell； text-align：center；vertical-align：middle； Div设置： display：inline-block；vertical-align：middle； 2）使用CSS3的transform：不占位置 父盒子设置：position：relativ...
前端面试题总结（4）
wuyxinu的博客
06-21 8844
一、题目 1、以下代码执行后，console 输出的信息是？ for(let i = 0; i < 5; i++){ requestAnimationFrame(() => console.log(i)); } 2、以下代码中文字的最终颜色是 <style> div > #title{color: blue;} div > h3#title.title{color: red;} [lang="en"] h3.title{color: g
关于使用fixed定位会影响后面元素
qq_43964369的博客
05-19 911
因为fixed属于脱离文档流定位，所以在相同父元素下它不占据普通流元素的位置，普通元素会顶上去。我们可以在fixed定位的元素外再加一个盒子包裹住它，设置这个盒子的高度即可。
HTML、CSS部分基础知识总结（一)
木落
08-01 739
文章目录1、选择器的优先级排序2、浮动元素相关题3、把鼠标移到按钮并点击时，会产生一串什么样的事件？4、块级标签和行类标签分类总结5、CSS盒子模型6、img 相关，以下两种都可以直接看到文字hello7、CSS中用 opacity、visibility、display对比总结7.1 display: none7.2 visibility: hidden;7.3 opacity=08、HTML中的注释9、哪些元素在浏览器默认样式下会加粗文本 (360面试题)10、html严格模式和标准模式，怎么触发这两种模
2024前端面试题一百道
最新发布
01-10
很抱歉，我无法提供具体的2024年前端面试题一百道，因为面试题的内容和形式可能会因公司、职位和行业而异。不过，我可以提供一些通用的前端面试题，以帮助您准备面试。 1. 请简述前端开发的主要技术栈包括哪些？ 2. 请描述一下什么是HTML、CSS和JavaScript？ 3. 请解释一下什么是响应式设计？如何在前端开发中实现响应式设计？ 4. 请简述一下什么是前端框架，并列举几个常用的前端框架。 5. 请解释一下什么是Vue.js，并简述其核心概念和用法。 6. 请解释一下什么是React.js，并简述其核心概念和用法。 7. 请简述一下什么是Webpack，并解释其作用和用法。 8. 请解释一下什么是ES6，并列举一些ES6的新特性。 9. 请简述一下什么是前端性能优化，并列举一些优化技巧。 10. 请解释一下什么是HTTP/2，并简述其优点和缺点。 除了以上问题，您还可以准备一些更具体的问题，例如： 1. 请解释一下如何使用CSS选择器选择元素？ 2. 请解释一下如何使用JavaScript操作DOM？ 3. 请描述一下如何使用Vue.js实现一个简单的计数器组件。 4. 请解释一下如何使用React.js实现一个简单的表单组件。 5. 请描述一下如何使用Webpack进行代码拆分和优化。 6. 请解释一下什么是跨域问题，并简述如何解决跨域问题。 7. 请描述一下如何使用JavaScript进行异步编程，例如使用Promise和async/await。 8. 请解释一下什么是前端安全，并列举一些常见的安全问题及其解决方法。 希望以上信息对您有所帮助，祝面试成功！
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值