前端技术文章
-
- Array.includes优雅替代多||判断方法
- includes比多个||更可靠，因其严格相等、支持NaN、逻辑集中；改写为constvalidColors=['red','blue','green'];if(validColors.includes(x)){...}；注意字符串和类数组需分别处理，大数组高频查询建议用Set。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- CSS3列表横向排列：flex与float对比解析
- 推荐用display:flex实现横向列表，只需在ul上设置display:flex即可自动横向排列，支持响应式、等距对齐；float方案需手动清浮动且兼容性差，仅适用于IE8/9等老旧环境。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- JavaScript的Date.prototype.getMonth()方法用于获取指定日期的月份，返回值为0到11之间的整数，其中0代表1月，11代表12月。使用方法：let date = new Date(); let month = date.getMonth(); console.log(month); // 输出当前月份（0-11）示例：let d = new Date("2023-04
- JavaScript的Date.prototype.getMonth方法返回的是0到11的月份值，需加1才能得到实际月份。1.getMonth()返回0-indexed值，1月为0，12月为11；2.获取当前或指定日期的月份时需注意时区问题；3.使用数组映射或Intl.DateTimeFormat将数值转为可读月份名；4.getMonth()基于本地时区，getUTCMonth()基于UTC时间，根据业务需求选择使用。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- CSSGrid对齐技巧：justify-content详解
- justify-content在Grid容器中不起作用，是因为容器未设置display:grid（或inline-grid）；它控制整个网格在行内轴上的对齐，而justify-items控制单元格内容对齐，二者作用域不同。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- WebLocksAPI如何有序控制多异步资源访问
- WebLocksAPI通过命名锁协调异步操作，确保共享资源访问的串行化。使用navigator.locks.request('lockName',callback)申请锁，回调执行完毕后自动释放。多个请求按顺序排队，前一个释放后下一个获得锁，避免竞态。适用于localStorage或IndexedDB等场景，如计数器递增时保证顺序执行。合理设计锁粒度，避免过粗阻塞或过细难维护，不同资源用不同锁名。不建议在锁内请求其他锁以防死锁，可结合AbortSignal实现超时控制。API轻量但需注意持有时间与嵌套逻辑
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- HTML5Edge兼容问题与适配方案解析
- Edge18及更早版本不支持IntersectionObserver，需运行时检测并降级；ChromiumEdge79–83对ResizeObserver支持不全；Edge18的fetch不支持credentials和AbortController；CSSGrid/subgrid存在显著版本断层；应坚持运行时检测+最小降级。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- CSS变量怎么用？var函数全解析
- CSS自定义属性通过--定义变量，配合var()函数实现值复用，提升样式维护性。示例：:root{--primary-color:#007bff;}，.button{background-color:var(--primary-color);}，支持默认值、作用域与JavaScript动态修改，适用于主题切换与响应式设计，现代浏览器广泛支持。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- Autoprefixer与Gulp结合使用教程
- Autoprefixer结合Gulp可自动为CSS添加浏览器前缀，提升兼容性与开发效率。通过npm安装gulp、postcss、autoprefixer后，在gulpfile.js中配置css任务调用autoprefixer插件，并使用overrideBrowserslist或.browserslistrc文件指定目标浏览器范围，如>1%、last2versions；watch任务监听src/css/目录下的CSS文件变化，自动重新编译并输出到dist/css目录。推荐使用.browserslist
- 文章 · 前端 | 2个月前 | CSS 353浏览 收藏
-
- Less自动补全厂商前缀的技巧
- Less中.clearfix等Mixin不生效，因Less仅做语法转换而不解析CSS语义，厂商前缀需显式调用Mixin或集成Autoprefixer；手写flex()需分IE10旧语法（-ms-flexbox）与现代标准，且属性须配对；Autoprefixer须在Less编译后通过构建工具接入。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- JavaScript字符串search方法的局限性分析
- JavaScript的search()方法仅返回首个匹配项索引，不支持全局搜索、不返回匹配内容或捕获组、忽略g标志但尊重i/m标志、且无法指定起始位置。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- CSS Flex中用align-self优化多列文字对齐
- align-self在多列文字中不起作用，通常因父容器未设为flex容器或子元素非直接子节点；需确保display:flex、检查computedstyles、区分align-items与align-self作用范围，并注意IE11兼容性问题。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- Webpack-DllPlugin加速模块构建详解
- DllPlugin通过预编译第三方依赖为DLL并配合DllReferencePlugin引用，跳过重复构建流程以提升速度；需分步配置DLL构建与主构建引用，注意版本更新同步、Git忽略DLL文件及HMR限制。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- CSS实现左右挂角飘带效果详解
- 用position:absolute贴飘带需父容器设position:relative；左上角用top:0;left:0;transform-origin:topleft;skewX(-20deg)；右上角用top:0;right:0;transform-origin:topright;skewX(20deg)；z-index设1–2，pointer-events:none，并加translateZ(0)防闪烁。
- 文章 · 前端 | 2个月前 | 353浏览 收藏
-
- WebSocket低版本兼容方案详解
- SockJS通过协议协商自动选传输方式：先请求/info获取服务端支持的transports列表，再按优先级依次尝试WebSocket、XHR流、XHR轮询等，全程对业务透明，且自带会话管理、消息确认与自动重连机制。
- 文章 · 前端 | 4星期前 | 352浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 3003次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 2773次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 2712次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 2937次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 2887次使用
