前端技术文章

  • Typora自定义CSS美化教程
    Typora自定义CSS美化教程
    通过自定义CSS可高效美化Typora学习笔记,提升可读性与结构感。首先在主题文件夹创建CSS文件并重启Typora以启用新主题;接着设置字体、行距优化排版,如使用思源黑体与FiraCode搭配,调整body行高至1.8;通过不同颜色与边框区分h1、h2、h3标题层级;为code和pre元素添加背景色、圆角与内边距以突出代码块;利用自定义class(如tip、note)创建提示或注释区块,并在Markdown中插入HTML标签应用样式;进阶可导入GoogleFonts、设置表格斑马纹、优化打印样式,逐步打
    文章 · 前端   |  1个月前  |   CSS Typora 374浏览 收藏
  • 柯里化与组合函数的JS实现方法
    柯里化与组合函数的JS实现方法
    柯里化将多参函数转化为单参函数链,组合通过pipe或compose连接函数,实现逻辑清晰、可复用的函数式编程。
    文章 · 前端   |  1个月前  |   374浏览 收藏
  • JavaScript生成器函数是什么?如何控制执行流程
    JavaScript生成器函数是什么?如何控制执行流程
    生成器函数是用function*声明、通过yield暂停恢复执行的特殊函数,调用返回迭代器,next()方法控制执行节奏并支持双向通信。
    文章 · 前端   |  1个月前  |   374浏览 收藏
  • JavaScriptBigInt大数运算全解析
    JavaScriptBigInt大数运算全解析
    BigInt与Number不兼容,因类型系统禁止隐式转换,混合运算如1n+1会抛TypeError;必须显式转换,且BigInt()构造函数不接受Number参数,JSON、Math、Date等API均不支持BigInt。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • HTML Headless浏览器自动化测试方案详解
    HTML Headless浏览器自动化测试方案详解
    Headless浏览器自动化测试核心在于稳定性、可调试性及符合真实用户行为,推荐Puppeteer和Playwright而非Selenium;前者通过CDP精准控制加载时机、字体就绪、多浏览器兼容等,后者统一API覆盖Chromium/WebKit/Firefox并支持真实Safari预览版。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • JavaScript游戏循环实现动画技巧
    JavaScript游戏循环实现动画技巧
    游戏循环应使用requestAnimationFrame而非setInterval,以对齐屏幕刷新率、省电且稳定;需分离更新与渲染,用固定时间步长累积deltaTime并保留余量,避免逻辑帧率波动;update只改状态,render只负责绘制;须清理raf防止内存泄漏。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • 箭头函数与传统函数,如何选择?
    箭头函数与传统函数,如何选择?
    箭头函数没有自己的this绑定,不支持new调用、arguments对象和yield关键字,适用于无需独立this的短小回调场景。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • Vue渲染器原理与虚拟DOM跨平台解析
    Vue渲染器原理与虚拟DOM跨平台解析
    Vue渲染器是将虚拟DOM转换为真实平台视图的可配置引擎,通过宿主接口实现跨平台适配,核心职责为创建、更新、卸载节点,依赖patch函数协调新旧vnode同步。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • HTML编码声明应放在head标签内,这是最佳实践。
    HTML编码声明应放在head标签内,这是最佳实践。
    <metacharset>必须位于HTML文档前1024字节内,否则浏览器将按默认编码解析导致乱码;应紧接<!DOCTYPEhtml>和<html>之后置于<head>最顶部,避免BOM、注释或空格前置。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • CSS盒模型与定位应用解析
    CSS盒模型与定位应用解析
    CSS盒模型与定位机制协同决定元素布局。1.盒模型由content、padding、border、margin组成,影响元素总宽高计算;2.relative保留原位置并基于自身偏移,不脱离文档流;3.absolute脱离文档流,相对于最近已定位祖先定位,尺寸仍遵循盒模型;4.fixed相对于视口固定,滚动不变,常用于悬浮组件;5.sticky在滚动阈值前后切换相对与固定定位,适合表头等场景。掌握其结合方式可精准控制布局。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • Canvas绘图教程:JS驱动全解析
    Canvas绘图教程:JS驱动全解析
    Canvas绘图完全依赖JavaScript控制,需先获取2d或webgl上下文并确认可用性,再通过ctx方法绘制图形、实现动画和响应交互。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • CSS移动端防抖动:aspect-ratio保持容器稳定
    CSS移动端防抖动:aspect-ratio保持容器稳定
    移动端布局抖动源于图片/视频加载后重排,核心是提前预留正确容器空间;aspect-ratio是最直接解法,但须配合width/max-width使用,且需注意Safari兼容性、宽高比动态适配及Flex/Grid中的失效场景。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • 网页添加指定词超链接的JS实现方法
    网页添加指定词超链接的JS实现方法
    本文介绍如何使用JavaScript批量、自动地为网站多页面中所有出现的特定词语(如“Dog”)统一添加超链接,无需手动逐个修改HTML,兼顾大小写匹配与上下文完整性。
    文章 · 前端   |  2个月前  |   374浏览 收藏
  • 高阶组件应用:装饰器模式详解
    高阶组件应用:装饰器模式详解
    高阶组件是React中复用组件逻辑的设计模式,本质为接收组件并返回增强组件的函数。它通过包装原有组件实现功能扩展,如权限控制、日志埋点、加载状态管理等,无需修改原组件代码。典型形式为constwithEnhancement=(WrappedComponent)=>{...},利用组合特性实现逻辑抽离。常见应用场景包括权限校验、数据上报、异步加载处理和表单验证增强。使用时需避免在render中创建HOC、注意静态方法丢失及props命名冲突问题,过度嵌套易导致“包装地狱”。随着Hooks普及,许多功能
    文章 · 前端   |  2个月前  |   装饰器模式 高阶组件 374浏览 收藏
  • HTML如何显示速率限制重置时间
    HTML如何显示速率限制重置时间
    需后端在Access-Control-Expose-Headers中暴露X-RateLimit-Reset,前端用Date.parse(response.headers.get('Date'))获取服务端当前时间,再与X-RateLimit-Reset(秒级时间戳×1000)做差计算剩余秒数,避免客户端时钟偏差。
    文章 · 前端   |  2个月前  |   374浏览 收藏
查看更多
课程推荐
  • 前端进阶之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 工作流和沉淀团队常用智能体能力。
    1763次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    1696次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    1635次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    1834次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    1819次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码