前端技术文章
-
- 用Materialize做炫酷按钮样式教程
- 答案：使用MaterializeCSS只需添加btn和waves-effect类即可创建基础按钮，结合颜色类如green、red实现主题样式，通过btn-flat、btn-floating等类扩展类型，配合material-icons可添加图标，left或right控制图标位置，实现美观响应式按钮。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- CSS引入字体的4种方法详解
- 使用@font-face引入自定义字体，推荐WOFF2格式并注意跨域；2.通过GoogleFonts等在线服务快速加载；3.调用系统字体无需引入文件；4.结合font-display优化加载行为。根据需求选择方案。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- CSS阴影平滑过渡方法解析
- 要实现box-shadow平滑过渡，需正确设置transition属性并保证状态间阴影结构一致。1.基础过渡：为元素设置默认和悬停阴影，并通过transition定义动画时长与缓动函数，使阴影变化流畅。2.防止闪烁：在默认状态预留阴影空间，使用rgba()统一颜色格式避免插值异常，防止布局跳动。3.多重阴影过渡：确保默认与目标状态的阴影数量相同，透明阴影占位可实现逐层显现。4.性能优化：避免过多复杂阴影，结合transform和will-change提升渲染效率，增强立体感。关键在于结构一致、颜色统一、过
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- JS文件是什么？如何运行JS代码
- JavaScript文件是包含JavaScript代码的纯文本文件，以.js为扩展名，需通过JavaScript引擎（如浏览器的V8、SpiderMonkey或Node.js）解析执行，其运行过程包括词法分析、语法分析生成AST、编译为字节码、JIT优化并最终执行；在网页中，JavaScript通过操作DOM实现交互性增强、动态内容加载、数据校验、动画效果及用户行为追踪，是网页具备动态功能的核心；JavaScript引擎工作原理分为解析（词法与语法分析）、编译（生成字节码与JIT优化）和执行（含事件循环与
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- JavaScript动态DOM无障碍优化技巧
- 本文探讨了使用JavaScript/jQuery动态修改DOM对网页无障碍性的影响。尽管现代前端框架广泛依赖此技术，但确保无障碍性的关键在于对动态生成内容施以与静态HTML相同的关注，包括正确使用语义化标签、ARIA属性及焦点管理，以确保用户在任何交互阶段都能获得一致的无障碍体验。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- Raycast快速打开最近HTML/CSS文件
- 答案：通过Raycast的文件搜索、自定义脚本和代码编辑器工作区组合实现高效打开最近编辑的HTML+CSS文件对。首先用文件搜索快速定位最近修改的HTML和CSS文件，结合Tab切换到文件类别查看最近访问记录；其次创建Shell脚本并添加至Raycast脚本扩展，实现一键批量打开指定配对文件；最后推荐使用VSCode等编辑器创建工作区，通过Raycast启动项目，集中管理文件并利用编辑器历史快速恢复最近编辑内容。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- 函数式编程：TypeScript提升代码可靠性
- TypeScript通过静态类型检查提升函数式编程的可靠性与可维护性，核心在于应用类型推断、接口、泛型和类型守卫。为函数明确标注输入输出类型（如number[]=>number）增强可预测性；泛型（如map<T,U>）在保持函数通用性的同时确保类型安全；Readonly修饰符辅助维护不可变性，符合函数式原则。类型签名使函数契约清晰，大幅降低理解成本，重构时编译器能精准定位依赖变化，提升效率与安全性。泛型与类型推断协同工作，使通用函数在不同上下文中自动适配类型，兼顾灵活性与安全性。对于不可
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- 事件驱动架构中，JavaScript事件发射器优势解析
- EventEmitter通过发布-订阅机制实现松耦合，支持多对多通信与动态绑定，简化异步流程管理，便于扩展与调试，适用于事件驱动架构。
- 文章 · 前端 | 9个月前 | 松耦合 事件驱动架构 EventEmitter模式 发布-订阅机制 异步流程管理 487浏览 收藏
-
- MacÜbersicht小部件CSS实时显示方法
- 可通过JavaScript定时查询DOM元素的classList或className属性实现实时显示CSS类名，结合shell脚本调用curl获取远程HTML并解析class内容，利用setInterval每秒更新一次数据显示，同时需处理跨域与权限问题确保资源可访问。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- CSS图片横向循环移动不滚动页面的实现方法
- 本文旨在解决CSS动画中图片从屏幕左侧移至右侧并循环往复时，可能导致的页面横向滚动问题。通过优化@keyframes的transform属性，结合父容器的overflow:hidden和position:relative设置，确保动画在视口内平滑执行，同时避免对页面其他绝对定位元素造成干扰，实现无缝的图片循环动画效果。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- ASP.NETMVCAJAX级联下拉更新教程
- 本文详细介绍了在ASP.NETMVC应用程序中，如何利用jQueryAJAX技术实现前端下拉列表内容的动态更新。通过监听一个主下拉列表的选项变化，异步请求服务器端数据，并实时更新关联的从属下拉列表，从而避免页面刷新，显著提升用户体验和表单交互效率。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- CSS轮播图按钮优化技巧
- 轮播图控制按钮设计需兼顾功能与体验。1.左右切换按钮采用悬浮式三角箭头，默认隐藏、悬停显示，配合背景色与动画提升可操作性；2.指示点以小圆点形式呈现当前位置，点击可跳转并支持视觉反馈；3.响应式设计适配移动端，增强可访问性，如添加aria标签、键盘导航支持，确保交互清晰、操作便捷。
- 文章 · 前端 | 9个月前 | 487浏览 收藏
-
- HTML集成AI功能的实现与API调用方法
- HTML通过JavaScript调用后端代理，再由后端安全请求AI服务API实现人工智能功能。具体流程为：使用HTML构建用户界面，JavaScript收集用户输入并发送请求至后端代理服务；后端服务持有AIAPI密钥，负责向AI平台（如OpenAI、GoogleCloud等）发起安全通信；AI处理结果以JSON格式返回，经后端转发至前端，最后由JavaScript更新HTML页面展示内容。此架构避免了API密钥在前端暴露，提升了安全性。同时，良好的用户体验设计包括加载提示、错误反馈、清晰的输入输出展示及性
- 文章 · 前端 | 10个月前 | html JavaScript 用户体验 后端代理 AI服务API 487浏览 收藏
-
- React引入全局CSS的几种方法
- 在React中引入全局CSS需在入口文件导入，如import'./styles/global.css'；建议结合CSSModules、Sass或Styled-components等方案避免冲突并提升可维护性。
- 文章 · 前端 | 10个月前 | 487浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 5484次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 4955次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4860次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 5128次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 5079次使用
