前端技术文章
-
- ESLint配置与Prettier格式化教程
- ESLint与Prettier结合可统一代码风格并提升质量。1.ESLint检测代码问题,通过.eslintrc.js配置环境、规则、插件等;2.Prettier负责格式化,通过.prettierrc定义缩进、引号、分号等样式;3.使用eslint-config-prettier禁用冲突规则,eslint-plugin-prettier将Prettier作为ESLint规则;4.集成到编辑器(如VSCode)实现保存自动修复;5.配置npm脚本进行lint和format;6.结合Husky+lint-st
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- 谷歌HTML5支持与使用技巧详解
- Chrome中HTML5问题需通过五步解决:一、更新至v132+确保基础支持;二、在chrome://flags启用WebGPU等实验功能;三、用chrome://gpu、chrome://media-internals及Console命令验证硬件加速与API就绪;四、在网站设置中授权相机、位置等权限;五、用开发者工具Network/Elements/Console排查资源加载与渲染异常。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- WeakRef实现高效纹理缓存方法
- 用WeakRef实现图像纹理LRU缓存的关键是弱持有+强管理:WeakValueDictionary存WeakRef、双向链表维护访问序、FinalizationRegistry在对象回收时同步清理元数据,三者协同缺一不可。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- CSS鼠标悬停样式怎么改?
- :hover伪类必须配合具体元素选择器使用,如button:hover;单独写:hover无效;支持a、.nav-item、div等可交互元素,但移动端Safari对非可点击元素支持不稳定。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- HTML获取位置权限使用记录及调用时间地点方法
- HTML无法获取位置权限使用记录或历史调用时间地点,因navigator.geolocation仅支持单次定位请求且不保存历史;网页只能在回调中获取当前坐标及设备上报的时间戳,历史记录需自行通过localStorage等手动实现。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- Less模块化依赖管理:规范Import顺序方法
- Less中@import按文本顺序内联拼接代码,变量和混合的可见性取决于导入位置;应遵循“全局→布局→组件”顺序,用(reference)只引入逻辑、(once)防重复,并注意路径解析规则。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- CSS优化移动端触控体验:增大点击区域与padding设置
- 移动端点击区域需≥48×48px,:active不生效主因是浏览器触控最小尺寸限制;应设padding/min-width/min-height,慎用touch-action:manipulation,保留outline或改用:focus-visible确保可访问性。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- npm与yarn使用教程详解
- npm和yarn不可混用,应根据锁文件(yarn.lock优先)统一选用;yarn适合CI/CD,npm适合发包;pnpm项目中二者均不应出现;安装、脚本执行行为存在关键差异。
- 文章 · 前端 | 2个月前 | 325浏览 收藏
-
- CSS继承失效怎么处理?显式设置inherit属性
- inherit无效最常见原因是用于不可继承属性(如margin、display),浏览器直接忽略;或父元素该属性计算值为initial/unset,子元素继承“空值”。
- 文章 · 前端 | 1个月前 | 324浏览 收藏
-
- Day.js轻松处理日期时间教程
- Day.js比Moment.js轻因支持tree-shaking、无依赖、纯函数式设计且插件按需引入;核心仅约2KB,不修改原生Date,仅用format和加减时无需插件。
- 文章 · 前端 | 1个月前 | 324浏览 收藏
-
- 如何利用 Array.prototype.reduce() 实现将 CSV 原始文本解析为结构化对象数组
- 用reduce解析CSV可行但非最直观,适合边读边构建结构;简单CSV可直接split(",")配合reduce生成对象,复杂CSV需状态机解析引号与转义,推荐split("\n")后map+reduce组合实现更清晰健壮。
- 文章 · 前端 | 1个月前 | 324浏览 收藏
-
- JavaScript clearTimeout使用方法详解
- clearTimeout用于取消未执行的setTimeout定时器,需传入其返回的timerID;未保存ID则无法取消,重复调用或传入无效值均无效果但不报错。
- 文章 · 前端 | 1个月前 | 324浏览 收藏

