前端技术文章
-
- JavaScriptAjax发起请求教程
- 现代JavaScript推荐用fetch发起GET请求,最简写法为fetch('/api/user'),但需注意默认不带cookie、HTTP错误码不会自动reject,且响应体需手动解析。
- 文章 · 前端 | 6个月前 | 495浏览 收藏
-
- JavaScript事件循环揭秘:异步执行顺序全解析
- 事件循环是单线程下协调任务执行的机制,按“主线程→微任务→宏任务”顺序调度,每次宏任务后清空微任务队列,再取下一个宏任务。
- 文章 · 前端 | 6个月前 | 495浏览 收藏
-
- JavaScript操作iframe及跨域通信技巧
- 跨域iframe无法直接访问contentWindow属性,只能通过postMessage通信;需严格校验event.origin、确认parent可达性、主动上报加载状态,并设计健壮的消息格式与生命周期管理。
- 文章 · 前端 | 6个月前 | 495浏览 收藏
-
- 禁用按钮半透明效果,:disabled设置opacity
- 应使用显式类名(如.is-disabled)替代:disabled伪类,配合opacity、pointer-events:none和cursor:not-allowed,确保禁用态样式可靠、可动画、跨浏览器一致,并避免仅依赖opacity导致的可读性与交互问题。
- 文章 · 前端 | 6个月前 | 495浏览 收藏
-
- css框架卡片组件如何快速搭建_通过类组合控制边距和阴影
- 卡片边距应避免直接使用margin,改用父容器gap控制或语义化状态类(如.card--standalone);阴影需多层组合实现浮起感,并响应式调整;所有样式切换须纯CSS实现。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- HTML5新增语义化标签有哪些?
- HTML5语义化标签提升了网页结构清晰度,使代码更具可读性和维护性;主要标签如<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>等明确划分页面区域,增强机器与人的理解;它们改善SEO,便于搜索引擎抓取核心内容,同时提升无障碍访问体验,帮助屏幕阅读器用户快速定位;正确使用需遵循标签语义,避免滥用<section>或混淆<article>
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- CSS按钮弹入加载动画实现教程
- 按钮弹入动画应使用transform:translateY(20px)与opacity:0初始隐藏,配合带回弹的@keyframes和cubic-bezier缓动,通过animation-fill-mode:forwards保持终态,并在DOM挂载后用requestAnimationFrame触发。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- CSS文字闪烁动画实现方法
- 答案:通过CSS的@keyframes和animation属性可实现文字闪烁效果。1.使用opacity实现渐隐闪烁,通过改变透明度使文字柔和闪烁,每秒一次;2.利用visibility与opacity结合,配合step-start实现文字突然消失与出现的硬切换效果;3.通过颜色变化模拟闪烁,适用于警告提示。应避免频率过快,建议间隔不低于0.5秒,以提升可访问性。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- CSS给列表第一项设置样式的方法有多种,以下是几种常见且有效的实现方式:1.使用:first-child伪类ulli:first-child{color:red;font-weight:bold;}说明::first-child选择器会选择第一个子元素。适用于直接子元素是<li>的情况。2.使用:first-of-type伪类(更安全)ulli:first-of-type{color:
- :first-child不生效是因为它要求元素既是父元素第一个子元素又类型匹配,而前面的注释、空格等会破坏条件;:first-of-type更可靠,只关注同类型中首个出现的元素。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- HTML文件转换技巧与教程详解
- HTML转其他格式需工具链处理:Chrome命令行导出PDF最稳定;html2text适合提取纯文本但丢结构;pandoc转Markdown/DOCX更可控,需配合sed修复和参考文档;转换本质是权衡舍弃内容。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- JavaScript表单验证技巧与正则应用
- 表单验证不该全靠正则。正则适合格式校验,不适用业务逻辑判断;应先trim、再简单判断、最后正则兜底;需注意边界情况、分国家处理手机号、拆解密码强度检查;控制触发时机防卡顿;优先用原生校验API,后端必须二次校验。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- JavaScript闭包是什么?作用域如何影响?
- 闭包是函数与其定义时的词法环境共同构成的组合;它使函数能访问并保留对外层变量的引用,无论是否返回,只要存在自由变量引用即形成闭包。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- CSS下拉框平滑展开技巧
- 下拉框动画应设具体max-height值而非auto,配合transition:max-height0.25scubic-bezier(0.4,0,0.2,1)实现自然展开收起,收起时用max-height:0与overflow:hidden,并可叠加visibility优化体验。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- jQuery导航菜单:单开点击关闭实现方法
- 本文详解如何使用jQuery实现导航菜单的子菜单「单开模式」(即点击新项时自动收起已展开项),并支持点击菜单外部区域关闭所有子菜单,同时联动半透明背景层的显示/隐藏。
- 文章 · 前端 | 7个月前 | 495浏览 收藏
-
- Electron优化与桌面开发全攻略
- 从项目初期就应明确主渲染进程职责分离,主进程避免阻塞操作,通过contextBridge安全暴露API;多窗口场景下使用IPC通信并结合Redux等工具统一状态管理;优化启动速度需预加载主题、延迟加载模块、压缩资源;内存方面要监听窗口生命周期清理资源,定期监控堆内存,控制并发缓存,确保应用轻快稳定。
- 文章 · 前端 | 7个月前 | electron 495浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- SuperCLUE
- SuperCLUE是权威的中文大语言模型综合评测基准,涵盖语言理解、知识应用、AI Agent智能体及安全性等12项核心能力。通过多轮对话与客观测试,定期发布榜单与技术报告,为模型研发、优化及行业选型提供科学依据。
- 143次使用
-
- C-Eval
- 深入了解C-Eval中文评估套件,涵盖52个学科与4级难度。本文详解其功能特点、Zero-shot/Few-shot使用方法及代码示例,助您全面评测LLM中文理解与泛化能力。
- 64次使用
-
- ClickPrompt
- ClickPrompt是一款专为AI提示词编写者设计的开源在线工具,支持Stable Diffusion绘图、ChatGPT对话及GitHub Copilot代码辅助。提供Prompt自动生成、一键运行、社区分享及可视化优化功能,帮助用户高效获取精准AI输出。
- 35次使用
-
- Stable Diffusion Prompt Book
- 深入解析OpenArt推出的Stable Diffusion Prompt Book,这本免费的开源提示词指南涵盖从基础语法到高级技巧,提供风格化词库与参数建议,助您优化AI绘画生成效果。
- 21次使用
-
- Google AI提示词库
- 探索Google Cloud官方生成式AI提示词库,提供免费、无需登录的中英双语Prompt模板。涵盖内容创作、代码优化、数据分析等场景,助您快速提升AI交互效率与质量。
- 42次使用

