前端技术文章
-
- mounted与created区别：DOM操作详解
- created阶段适合发起异步请求、初始化非DOM状态、订阅事件；mounted是DOM操作的正确时机，可安全访问this.$el和this.$refs，执行第三方库初始化、聚焦、尺寸获取等，SSR下需注意浏览器API兼容性。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- Flex布局打造网格列表实用技巧
- <p>能实现等宽弹性列表，需用flex-basis配合calc()设定单个子项宽度（如calc(33.333%-10.666px)），并结合margin-right与:nth-child(3n)清除末项边距，同时设flex-shrink:0和box-sizing:border-box确保精度与兼容性。</p>
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- 移动端JS性能优化技巧分享
- 优化移动端JavaScript性能需精简代码、异步加载、减少重计算、合理处理事件及利用现代API，提升执行效率与用户体验。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- JavaScript动态添加表单字段技巧
- 可通过JavaScript动态添加下拉选项：先获取select元素，用createElement或Option构造函数创建选项并添加；支持批量添加与重复检查。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- localStorage与sessionStorage区别详解
- localStorage数据永久保存（关浏览器不丢失），sessionStorage仅限当前标签页（关tab即清空）；二者均只支持字符串，存对象需JSON.stringify，取时需JSON.parse；同源下localStorage全局共享，sessionStorage隔离；均不参与HTTP请求。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- JavaScript代码规范与协作技巧分享
- 统一代码风格、命名规范、模块化设计和代码评审是提升前端团队协作效率与代码质量的关键。通过ESLint+Prettier实现自动化格式化与语法检查，配合GitHooks在提交前校验；采用camelCase和PascalCase规范变量与组件命名，布尔变量以is/has/can开头，函数名使用动词开头；保持函数单一职责，合理拆分模块并按功能组织目录结构；推行代码评审机制，结合JSDoc注释和README文档保障知识同步，提升可维护性。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- CSS背景图呼吸效果实现教程
- background-size动画无效是因为关键词（如cover）不可插值，须用具体数值（如102%98%）；容器需有明确尺寸且避免fixed定位；iOSSafari需加translateZ(0)触发硬件加速。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- CSS内存溢出怎么解决？清理无用CSS很关键
- 需借助工具链模拟渲染路径识别未用CSS，静态分析易误删动态类，推荐purgecss-webpack-plugin处理自定义全局样式并配置白名单，Coverage仅作线索不可直接删。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- CSS过渡循环模拟，transition-delay往返效果详解
- transition-delay需≥transition-duration才能实现连贯往返效果，推荐设为duration×2；必须写在默认状态而非:hover中；在@keyframes中无效，应改用animation-delay。
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- HTML5注释添加日期和修改时间的常见方式是在注释中明确标注，这样有助于团队协作和代码维护。以下是一些常见的注释格式示例，符合开发规范且便于理解：✅标准格式（推荐）✅更详细的格式（适合团队项目）✅多行注释（适合复杂修改）✅版本控制风格（适合版本迭代）✅带作者信息的格式（适合多人协作）
- <p>规范写法是用标准HTML注释包裹ISO8601格式日期，如<!--2024-05-20:描述-->，禁用嵌套、避免--和>出现在注释内，不混入JS代码。</p>
- 文章 · 前端 | 3个月前 | 499浏览 收藏
-
- 鼠标键盘事件处理及常用KeyCode汇总
- 答案：前端开发中，键盘事件（如keydown、keyup）和鼠标事件（如click、wheel）是实现用户交互的基础。常用按键的keyCode包括Enter(13)、Esc(27)、方向键(37-40)等，但现代开发推荐使用event.key或event.code以提升兼容性与语义性；通过监听keydown可实现快捷键功能，如Ctrl+S保存；鼠标事件涵盖单击、双击、移动及滚轮操作，可通过event.button判断按键类型，并用preventDefault()阻止右键默认菜单，wheel事件支持delt
- 文章 · 前端 | 4个月前 | 499浏览 收藏
-
- CSS文字背景裁切方法解析
- background-clip:text单独使用无效，必须配合-webkit-background-clip:text和color:transparent，且需搭配background-image（如渐变）才能实现文字裁切效果；Firefox当前不支持，需降级处理。
- 文章 · 前端 | 4个月前 | 499浏览 收藏
-
- HTML5滚动文字变速技巧全解析
- scrollamount是<marquee>的废弃属性，仅旧版IE部分支持，现代浏览器完全忽略；应改用CSSanimation-duration或JS动态控制animationDuration实现可靠滚动。
- 文章 · 前端 | 4个月前 | 499浏览 收藏
-
- CSSfont-weight标准值与兼容方案
- font-weight合法数值仅有100、200、300、400、500、600、700、800、900九个整百数；非标准值如350会被向下取整或忽略，且生效依赖字体文件是否提供对应字重。
- 文章 · 前端 | 4个月前 | 499浏览 收藏
-
- Tailwind按钮组高效使用技巧
- 使用Flex布局和圆角控制创建一体化按钮组，通过共享边框避免双线、统一内边距与颜色，并支持悬停交互与响应式垂直排列。
- 文章 · 前端 | 4个月前 | 499浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 3241次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 2987次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 2936次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 3153次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 3103次使用
