前端技术文章

  • JS对象toString与valueOf使用解析
    JS对象toString与valueOf使用解析
    toString在对象转字符串时被优先调用,如字符串拼接、alert、console.log、String();valueOf在需原始值时被优先调用,如数学运算、比较、Number();引擎按规范顺序尝试二者,重写需确保返回符合类型要求的值。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • 多选影响批量操作吗?
    多选影响批量操作吗?
    <selectmultiple>提交时以同名参数传递所有选中value,JS需用selectedOptions读取;checkbox批量操作须每次动态获取元素并重算状态,避免缓存NodeList或漏掉新增项。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • 虚拟滚动优化大列表,JS动态计算偏移量
    虚拟滚动优化大列表,JS动态计算偏移量
    纯CSS无法实现真正虚拟滚动,因其不能感知滚动位置、计算可视索引或动态更新渲染;核心逻辑必须由JS完成,CSS仅负责高效位移(如transform)与视觉优化。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • 并行回收与标记平衡GC性能
    并行回收与标记平衡GC性能
    CMS被淘汰而G1成为分水岭,因其并发标记无法处理浮动垃圾且易退化为SerialGC;G1通过Region划分与RememberedSet实现标记与回收解耦,采用“并发标记+并行复制”模式。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • CSS网格行高不统一怎么解决?
    CSS网格行高不统一怎么解决?
    使用grid-auto-rows和minmax()可统一CSS网格行高,避免错位。通过grid-auto-rows设置固定行高或结合minmax()定义最小高度与自适应扩展,实现内容适配与视觉整齐;再配合grid-template-rows可对前几行单独设定,其余行按规则自动生成,提升布局灵活性与一致性。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • Blob流处理技术详解与应用
    Blob流处理技术详解与应用
    Blob是JavaScript中处理二进制数据的对象,支持通过流式读取分块处理大文件,结合TransformStream可实现高效转换,适用于上传、预览、音视频处理等场景。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • CSS不规则文字填充技巧\_background-clip-text用法解析
    CSS不规则文字填充技巧\_background-clip-text用法解析
    background-clip:text仅按字体字形轮廓裁剪,无法实现SVG路径或clip-path级别的自定义不规则形状;所有“不规则”效果均依赖字体本身的glyph设计,如手写体、断笔字或OpenType特性,而非CSS可额外定义的几何路径。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • css 盒模型 设置宽高却不生效怎么办_通过检查 display 属性处理
    css 盒模型 设置宽高却不生效怎么办_通过检查 display 属性处理
    display:none使width/height完全失效,元素从渲染树移除,尺寸不可读取;inline元素默认忽略宽高;flex/grid容器对齐方式会压制子项尺寸;box-sizing变更影响宽高计算基准。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • HTML首屏白屏优化技巧分享
    HTML首屏白屏优化技巧分享
    首屏白屏时间长通常不是HTML文件本身加载慢,而是其触发的阻塞行为所致,如未优化的script、无尺寸图片、同步CSS或服务端响应慢。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • HTMLBlob优化技巧详解
    HTMLBlob优化技巧详解
    Blob本身不提升性能,但能绕过传统文件处理瓶颈:避免全量加载内存、跳过服务器中转、支持流式操作;应分块读取、及时释放引用、优先用URL.createObjectURL预览,构造File需继承Blob,fetch后用blob.stream()实现无压力解析。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • CSS实现图片黑白到彩色平滑转换方法
    CSS实现图片黑白到彩色平滑转换方法
    filter过渡无效因浏览器插值支持差,需显式声明初始/结束值、统一单位、加will-change;hover抖动源于layoutshift,应强制GPU层并固定尺寸;transitionend事件不可靠,建议用setTimeout或requestAnimationFrame轮询;深色模式/print下需媒体查询重置filter;多层filter应拆分元素实现。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • CSSGrid中place-items的简写用法解析
    CSSGrid中place-items的简写用法解析
    place-items是justify-items和align-items的简写,先水平后垂直;仅作用于网格容器直接子项,不控制子项内部布局;单值复用、双值分设,禁混单位与关键字;易与place-content、align-content混淆;受align-self/justify-self覆盖;IE不支持。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • JavaScript数据绑定与主流框架解析
    JavaScript数据绑定与主流框架解析
    JavaScript数据绑定核心是让数据变化自动触发视图更新;需区分响应式数据流与模板语法的双向绑定,Proxy实现依赖收集与触发,但仅代理第一层且不兼容IE11。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • 响应式侧边栏切换技巧|CSS Grid与媒体查询应用
    响应式侧边栏切换技巧|CSS Grid与媒体查询应用
    小屏下grid-template-columns不生效,主因是媒体查询未覆盖初始样式或侧边栏未真正从网格中移除;需确保媒体查询位置靠后、选择器权重足够,并同步重定义网格列与侧边栏尺寸及定位。
    文章 · 前端   |  2个月前  |   233浏览 收藏
  • CSS表单样式控制技巧
    CSS表单样式控制技巧
    通过元素、类、属性和伪类选择器可精准控制表单样式:首先设置输入框和文本域的基础样式,再用class或id实现个性化外观,如必填项提示和按钮定制;接着利用属性选择器针对email、password等特定类型设置样式,最后结合:focus、:hover等伪类增强交互效果,提升用户体验。
    文章 · 前端   |  2个月前  |   233浏览 收藏
查看更多
课程推荐
  • 前端进阶之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 工作流和沉淀团队常用智能体能力。
    4435次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    4081次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    4069次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4256次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4227次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码