前端技术文章

  • 这是一段原始文字,这是保留的文字。
    这是一段原始文字,这是保留的文字。
    \_DEL{...}不是标准HTML,浏览器不识别,必须转为<del></del>并补全datetime和配对<ins>,否则语义残缺、可访问性归零。
    文章 · 前端   |  3个月前  |   html 495浏览 收藏
  • 点击复制链接,HTML与JS实现方法
    点击复制链接,HTML与JS实现方法
    现代浏览器应使用navigator.clipboard.writeText()复制URL,需用户手势触发且不能异步调用;HTTP环境或旧版Safari需降级处理,并务必捕获错误提示用户。
    文章 · 前端   |  3个月前  |   html 495浏览 收藏
  • 设置移动端视口,适配不同屏幕尺寸
    设置移动端视口,适配不同屏幕尺寸
    viewport必须置于<head>最前面且配对width=device-width与initial-scale=1.0,禁用user-scalable=no违反可访问性,溢出问题需检查CSS布局而非仅依赖viewport配置。
    文章 · 前端   |  3个月前  |   html 495浏览 收藏
  • 多行文本溢出处理:text-overflow与ellipsis应用
    多行文本溢出处理:text-overflow与ellipsis应用
    text-overflow:ellipsis仅对单行生效,多行需用-webkit-line-clamp;其要求display:-webkit-box、-webkit-box-orient:vertical、整数行数及明确高度限制,且仅WebKit/Blink内核支持,Firefox等需降级处理。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • Java小程序入口声明方法
    Java小程序入口声明方法
    code属性指定Applet类的字节码文件名(不含.class后缀),须继承java.applet.Applet或javax.swing.JApplet,路径用斜杠分隔包名,如com/example/MyApplet;不支持点号或.class后缀,且仅适用于Java8及以前版本。
    文章 · 前端   |  3个月前  |   HTML常见属性及用途 495浏览 收藏
  • CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    screen-spanning媒体查询不可靠,不应作为唯一判断依据;它仅在Chrome119+/Edge97+支持,Safari/Firefox不支持,且依赖真实双屏硬件与系统跨屏渲染模式,易因缩放、iframe或厂商屏蔽而失效。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • Less变量嵌套覆盖问题解析
    Less变量嵌套覆盖问题解析
    Less变量不支持块级作用域,仅存在全局与局部词法作用域;局部变量会完全覆盖同名全局变量,从声明处起影响该块及所有子嵌套,且不会自动恢复父级值。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • CSS响应式图片溢出处理技巧
    CSS响应式图片溢出处理技巧
    应设img的max-width:100%且height:auto,避免同时设width和height像素值;溢出常因父容器white-space、flex-shrink或box-sizing等导致;固定宽高容器可用object-fit:cover/contain,注意兼容性;内联SVG需单独处理。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • :scope限定选择器范围,Scoped CSS实战应用
    :scope限定选择器范围,Scoped CSS实战应用
    :scope在CSS文件或<style>标签中完全无效,仅在JS的querySelector等DOM查询方法中有效,且仅指向调用该方法的元素自身;浏览器解析样式表时无运行时上下文,:scope被当作:root处理。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • 音频视频控制技巧:JavaScript Media API使用教程
    音频视频控制技巧:JavaScript Media API使用教程
    JavaScript的MediaAPI仅提供媒体元素控制接口和状态监听,不直接操作音视频数据;底层解码、处理需WebAudioAPI(音频)或Canvas/WebCodecs(视频)。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • JavaScript物联网开发实战指南
    JavaScript物联网开发实战指南
    JavaScript可用于物联网开发,通过Node.js结合Johnny-Five、Firmata、raspi-io控制硬件,利用HTTP、MQTT、WebSocket实现设备联网与云通信,配合前端框架构建可视化界面,并在树莓派等设备上部署应用,实现远程监控与控制。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • 插件架构如何减少内存碎片化?
    插件架构如何减少内存碎片化?
    模块预加载加剧内存碎片是因为加载后未统一管理生命周期,导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载,产生大量零散mmap空洞;需通过预分配固定内存池并重定向malloc/new调用,配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • CSS变量实现视差滚动背景教程
    CSS变量实现视差滚动背景教程
    纯CSS变量无法独立实现视差滚动,必须由JS注入--scroll-y等变量,再通过calc()配合transform实现;background-attachment:fixed在现代浏览器中受限严重,JS驱动方案最兼容。
    文章 · 前端   |  3个月前  |   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.回调函数应保持简洁,
    文章 · 前端   |  3个月前  |   495浏览 收藏
  • 文字间距设置方法与示例
    文字间距设置方法与示例
    letter-spacing用于控制所有字符间间距,支持正负值及normal,可继承但可被子元素覆盖;应与word-spacing区分,响应式推荐em/ch单位,避免内联样式和rem,注意iOSSafari负值渲染偏差。
    文章 · 前端   |  3个月前  |   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推荐
  • SuperCLUE中文大模型评测基准:功能、能力维度与应用指南
    SuperCLUE
    SuperCLUE是权威的中文大语言模型综合评测基准,涵盖语言理解、知识应用、AI Agent智能体及安全性等12项核心能力。通过多轮对话与客观测试,定期发布榜单与技术报告,为模型研发、优化及行业选型提供科学依据。
    141次使用
  • C-Eval中文评测基准:大语言模型多学科能力评估指南
    C-Eval
    深入了解C-Eval中文评估套件,涵盖52个学科与4级难度。本文详解其功能特点、Zero-shot/Few-shot使用方法及代码示例,助您全面评测LLM中文理解与泛化能力。
    61次使用
  • ClickPrompt:AI提示词生成与优化工具,支持Stable Diffusion、ChatGPT及代码辅助
    ClickPrompt
    ClickPrompt是一款专为AI提示词编写者设计的开源在线工具,支持Stable Diffusion绘图、ChatGPT对话及GitHub Copilot代码辅助。提供Prompt自动生成、一键运行、社区分享及可视化优化功能,帮助用户高效获取精准AI输出。
    35次使用
  • OpenArt免费开源指南:Stable Diffusion Prompt Book提示词手册详解
    Stable Diffusion Prompt Book
    深入解析OpenArt推出的Stable Diffusion Prompt Book,这本免费的开源提示词指南涵盖从基础语法到高级技巧,提供风格化词库与参数建议,助您优化AI绘画生成效果。
    18次使用
  • Google AI提示词库:免费官方Prompt模板与使用指南
    Google AI提示词库
    探索Google Cloud官方生成式AI提示词库,提供免费、无需登录的中英双语Prompt模板。涵盖内容创作、代码优化、数据分析等场景,助您快速提升AI交互效率与质量。
    41次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码