前端技术文章

手机QQ发送index.html文件方法

手机QQ发不了index.html是因Android系统拦截、路径权限受限及浏览器不支持file://协议所致；需改名发送、压缩打包、放至Download目录并开启全部文件权限，接收方用Chrome等浏览器通过file://路径打开。

文章 · 前端   |  1个月前  |   165浏览 收藏

闭包实现原子回滚事务模拟方法

闭包本身不提供事务能力，但能封装状态、连接和异常处理逻辑，是构建轻量级“原子性回滚”事务模拟层最自然的结构；其核心是将“开始→执行→成功提交/失败回滚”打包为边界清晰、可复用的执行单元，所有写操作必须严格置于闭包内，由框架自动统一控制事务生命周期。

文章 · 前端   |  1个月前  |   289浏览 收藏

Svelte组件中如何直接写样式

能，Svelte中顶层<style>标签默认启用作用域隔离，样式仅影响当前组件内元素；编译时自动为元素和选择器添加唯一哈希属性（如svelte-123abc），确保不泄漏。

文章 · 前端   |  1个月前  |   135浏览 收藏

CSS父级选择器缺失怎么解决？:has()语法来帮忙

Chrome105+、Safari15.4+、Firefox121+已默认支持:has()伪类，可实现子元素反选父元素，需用>、+、~等关系符精确控制层级，且不可用于选择器中间或与伪元素连用。

文章 · 前端   |  1个月前  |   324浏览 收藏

手动实现 Tree Shaking 的 AST 静态分析指南

TreeShaking插件通过静态AST分析识别未被import引用的ES模块顶层导出（named/default），构建引用图并剔除未存活声明，需保留副作用代码、递归处理依赖链，且高度依赖代码符合ESM与strictmode规范。

文章 · 前端   |  1个月前  |   371浏览 收藏

CSS selection-color 用法详解

使用::selection伪元素可自定义文本选中样式，如设置background-color和color属性改变高亮颜色，支持有限CSS属性，需注意兼容性及浏览器前缀。

文章 · 前端   |  1个月前  |   329浏览 收藏

HTML框架有哪些\_前端CSS框架对比推荐

Bootstrap5值得用，定位是实用优先的组件化CSS+JS库：默认无jQuery依赖、内置Popper、需手动初始化JS组件，适合管理后台等快速交付项目。

文章 · 前端   |  1个月前  |   402浏览 收藏

HTML地图定位标记方法详解

地图标注需通过地图SDK（如高德AMap.Marker、LeafletL.marker）实现，HTML标签无法响应交互；坐标须按平台要求顺序传入（高德/Leaflet为[lat,lng]，百度为[lng,lat]），且必须初始化地图实例后添加标记，同时注意坐标系匹配与HTTPS环境。

文章 · 前端   |  1个月前  |   459浏览 收藏

JavaScript物理模拟：刚体运动与碰撞检测

刚体运动通过牛顿力学公式更新位置与速度，结合重力、摩擦力等受力计算；碰撞检测常用AABB判断矩形碰撞，通过圆心距与半径和比较判断圆形碰撞，实现JavaScript物理模拟。

文章 · 前端   |  1个月前  |   465浏览 收藏

CSS 根据兄弟/祖先元素动态样式化子元素教程

本文介绍如何利用CSS:has()伪类，根据.field-validation-error元素是否存在，为同级容器内的.name元素（如<pclass="name">）应用条件样式（例如红色背景），解决传统CSS无法“向上选择”的限制。

文章 · 前端   |  1个月前  |   418浏览 收藏

Angular引入第三方CSS库方法详解

必须加在projects→[项目名]→architect→build→options→styles数组中，路径相对于angular.json所在目录，顺序决定CSS层叠优先级，错误位置（如serve或根级）会导致ngbuild后样式丢失。

文章 · 前端   |  1个月前  |   365浏览 收藏