前端技术文章

  • JavaScript可选链操作符详解教程
    JavaScript可选链操作符详解教程
    可选链操作符?.是用于安全访问深层嵌套属性、可能为空的对象方法及数组索引的语法,遇null/undefined即返回undefined;??则用于null/undefined时的默认值兜底,二者职责分明且常组合使用。
    文章 · 前端   |  2个月前  |   496浏览 收藏
  • CSS图片中心剪裁定位技巧
    CSS图片中心剪裁定位技巧
    background-position:center仅控制背景图定位点对齐容器中心,不控制缩放与裁剪;需配合background-size:cover才能实现居中剪裁,且裁剪区域受图片与容器宽高比影响。
    文章 · 前端   |  2个月前  |   496浏览 收藏
  • CSS定位元素溢出处理技巧
    CSS定位元素溢出处理技巧
    overflow:hidden不能裁剪position:absolute元素,因其仅对既是定位上下文又是新层叠上下文的祖先生效;若最近定位祖先未设overflow:hidden或不存在,则裁剪失效。
    文章 · 前端   |  2个月前  |   496浏览 收藏
  • 这是一段原始文字,这是保留的文字。
    这是一段原始文字,这是保留的文字。
    \_DEL{...}不是标准HTML,浏览器不识别,必须转为<del></del>并补全datetime和配对<ins>,否则语义残缺、可访问性归零。
    文章 · 前端   |  4星期前  |   html 495浏览 收藏
  • 点击复制链接,HTML与JS实现方法
    点击复制链接,HTML与JS实现方法
    现代浏览器应使用navigator.clipboard.writeText()复制URL,需用户手势触发且不能异步调用;HTTP环境或旧版Safari需降级处理,并务必捕获错误提示用户。
    文章 · 前端   |  1个月前  |   html 495浏览 收藏
  • 设置移动端视口,适配不同屏幕尺寸
    设置移动端视口,适配不同屏幕尺寸
    viewport必须置于<head>最前面且配对width=device-width与initial-scale=1.0,禁用user-scalable=no违反可访问性,溢出问题需检查CSS布局而非仅依赖viewport配置。
    文章 · 前端   |  1个月前  |   html 495浏览 收藏
  • 多行文本溢出处理:text-overflow与ellipsis应用
    多行文本溢出处理:text-overflow与ellipsis应用
    text-overflow:ellipsis仅对单行生效,多行需用-webkit-line-clamp;其要求display:-webkit-box、-webkit-box-orient:vertical、整数行数及明确高度限制,且仅WebKit/Blink内核支持,Firefox等需降级处理。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • 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浏览 收藏
查看更多
课程推荐
  • 前端进阶之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 工作流和沉淀团队常用智能体能力。
    2801次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    2593次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    2537次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    2770次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    2721次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码