前端技术文章

  • 文字间距设置方法与示例
    文字间距设置方法与示例
    letter-spacing用于控制所有字符间间距,支持正负值及normal,可继承但可被子元素覆盖;应与word-spacing区分,响应式推荐em/ch单位,避免内联样式和rem,注意iOSSafari负值渲染偏差。
    文章 · 前端   |  1个月前  |   495浏览 收藏
  • String.trimStart()清理粘贴缩进技巧
    String.trimStart()清理粘贴缩进技巧
    直接用trimStart()无法可靠清理粘贴文本的混合缩进,需先归一化换行、清除零宽字符,再提取首行非空行缩进前缀并逐行移除。
    文章 · 前端   |  1个月前  |   269浏览 收藏
  • HTMLkbd标签用法及键盘样式演示
    HTMLkbd标签用法及键盘样式演示
    <kbd>标签用于语义化标记用户应输入的键盘操作,如<kbd>Ctrl</kbd>+<kbd>S</kbd>,需配合恰当CSS(如inline-block、圆角边框、背景色)增强视觉识别,避免滥用作装饰;多平台场景优先用Unicode符号(如⌘、⌥),组合键须分标签并用&nbsp;连接,确保可访问性与语义准确。
    文章 · 前端   |  1个月前  |   446浏览 收藏
  • 底部对齐技巧:使用bottom-0与relative容器
    底部对齐技巧:使用bottom-0与relative容器
    bottom:0只对position为absolute、fixed或sticky的元素生效,且依赖最近已定位祖先(如position:relative)作为参考系;若无,则锚定视口底部。
    文章 · 前端   |  1个月前  |   433浏览 收藏
  • LongTasksAPI如何检测页面卡顿任务
    LongTasksAPI如何检测页面卡顿任务
    LongTasksAPI仅记录≥50ms的主线程任务,不能直接检测用户感知的卡顿;需结合≥1s耗时、帧率丢失或输入延迟等指标综合判断,且存在Safari不支持、attribution为空、漏报连续短任务等局限。
    文章 · 前端   |  1个月前  |   101浏览 收藏
  • Sass引入方法与编译配置技巧
    Sass引入方法与编译配置技巧
    Webpack5配sass-loader需装sass(非node-sass),用sass-loader@13.x并显式配置implementation:require('sass');Vite热更新失效多因@import路径别名未正确解析;PostCSS必须在sass-loader后执行;VueCLI升级报错常因loader版本不匹配或additionalData传undefined。
    文章 · 前端   |  1个月前  |   154浏览 收藏
  • CSS卡片悬停阴影动画实现教程
    CSS卡片悬停阴影动画实现教程
    box-shadow动画直接加transition无效,因它是复合属性,浏览器无法插值结构不同的阴影值(如none→有阴影);必须保持参数数量、顺序、单位一致,且初始状态也需设为rgba透明阴影。
    文章 · 前端   |  1个月前  |   201浏览 收藏
  • WebAssembly 实现高效图像卷积与矩阵计算
    WebAssembly 实现高效图像卷积与矩阵计算
    WebAssembly在图像卷积中比JavaScript快,因其采用线性内存、强类型和SIMD指令,直接映射C/Rust内存访问模式,避免JS动态类型检查与V8循环优化瓶颈;但仅在图像≥1024×768且卷积核≥3×3时优势稳定,小规模任务反因启动、调用及内存拷贝开销而更慢。
    文章 · 前端   |  1个月前  |   253浏览 收藏
  • HTML中设置长单词换行的方法有多种,以下是几种常见的实现方式:1.使用word-wrap或overflow-wrap属性这是最常用的方法,适用于大多数现代浏览器。div{word-wrap:break-word;/*或overflow-wrap:break-word;*/}word-wrap:break-word;:允许在单词内换行。overflow-wrap:break-word;:是word
    HTML中设置长单词换行的方法有多种,以下是几种常见的实现方式:1.使用word-wrap或overflow-wrap属性这是最常用的方法,适用于大多数现代浏览器。div{word-wrap:break-word;/*或overflow-wrap:break-word;*/}word-wrap:break-word;:允许在单词内换行。overflow-wrap:break-word;:是word
    overflow-wrap:break-word失效主因是white-space:nowrap、flex子项缺min-width:0、容器无width/max-width或display表格/行内块等布局压制,需配合word-break:normal并避免与break-all混用。
    文章 · 前端   |  1个月前  |   334浏览 收藏
  • 左侧固定,右侧自适应布局技巧
    左侧固定,右侧自适应布局技巧
    不能直接用Bootstrap的col-类实现左侧固定,因为col-基于百分比栅格,会随屏幕缩放(如col-2在lg下从200px缩至165px),违背“固定200px”目标;真正固定需脱离栅格、改用d-flex容器+flex-grow-0+显式width/min-width控制。
    文章 · 前端   |  1个月前  |   152浏览 收藏
  • 判断变量是否为数组的正确方法
    判断变量是否为数组的正确方法
    判断一个变量是否为数组最推荐的方法是使用Array.isArray(),因为它准确、可靠且能正确处理跨iframe等不同执行环境下的数组判断;2.typeof不能用于判断数组,因为它对所有对象(包括数组、普通对象、null)都返回"object",无法区分具体类型;3.instanceofArray在跨执行环境(如多个iframe)时会失效,因为不同环境中的Array构造函数不相等,导致判断错误;4.Object.prototype.toString.call()也能正确判断数组且跨环境安全,但语法较冗长
    文章 · 前端   |  1个月前  |   444浏览 收藏
  • HTML页面如何用W3C验证工具检查
    HTML页面如何用W3C验证工具检查
    W3C验证器仅检查静态HTML语法合规性,不执行JS、不解析动态DOM、不校验CSS或可访问性;其报错需区分硬性标准违规(如缺alt、非法嵌套)与框架扩展误报(如v-bind:src),关键看是否真实违反HTML标准。
    文章 · 前端   |  1个月前  |   442浏览 收藏
  • Intl.DateTimeFormat时区格式化教程
    Intl.DateTimeFormat时区格式化教程
    Intl.DateTimeFormat默认使用用户系统时区,无需传timeZone;format()仅接受Date实例或时间戳,禁用字符串;locale与timeZone解耦,SSR时需注意服务端时区非用户本地时区。
    文章 · 前端   |  1个月前  |   415浏览 收藏
  • 蹦床函数递归处理详解
    蹦床函数递归处理详解
    蹦床函数是手动将尾递归“拍平”为循环的模式,通过返回thunk(延迟执行的函数)而非直接递归调用,使栈深度恒定为1~2,从而绕过JavaScript、Python等不支持TCO环境下的栈溢出。
    文章 · 前端   |  1个月前  |   219浏览 收藏
  • CSS百分比padding为何以父元素宽度为准?
    CSS百分比padding为何以父元素宽度为准?
    padding-top/bottom百分比按包含块宽度计算,而非高度,是为了避免layout循环依赖;CSS规范强制统一锚定宽度基准以确保布局可解。
    文章 · 前端   |  1个月前  |   482浏览 收藏
查看更多
课程推荐
  • 前端进阶之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 工作流和沉淀团队常用智能体能力。
    3133次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    2894次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    2846次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    3062次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    3011次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码