前端技术文章

  • Java小程序入口声明方法
    Java小程序入口声明方法
    code属性指定Applet类的字节码文件名(不含.class后缀),须继承java.applet.Applet或javax.swing.JApplet,路径用斜杠分隔包名,如com/example/MyApplet;不支持点号或.class后缀,且仅适用于Java8及以前版本。
    文章 · 前端   |  1个月前  |   HTML常见属性及用途 495浏览 收藏
  • CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    screen-spanning媒体查询不可靠,不应作为唯一判断依据;它仅在Chrome119+/Edge97+支持,Safari/Firefox不支持,且依赖真实双屏硬件与系统跨屏渲染模式,易因缩放、iframe或厂商屏蔽而失效。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • Less变量嵌套覆盖问题解析
    Less变量嵌套覆盖问题解析
    Less变量不支持块级作用域,仅存在全局与局部词法作用域;局部变量会完全覆盖同名全局变量,从声明处起影响该块及所有子嵌套,且不会自动恢复父级值。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • CSS响应式图片溢出处理技巧
    CSS响应式图片溢出处理技巧
    应设img的max-width:100%且height:auto,避免同时设width和height像素值;溢出常因父容器white-space、flex-shrink或box-sizing等导致;固定宽高容器可用object-fit:cover/contain,注意兼容性;内联SVG需单独处理。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • :scope限定选择器范围,Scoped CSS实战应用
    :scope限定选择器范围,Scoped CSS实战应用
    :scope在CSS文件或<style>标签中完全无效,仅在JS的querySelector等DOM查询方法中有效,且仅指向调用该方法的元素自身;浏览器解析样式表时无运行时上下文,:scope被当作:root处理。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • 音频视频控制技巧:JavaScript Media API使用教程
    音频视频控制技巧:JavaScript Media API使用教程
    JavaScript的MediaAPI仅提供媒体元素控制接口和状态监听,不直接操作音视频数据;底层解码、处理需WebAudioAPI(音频)或Canvas/WebCodecs(视频)。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • JavaScript物联网开发实战指南
    JavaScript物联网开发实战指南
    JavaScript可用于物联网开发,通过Node.js结合Johnny-Five、Firmata、raspi-io控制硬件,利用HTTP、MQTT、WebSocket实现设备联网与云通信,配合前端框架构建可视化界面,并在树莓派等设备上部署应用,实现远程监控与控制。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • 插件架构如何减少内存碎片化?
    插件架构如何减少内存碎片化?
    模块预加载加剧内存碎片是因为加载后未统一管理生命周期,导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载,产生大量零散mmap空洞;需通过预分配固定内存池并重定向malloc/new调用,配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • CSS变量实现视差滚动背景教程
    CSS变量实现视差滚动背景教程
    纯CSS变量无法独立实现视差滚动,必须由JS注入--scroll-y等变量,再通过calc()配合transform实现;background-attachment:fixed在现代浏览器中受限严重,JS驱动方案最兼容。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • JavaScript数组every方法详解
    JavaScript数组every方法详解
    JavaScript的every方法用于检测数组所有元素是否都满足指定条件,返回布尔值。1.若所有元素均通过测试,返回true;若任一元素未通过,则立即返回false并停止遍历。2.其语法为arr.every(callback[,thisArg]),callback需返回布尔值。3.与some方法不同,every强调“全部通过”,some强调“至少一个通过”。4.使用场景包括严格校验、权限检查、统一性验证等。5.空数组调用every会返回true,需额外判断数组长度以避免逻辑错误。6.回调函数应保持简洁,
    文章 · 前端   |  2个月前  |   495浏览 收藏
  • 文字间距设置方法与示例
    文字间距设置方法与示例
    letter-spacing用于控制所有字符间间距,支持正负值及normal,可继承但可被子元素覆盖;应与word-spacing区分,响应式推荐em/ch单位,避免内联样式和rem,注意iOSSafari负值渲染偏差。
    文章 · 前端   |  2个月前  |   495浏览 收藏
  • HTML Shadow DOM字体资源继承解析
    HTML Shadow DOM字体资源继承解析
    ShadowDOM中font-family不继承是设计使然,因仅部分可继承属性穿透边界,需通过:host{font-family:inherit}或adoptedStyleSheets显式继承。
    文章 · 前端   |  2个月前  |   495浏览 收藏
  • HTML表单热力图怎么添加?
    HTML表单热力图怎么添加?
    HTML表单本身不支持热力图,所谓“表单热力图”是前端行为分析工具(如Hotjar、MicrosoftClarity、Matomo等)在页面加载后,通过JS注入实现的叠加层,不是HTML或CSS原生能力。为什么标签里加不了热力图热力图本质是记录用户鼠标移动、悬停、点击、聚焦等事件,并在DOM上绘制透明色块。HTML表单只是语义化容器,没有事件采集、数据上报、可视化渲染逻辑。不触发任何自动埋点,也不会把input、select的交互行为“广播”给分析服务浏览器
    文章 · 前端   |  2个月前  |   495浏览 收藏
  • CSS鼠标悬停文字漂浮动画实现方法
    CSS鼠标悬停文字漂浮动画实现方法
    上下漂浮动画需用@keyframes定义transform:translateY()周期性偏移,配合infinite循环、ease-in-out缓动及hover触发,位移控制在±8px内,容器需预留行高并设overflow:hidden防布局跳动。
    文章 · 前端   |  2个月前  |   495浏览 收藏
  • CSSFlexbox调整元素顺序的方法及技巧
    CSSFlexbox调整元素顺序的方法及技巧
    order属性仅改变视觉渲染顺序,不改变DOM结构、可访问性或SEO顺序;默认值为0,建议用小整数如-1/0/1/2;其排序方向依赖flex-direction主轴;需父容器设display:flex才生效。
    文章 · 前端   |  2个月前  |   495浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    4425次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    4079次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    4062次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4248次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4223次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码