2023前端大厂高频面试题之CSS篇(2)

已于 2023-11-20 15:40:02 修改
阅读量618 收藏 2
点赞数 4
分类专栏： 高频大厂前端面试题 前端 # CSS 文章标签： css 前端 大厂面试 大厂 面试题
于 2023-11-16 17:48:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zag666/article/details/130273699
版权
本文深入探讨了CSS在前端大厂面试中的高频知识点，包括页面导入样式表与@import的区别，伪类和伪元素的概念，以及各种布局技巧如三栏布局和两栏布局的实现方法。此外，还介绍了清除浮动、CSS相对单位的应用以及外边距重叠现象及其解决策略。
摘要由CSDN通过智能技术生成
了解本专栏 订阅专栏 解锁全文 超级会员免费看
若年封尘
关注
专栏目录
订阅专栏
2023前端大厂高频面试题之JavaScript篇(5)
zag666的博客
11-20 365
typescript和javascript有什么区别 模板字符串 扩展运算符 Object.assign 基于发布订阅模式的js事件处理中心EventEmitter 类中的constructor js不引入第三个变量的情况下交换a、b的值 console.log输出 空值合并操作符(??)及可选链式操作符(?.) ES6 中常见的语法特性
2023前端大厂高频面试题之项目篇
zag666的博客
05-02 1230
注册登录 如何减少前端页面的首屏加载时间？ 图片懒加载 网站性能优化 项目启动后白屏，怎么解决？怎么查？ 说一下你在前端项目中遇到印象深刻的项目场景，并且怎么解决的？ 前端工程化 小程序体积压缩 前端单元测试 在做完前端项目之后，一般都会写哪些文档，readme里面写一些什么？ 项目难点 微信小程序聊天功能 微信小程序第三方授权（点击登录弹出微信授权） 小程序页面加载速度优化 小程序响应式设计
2023前端大厂高频面试题之浏览器篇
zag666的博客
04-26 457
从一个url地址到页面完成渲染，发生了什么？ 有了IP地址怎么找到指定的服务器（ARP协议） 前端攻击有哪些，抵御前端攻击的方式有哪些 网络劫持有哪些，怎么防范 Cookie、sessionStorage、localStorage 的区别 浏览器内核有哪些 同源策略 如何解决跨越问题 强缓存和协商缓存 浏览器标签页用进程还是线程来实现？ 如何实现浏览器内多个标签页之间的通信?
2023前端大厂高频面试题之HTTP篇
zag666的博客
05-02 1398
系列文章： 2022前端大厂面试题之JavaScript篇(1) 2022前端大厂面试题之JavaScript篇(2) 2022前端大厂面试题之JavaScript篇(3) 2022大厂高频面试题之操作系统篇 文章目录2022前端大厂高频面试题之HTTP篇超全总结HTTP协议HTTP的特点及缺点GET和POST两种基本请求方法的区别POST和PUT请求的区别HTTP请求报文常见的HTTP请求方法HTTP响应报文HTTP响应报文中常见的状态码Http缓存机制与原理HTTP的基本优化keep-aliveH.
2023大厂高频面试题之CSS篇
zag666的博客
05-18 1773
css的position属性取值 css选择器优先级和权重 box-sizing属性 CSS 盒子模型 CSS实现三角形 CSS布局 弹性布局display:flex 实现一个垂直水平居中 隐藏页面元素的方法 style-components HTML脱离文档流的方法 block，inline和inlinke-block transition与animation区别...
2023前端大厂面试题之JavaScript篇(1)
zag666的博客
03-05 5941
js中的同步和异步 异步编程的实现方式 回调地狱 JavaScript this 关键字 JavaScript中基本数据类型和引用数据类型的区别 原型 原型链 原型链面试题 原型继承 防抖和节流 宏任务与微任务 宏任务与微任务面试题......
2023大厂高频面试题之Vue篇(3)
最新发布
zag666的博客
10-28 2202
说说你对 SPA 单页面的理解，它的优缺点分别是什么？ 数据请求在created和mounted的区别 Vue中给对象添加新属性页面不刷新？怎样解决？ 前端路由Vue Router 两种路由模式 如何检测 URL 变化了？ Vue组件之间的通信方式 Vuex与localStorage
2023大厂高频面试题之Vue篇(2)
zag666的博客
04-25 503
虚拟DOM的理解 vue 和 react 里的key的作用是什么? 为什么不能用Index？用了会怎样? 如果不加key会怎样? 为何Vue采用异步渲染 Vue.nextTick() 组件中的 data为什么是一个函数 为什么new Vue这个里面的data可以放一个对象？ vue如何检测数组变化 ajax请求放在哪个生命周期中 Vue父子组件生命周期调用顺序 Vue组件为什么只能有一个根元素？ vue 的keep-alive的作用是什么？怎么实现的？如何刷新的? 何时需要使用beforeDestroy
2023大厂高频面试题之Vue篇
zag666的博客
06-24 869
Vue的优点及缺点 react框架是mvvm框架还是mvc框架 谈谈对MVVM原理的理解 Vue响应式数据的原理 Vue 双向数据绑定原理 computed、watch和methods Vue的生命周期 Vue父子组件生命周期 Vue的created中如何获取到dom元素 v-if和v-for哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能？ Vue组件data为什么必须是个函数而Vue的根实例则没有此限制？ Vue中的diff算法 为什么引入diff Vue能不能在编译时构建而不是运行时使用虚
什么是MVVM模式？
热门推荐
zag666的博客
04-27 2万+
文章目录前端的三大MV*模式：MVVM模式：ViewModel的作用：MVVM的组成部分：前端流行框架： 前端的三大MV*模式： MVVM模式： MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当下流行的MVVM框架有：Vue.js、AngularJS。 MVVM即模型-视图-视图模型。模型指的是后端传递的数据；视图指的是所看到的页面。视图模型是mvvm模式的核心，它是连接vie
CSS样式为什么不起作用？史上最全解决方法汇总
zag666的博客
03-28 2万+
在我们写页面时，有时会发现自己写的css样式无法生效，导致这种现象的原因有很多，下面列举一些常见的原因希望可以帮到你，欢迎评论区补充。 目录浏览器缓存问题细节问题样式表关联问题选择器问题编码格式问题样式层叠问题 浏览器缓存问题 如果你反复检查认为代码没有问题，那么可能是浏览器缓存的问题。在排查前先试一下清除浏览器缓存，重启浏览器或者换个浏览器等手段，无效后再进行进一步排查。有可能自己什么都没有做...
css动画实现鼠标经过，图片放大效果
zag666的博客
09-03 1万+
浏览器实现效果： 自己在浏览器实现时当鼠标移上图片有放大效果 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片放大案例</title> <style type="text/css"> div{ ...
js实现浏览器中的前进、后退按钮
zag666的博客
10-15 1万+
JavaScript中window.history 对象包含浏览器历史，history.back()等同于在浏览器点击后退按钮 ，history.forward() 等同于在浏览器中点击前进按钮。 history.back() 方法 加载历史列表中前一个 URL，相当于在浏览器中点击后退按钮。 在页面中创建后退按钮： <html> <head> <script>...
真正有效解决setInterval()越来越快的问题
zag666的博客
11-17 9862
点击开始按钮，参数变为真，计时器才会改变，有效避免了反复调用setInterval函数，从而有效避免了setInterval()引发的加速效果。 效果截图： 实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易计时器</ti...
按钮水平居中的实现方法
zag666的博客
11-03 9499
让按钮居中的方式主要有以下两种： 一、首先将button变成块级元素，再给它设置margin:0 auto；即可。 <button style="display:block;margin:0 auto">按钮水平居中</button> 二、给button父级元素设置text-align:center。 <div style="text-align:center"&...
用一个浏览器实现n倍速播放本地视频
zag666的博客
12-19 8822
用浏览器倍速播放本地视频(.flv,.mp4……)，再也不用下载播放器了！ 当我们想要学习一些技术时，可能需要下载教学视频到本地，但有些视频的格式电脑自带的播放器并不支持播放（就比如.flv格式的视频）或者是嫌视频语速太慢。 这个时候可能就需要自己从网上下载一些可以播放不常见格式视频的可以倍速播放的播放器，但往往搜索半天也找不到自己中意的一款播放器，令人头秃！ 笔者用html5中的video标签...
数据可视化ECharts的七大常用图表，看完就会用(1)
zag666的博客
03-31 8349
数据可视化 什么是数据可视化？ 数据可视化, 说白了, 就是把数据以更加直观的方式进行呈现。那什么方式是更加直观的方式呢? 就是图表。常言道, 文不如表, 表不如图, 人们大脑对图的敏感程度要比苍白无力的文字好很多。 通过图表可以很清楚的看到各项数据之间的关系：（下图是Echarts官网的一个例子） 数据可视化的好处 更直观的展示信息 清晰有效地传达与沟通信息 更容易洞察隐藏在数据中的信息 数据可视化的实现方式 ECharts是百度公司开源的一个使用JavaScript实现的开源可视化库，兼容性强，底
js按钮实现切换图片效果
zag666的博客
11-01 7552
通过JavaScript设置按钮功能实现点击按钮切换上一张、下一张图片。（具体实现代码在图片后面）。 浏览器实现效果： 实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换</title> <styl...
数据可视化ECharts的常用图表，看完就会用(2)
zag666的博客
03-31 7480
ECharts七大常用图表：柱状图、折线图、散点图、饼图、地图、雷达图、仪表盘图 本文主要介绍后四个图表， 文章目录四、饼图五、地图六、雷达图 四、饼图 饼图的数据是由name和value组成的字典所形成的数组；饼图无须配置xAxis和yAxis。 特点：饼图可以很好地帮助用户快速了解不同分类的数据的占比情况。 var pieData = [ { name: '淘宝', value: 11231 }, { name: '京东', value: 22673 },
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

若年封尘

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值