CSS面试汇总(将会持续更新)

最新推荐文章于 2024-05-22 10:00:00 发布
最新推荐文章于 2024-05-22 10:00:00 发布
阅读量264 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css 前端 前端面试准备 文章标签： css面试汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/MeiLuan_yahoho/article/details/87937979
本文深入探讨了CSS3的各类布局模型，包括盒子模型、BFC、Flex布局及响应式布局，并详解了CSS3的transform和动画特性，帮助读者掌握网页布局与动画设计的高级技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.盒子模型、box-sizing
https://mp.youkuaiyun.com/mdeditor/87937949#
2.BFC（块级格式上下文）
https://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/
3.CSS布局
https://juejin.im/post/5aa252ac518825558001d5de#heading-8
4.Flex布局
https://blog.youkuaiyun.com/MeiLuan_yahoho/article/details/88062119
5,响应式布局
https://blog.youkuaiyun.com/MeiLuan_yahoho/article/details/87970267
6.css3 transform:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190304093038678.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01laUx1YW5feWFob2hv,size_16,color_FFFFFF,t_70在这里插入图片描述
7.css3 动画
http://www.w3school.com.cn/css3/css3_animation.asp
8.css3新特性：
border-radius，box-shadow,text-shadow，transform，animation（动画）

2022前端面试题汇总（持续更新中~）
Mr_LiuP的博客
04-15 6万+
1. 防抖和节流 防抖：在固定的时间内，事件只执行一次，如果在一定时间内又触发了事件，则会重新计算函数的执行时间 节流：在一定时间内，多个事件触发，只执行为一次 2. js闭包 什么是闭包：闭包就是在方法里面返回一个方法 function a() { let a1 = 1; return function() { return a1 } } 闭包存在意义： 可以延长变量的生命周期4可以创建私有的环...
接口测试面试题目汇总（持续更新）
weixin_42548328的博客
02-24 2132
可以使用常见的抓包工具（Fiddler、Charles等）使用浏览器的开发者模式（F12）POST：用于向服务器提交数据以便进行处理请求，如提交表单或上传文件。在POST请求中，数据被包含在请求体中，这可能导致新资源的创建或已资源内容的更新。PUT：用于向指定的资源位置上传其最新的内容。在PUT请求中，请求的主体包含了更新的数据。DELETE：用于请求服务器删除Request-URI所标识的资源。OPTIONS：用于询问服务器支持哪些HTTP请求方法。可以通过发送问号（"?"）作为路径分隔符来模拟此请求。H
前端面试——CSS面经（持续更新）
weixin_43599321的博客
12-05 1851
重排(回流)：当增加或删除dom节点，或者给元素修改宽高时，会改变页面布局，那么就会重新构造dom树，然后再次渲染。重绘：计算好盒模型的位置，大小和其他一些属性之后，浏览器就会根据每个盒模型的特性进行绘制。浏览器的渲染机制：当dom的大小，位置发生改变时进行重排，当dom的样式如改变时进行重绘。网格布局笔记：网格布局表格布局可以看下面代码： 结果如下：：独占一行，宽度继承至父盒子，多个元素会另起一行，可设置宽高以及和属性。：元素不会独占一行，宽度、高度由内容撑开，不可设置宽高，但可以设置水平方向的和。：行内
详细前端面试题CSS篇--持续更新
jyl919221lc的博客
05-12 2792
margin(外边距)- 清除边框外的区域，外边距是透明的。border(边框)- 围绕在内边距和内容外的边框。padding(内边距)- 清除内容周围的区域，内边距是透明的。content(内容)- 盒子的内容，显示文本和图像。W3C的标准盒模型：在标准的盒子模型中，width指content部分的宽度IE的盒模型：在IE盒子模型中，width表示content+padding+border这三个部分的宽度如何开启不同盒子模型标准盒子模型IE盒子模型Grid。
2024前端面试题总汇（持续更新中...）
Monsters___的博客
09-26 6万+
前端面试八股文大全！！！！！
前端面试题汇总大全（含答案）-- 持续更新
热门推荐
张兴华的博客
08-07 19万+
汇总了一些前端常见的面试题。 一、HTML 篇 1. 简述一下你对 HTML 语义化的理解？ 用正确的标签做正确的事情。 html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO; 使阅读源代码的人对网站更容易将网站...
2024前端面试题汇总（持续更新中）
qq_53541336的博客
04-26 6257
最近一段时间面试才发现真的不背八股文是不得行啊，项目中知道怎么使用怎么写，但是当面试官问你具体含义时，完全是懵的状态，趁着有空刚好总结一下，后续还会继续更新哦。
2023前端面试题汇总（最新）-持续更新中
Mr_LiuP的博客
07-17 3万+
Vue 中的 data 必须是个函数，因为当 data 是函数时，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次就分配几个内存地址，他们的地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的状态，其它组件不变。简单来说，就是为了保证组件的独立性和可复用性，如果 data 是个函数的话，每复用一次组件就会返回新的 data，类似于给每个组件实例创 建一个私有的数据空间，保护各自的数据互不影响。
2024 高频前端面试题汇总之CSS篇（一）
最新发布
Web面试那些事儿的博客
05-22 1096
如果你现在正在找工作，可以私信“web”或者直接添加下方小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集，和p8大佬一起交流。
leetcode答案-Interview:大前端开发面试题汇总收集，持续更新中~
06-30
css webpack vue node web安全 网络 算法 爬楼梯尾递归优化 猴子吃香蕉 回文字符串个数(最长回文字符串) 架构 JavaScript 函数防抖、函数节流 事件循环（浏览器、Node） JavaScript的sort方法内部使用的什么排序？ ...
【前端面试vue】vue响应式(双向数据绑定)原理及实现简例
MeiLuan_yahoho的博客
02-25 4877
Vue如何追踪变化 vue.js采用的是数据劫持结合发布和-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty (ES5...
vue生命周期（面试题）
MeiLuan_yahoho的博客
02-19 4558
推荐一篇写的比较详细的文章 https://segmentfault.com/a/1190000011381906?utm_source=tag-newest
【前端面试】事件机制（事件冒泡，事件捕获，事件委托/事件代理）
MeiLuan_yahoho的博客
02-25 2075
事件机制 事件触发三阶段 window 往事件触发处传播，遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往 window 传播，遇到注册的冒泡事件会触发 事件触发一般来说会按照上面的顺序进行，但是也有特例，如果给一个目标节点同时注册冒泡和捕获事件，事件触发会按照注册的顺序执行。 // 以下会先打印冒泡然后是捕获 node.addEventListener( 'cl...
【前端面试准备】Vue和React的相同点和不同点
MeiLuan_yahoho的博客
02-25 1647
React 和 Vue 的相同点 **1.使用Virtual DOM 用JS模拟DOM结构，DOM变化的对比，放在JS层做，以提高重绘性能 DOM操作昂贵，JS运行效率高，要减少DOM操作 进一步了解为什么使用虚拟dom：可查看链接 https://www.cnblogs.com/ziyoublog/p/9989797.html 2. 提供了响应式(Reactive)和组件化（Composab...
react简书项目学习笔记32在组件中调用action传参
MeiLuan_yahoho的博客
02-13 1055
react中调用action传参时要通过函数的形式 例子如下： <div onClick={() => { handleChangePage(page, totalPage) }}>换一批</div> 注意不能直接写onclick=handleChangePage(page, totalPage),要写在新函数中 onClick={() =&am
数据结构学习之理解递归执行顺序
MeiLuan_yahoho的博客
02-14 874
从下面代码的输出结果来理解递归执行的顺序 function some(i){ i++; if(i<10){ some(i); } console.log(i); return i; } i=5; i=some(i); 执行结果 递归函数执行到递归的时候则先不往下执行，而是开始新一轮的遍历，直到递归退出的条件成立，此时从本次开始依次往回执行刚才剩下的未执行的函数。 ...
性能优化页面所有js不要在加载首页时一起加载的解决办法
MeiLuan_yahoho的博客
02-15 734
使用react-loadable 例如想要在加载首页时不要加载详情页的js,办法： 在detail文件夹下新建loadable.js文件 import React from 'react'; import Loadable from 'react-loadable'; const LoadableComponent = Loadable({ // 此处含义是要加载的是当前目录下的inde...
面试复习js原型，原型链与new关键字原理
MeiLuan_yahoho的博客
02-18 532
创建对象可以用 1.object构造函数方法 person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor=&am
面试复习之Js实现继承
MeiLuan_yahoho的博客
02-19 505
Js中继承的实现主要依靠原型链，但 原型链虽然强大，也存在一些问题： 1.最主要的问题来自包含引用类型的原型属性。（牵一发动全身） (这也是为什么定义属性我们写在构造函数中，而不写在原型对象中的原因) 当我们通过原型去实现继承一个构造函数的时候，就把构造函数里的引用类型的属性给放到原型中去了。 这时候我们继承得到的这个新对象它的原型中有引用类型属性，大家的属性的修改就是共享的 看下面例子： fun...
前端基础复习资料汇总 - 持续更新
综合上述信息，该文档是为前端开发者准备的学习资源，主要包含对Web开发基础知识的梳理和总结，并且会持续更新。文档涵盖的主题广泛，包括但不限于JavaScript编程、ES6新特性、HTML和CSS的应用、计算机网络和HTTP...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值