前端技术文章
-
- CSSGrid居中对齐方法详解
- Grid中margin:auto仅对未显式定位的直接子项生效，需容器有明确高度且子项无grid-column等属性；place-items和place-self更可靠，分别用于全局和单个子项居中。
- 文章 · 前端 | 1个月前 | 259浏览 收藏
-
- ES6+特性提升代码质量详解
- ES6+是将隐性逻辑显性化、运行时错误前置的工具箱，关键在场景适配：const/let解决作用域泄漏与闭包问题，解构赋值明确取值逻辑与默认值，Promise/async-await需精准错误处理，Map/Set提供真正集合能力，盲目套用新语法易致逻辑错误。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- 设置width后padding撑大盒子，如何解决？
- 默认content-box下width仅指内容区，padding和border额外增加总宽；切换border-box后width表示总宽，padding和border向内压缩。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- 支付确认页面设计要点【速查】
- 支付页面需防误操作、保状态、抗重放、可访问：提交时禁用整个表单并设aria-disabled；服务端必须幂等校验；确认页须reset表单、移除监听器、replaceState；成功页订单号应入URLpath并服务端渲染，缓存头设为no-store。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- HTML中定义重置按钮功能，通常使用<inputtype="reset">或<buttontype="reset">元素。它们的作用是将表单中的所有输入字段恢复到初始状态。示例代码：<form><inputtype="text"name="username"value="JohnDoe"><inputtype="password"name="p
- 应优先使用<buttontype="reset">，它更现代、可嵌套内容且样式可控；<inputtype="reset">仅适用于极简场景；手动调用form.reset()易遗漏初始值逻辑和控件状态。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- JavaScript中Promise是什么？如何使用？
- Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；具有pending、fulfilled、rejected三种不可逆状态；通过newPromise创建，支持链式调用、错误捕获及Promise.all等静态方法。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- JavaScript为何需要异步编程？
- JavaScript需异步编程，根本原因是单线程运行环境必须保持主线程响应，避免I/O阻塞导致页面冻结；引擎将耗时操作交由宿主环境后台执行，通过事件循环与微任务调度回调，await仅暂停async函数但不阻塞主线程。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- class属性怎么使用_多个CSS类名添加技巧【技巧】
- HTMLclass属性支持多个类名，用单个ASCII空格分隔；错误写法如逗号或分号分隔会导致仅首类生效；推荐使用classListAPI动态操作，避免字符串拼接问题。
- 文章 · 前端 | 2个月前 | HTML常见属性及用途 258浏览 收藏
-
- Less实现CSS计数器自动递增技巧
- Less无法直接实现counter-reset和counter-increment自动递增，因其是编译时预处理器，而CSS计数器依赖DOM结构和运行时渲染；应仅用Less生成基础样式骨架，由浏览器执行计数逻辑。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- 依赖注入实现API版权动态切换详解
- 核心是通过请求头（如X-Platform）驱动平台选择，用Protocol/ABC定义统一接口契约PlatformApi，各平台实现类遵循该协议；顶层依赖函数根据请求头返回对应实例，由FastAPI依赖注入系统自动完成路由与注入，业务代码仅面向协议编程，结合策略模式封装各平台差异逻辑，提升可维护性与可测试性。
- 文章 · 前端 | 2个月前 | 258浏览 收藏
-
- HTML script 标签中使用 `crossorigin="use-credentials"` 时，会携带 Cookie 的脚本请求。这种设置允许浏览器在跨域请求中发送身份验证信息（如 Cookie），但需要服务器正确配置 CORS 响应头，以避免安全限制。
- 结论：crossorigin="use-credentials"在script标签上无效，浏览器绝不发送Cookie；HTML规范强制script请求凭据模式为omit，该属性仅影响错误捕获和CORS检查，不改变凭证行为。
- 文章 · 前端 | 1个月前 | 258浏览 收藏
-
- CSS制作带阴影的切角矩形：clip-path与drop-shadow应用
- clip-path切角后drop-shadow不生效是预期行为，因阴影作用于原始盒模型而非裁剪后的视觉形状；推荐用SVG内联path配合feDropShadow实现精准贴合阴影。
- 文章 · 前端 | 1个月前 | 258浏览 收藏
