前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 201 题假如父盒子宽度为100，两个子盒子分别设置flex为0.1和0.2，它们的宽度怎么分配？ 考察flex-grow的数值与分配比例的关系第 202 题如何使用CSS选择器选取某个类下面的子元素？ 考察CSS选择器基础与组合器使用第 203 题如何在点击关联文案时选中一个 checkbox？分别用纯 CSS 和 JavaScript 实现。 考察 HTML 标签关联机制、CSS 选择器与 JS 事件处理的掌握程度第 204 题鼠标移动到一个元素上，然后从元素左下角弹出一个弹窗怎么实现？ 考察前端交互实现、定位逻辑与事件处理第 205 题CSS 中怎么让长文本省略，多出的部分变为 ...？ 考察 CSS 文本溢出省略的实现方式及适用条件第 206 题中间区域内容过多时，如何让其在自身区域滚动而不挤压底部？ 考察 CSS 布局中滚动容器与弹性布局的配合第 207 题flex布局实现一个左边自适应右边宽度固定怎么实现? 考察flex布局中宽度分配与自适应实现能力第 208 题请解释 CSS Flexbox 中 flex:1 的含义及其对子元素尺寸的影响。 考察对 Flexbox 弹性布局中 flex 属性简写及其计算规则的理解第 209 题如何使用CSS实现视频播放器的控制条布局？ 考察CSS布局与伪元素/自定义控件实现视频控制条的能力第 210 题如何实现文字超出显示省略号，多行文本怎么处理？ 考察 CSS 文本溢出隐藏与多行省略的基础实现第 211 题实现一个垂直居中？ 考察CSS布局基础与常见垂直居中方案第 212 题场景题：实现用户打开网站界面时，显示星空背景和一闪一闪的星星，要求星星持续闪烁且位置随机。 考察前端动画实现、随机事件生成和性能优化能力第 213 题如何实现表格的隔行变色样式？请说明具体方法。 考察前端样式实现的常用方法与对CSS选择器或JavaScript遍历的理解第 214 题请描述使用 CSS 完成圆形头像裁剪的具体做法，同时确保图片在容器中始终居中呈现。 考查 CSS 基础样式与盒模型、定位或 flex 布局的实际应用能力。第 215 题请描述为前端按钮添加鼠标悬停动画的设计思路，要求动画包含轻微放大和颜色变化的视觉效果，并说明其实现要点。 考察候选人对CSS过渡和动画属性的理解及实际应用能力。第 216 题在构建响应式页面时，需要实现桌面端三栏布局与移动端单栏布局的切换，请阐述你的设计思路与具体实现方案。 考查响应式布局的核心设计方法、CSS 媒体查询及弹性布局的掌握程度。第 217 题在 Webpack 构建过程中，采用什么配置和插件组合能够分别将 JavaScript、CSS 和 HTML 资源以独立文件的形式输出，从而避免它们被合并到同一个文件中？请说明具体的 loader 与 plugin 配置思路。 考查对 Webpack 多类型资源独立打包配置的掌握程度，以及区分 loader 与 plugin 职责的能力。