摘要: 在日常网页布局开发中,很多同学都会遇到一个经典疑难问题:明明给元素设置了很大的 z-index 数值,比如999、9999,层级却依然上不去,被其他元素压住,这就是典型的 z-index 失效问题。绝大多数新手会误以为数值越大层级一定越高,实际上 z-index 不是全局对比,它只在同一个层叠上下文 阅读全文
posted @ 2026-07-09 08:29 一个用户jelly 阅读(2) 评论(0) 推荐(0)
摘要: 页面居中是Web前端布局出现频率最高的需求,无论是文字、按钮、卡片、弹窗,几乎所有页面组件都需要居中处理。很多初学者只会单一居中方法,遇到不同场景就无法适配,导致布局错乱,因此系统掌握全套居中方案是前端布局的核心能力。 首先是水平居中,分为行内元素和块级元素两种场景。文字、图片、按钮等行内或行内块元 阅读全文
posted @ 2026-07-09 08:28 一个用户jelly 阅读(2) 评论(0) 推荐(0)
摘要: JavaScript中变量声明有var、let、const三种关键字,能否彻底区分三者区别,是判断JS基础是否扎实的关键,也是面试高频考点和日常开发最常用的基础语法。很多初学者写代码报错、变量混乱、重复声明bug,全部源于对三种变量关键字使用场景不清晰。 首先是var,属于ES5旧语法,存在严重缺陷 阅读全文
posted @ 2026-07-09 08:27 一个用户jelly 阅读(1) 评论(0) 推荐(0)
摘要: 在网页布局实训中,几乎所有同学都会遇到图片底部自带空白缝隙的问题,明明没有设置margin和padding,但图片下方始终有几像素的空白间距,导致轮播图、图片列表、banner布局出现难看的留白断层,严重影响页面整体整洁度。 这个问题的核心成因很多新手并不了解,本质是图片属于行内块元素,而行内块元素 阅读全文
posted @ 2026-07-09 08:27 一个用户jelly 阅读(1) 评论(0) 推荐(0)
摘要: 浮动是前端早期核心布局技术,虽然现在Flex和Grid布局逐渐主流,但大量旧项目、企业源码、实训作业中仍然大量使用浮动布局,因此掌握浮动原理和清除浮动是前端必备基础能力。浮动最初设计的初衷并不是用来做布局,而是为了实现文字环绕图片的效果,后续开发者利用浮动脱离标准文档流的特性实现多列布局。 元素设置 阅读全文
posted @ 2026-07-09 08:25 一个用户jelly 阅读(1) 评论(0) 推荐(0)
摘要: 在我们日常Web页面开发过程中,浏览器会自带一套默认样式,不同品牌、不同版本的浏览器默认样式并不统一,这也是网页出现兼容性错乱、布局错位、边距异常的主要原因之一。很多新手在写页面时,经常出现上下留白过大、列表自带小圆点、图片自带边框、按钮样式不统一等问题,本质都是浏览器默认样式未清除导致的。 常见的 阅读全文
posted @ 2026-07-09 08:24 一个用户jelly 阅读(4) 评论(0) 推荐(0)
摘要: 项目结构搭建(文件夹规范) 页面拆分:导航栏、轮播、业务板块、页脚 响应式适配(媒体查询+flex) 最终成品源码+打包部署说明 标签:前端实战 网页仿写 综合项目 阅读全文
posted @ 2026-07-09 08:19 一个用户jelly 阅读(1) 评论(0) 推荐(0)
摘要: 同源策略为什么存在,浏览器安全机制 主流跨域方案对比: ◦ CORS后端配置跨域 ◦ JSONP原理与局限 ◦ 开发环境vite/webpack代理跨域 ◦ Nginx反向代理跨域 标签:跨域 同源策略 前端面试 阅读全文
posted @ 2026-07-09 08:19 一个用户jelly 阅读(3) 评论(0) 推荐(0)
摘要: DOM增删改查节点,事件绑定(冒泡+捕获) 事件委托原理与写法 BOM:window、location、history、本地存储Storage 防抖、节流函数封装 标签:DOM BOM 事件委托 阅读全文
posted @ 2026-07-09 08:18 一个用户jelly 阅读(2) 评论(0) 推荐(0)
摘要: 同步与异步概念,事件循环Event Loop基础 Promise三种状态,常用静态方法all/race/allSettled async/await语法糖使用与错误捕获 实战:串行、并行请求写法对比 标签:JS异步 Promise async await 阅读全文
posted @ 2026-07-09 08:18 一个用户jelly 阅读(1) 评论(0) 推荐(0)