前端技术文章

  • JavaScript代理类原型链问题与解决方法
    JavaScript代理类原型链问题与解决方法
    当使用Proxy包裹基类并让子类继承该代理类时,newChild()创建的实例会错误地绑定到基类原型而非子类原型,导致方法继承失效;根本原因在于construct陷阱未正确传递目标构造器,需改用Reflect.construct(...,...,constructor)显式指定原型链锚点。
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • HTML视频下载方法:轻松保存网页视频技巧
    HTML视频下载方法:轻松保存网页视频技巧
    Chrome中抓取video源地址需打开开发者工具→Network→Media,刷新并播放后复制.m3u8或.mp4链接;m3u8需用yt-dlp合并下载,注意Referer、UA及token时效性;controlsList="nodownload"仅禁右键,不影响抓包。
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • HTML文字下划线设置方法及代码示例
    HTML文字下划线设置方法及代码示例
    HTML里怎么给文字加下划线直接用text-decoration:underline,但别只写这一行——浏览器默认下划线贴着字底,容易和字母descender(比如g、y、p的下延笔画)打架,看着糊成一团。为什么标签不推荐在HTML5里语义变了,不再是“加下划线”,而是“标注非标准文本”(比如拼写错误、专有名词注释)。用它会被屏幕阅读器读作“underline”,干扰可访问性;而且样式没法统一控制,比如不能调间距、颜色或线型。语义错位:想强调内容,结果被解析成“疑似错误”
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • 全屏视频背景CSS实现教程
    全屏视频背景CSS实现教程
    根本原因是object-fit未匹配width/height行为;需用object-fit:cover配合居中定位和min-width/min-height;z-index生效需position非static且避免父级层叠上下文;移动端需muted、autoplay、playsinline及preload;文字可读性依赖渐变遮罩而非纯色;视频编码应兼顾H.264与WebM双源。
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • HTML表单如何安全处理医疗数据?
    HTML表单如何安全处理医疗数据?
    HTML表单实现HIPAA合规的核心在于端到端加密、严格访问控制、数据最小化、安全编码、审计日志、BAA签订等综合措施,Web表单处理医疗数据的主要技术挑战包括前端输入安全、传输层配置、后端API与数据库防护、第三方组件风险及日志监控盲点,开发团队需通过将安全融入DevOps、定期渗透测试、人员培训、自动化工具和事件响应计划来持续合规,而BAA在其中扮演着明确第三方责任、转移法律风险、确保全链条数据保护的关键法律角色,缺少BAA则整个合规体系不成立。
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • Emscripten Asyncify 异步冲突原因及解决方法
    Emscripten Asyncify 异步冲突原因及解决方法
    本文详解Emscripten中因Asyncify机制导致“Cannothavemultipleasyncoperationsinflightatonce”错误的根本原因,并提供安全、可控的绕过策略,帮助开发者在JS回调中混合调用同步/异步C++函数而不崩溃。
    文章 · 前端   |  3个月前  |   480浏览 收藏
  • JavaScript操作Cookie及安全注意事项
    JavaScript操作Cookie及安全注意事项
    JavaScript通过document.cookie读写Cookie需手动解析字符串,设置时须指定expires、path、domain等属性,删除需匹配原path/domain并设过期时间;安全上必须合理配置HttpOnly(防XSS)、Secure(仅HTTPS)、SameSite(防CSRF)等属性。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • Flex布局等间距技巧解析
    Flex布局等间距技巧解析
    使用flex-direction:column和justify-content可实现纵向等间距布局,需设置容器高度,推荐space-between、space-around或space-evenly值来控制垂直间距,注意避免margin干扰及内容溢出问题。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • Vue中正确使用鼠标按下事件的方法
    Vue中正确使用鼠标按下事件的方法
    Vue模板中监听鼠标按下事件需使用@mousedown(而非@mouse-down),这是因Vue事件修饰符严格遵循原生DOM事件命名规范;本文详解正确写法、按键区分技巧及实际开发注意事项。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • CSS伪元素特效实用技巧分享
    CSS伪元素特效实用技巧分享
    伪元素必须用双冒号语法且声明content属性才生效;默认为inline需设display,无DOM节点不响应事件,屏幕阅读器不可读。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • 手机写HTML注意事项简单解析
    手机写HTML注意事项简单解析
    必须加<metaname="viewport">标签,否则手机页面按桌面宽度渲染导致文字过小、布局错乱;应使用width=device-width,initial-scale=1.0,置于head最前,避免user-scalable=no或固定width值。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • HTML循环获取数据技巧解析
    HTML循环获取数据技巧解析
    HTML不支持循环,需通过JavaScript或服务端语言实现。前端可用for、map等遍历数据,结合innerHTML或DOM操作动态生成列表、卡片等内容;后端如PHP可在HTML中嵌入循环直接渲染。核心是用编程语言驱动数据与模板结合,实现重复结构展示。
    文章 · 前端   |  4个月前  |   html代码 480浏览 收藏
  • jQueryAJAX重复请求解决技巧
    jQueryAJAX重复请求解决技巧
    本文详解jQuery事件委托中因重复绑定导致的AJAX多次调用问题,提供off()解绑方案、防重复提交实践及完整修复代码,确保按钮点击仅触发一次请求。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • HTML地图插入教程及使用方法
    HTML地图插入教程及使用方法
    用<iframe>嵌入在线地图是最常用、最稳定的方式,需使用地图平台提供的分享嵌入代码而非浏览器地址栏URL;注意编码中文参数、添加loading="lazy"和referrerpolicy="no-referrer",移动端需适配触摸与宽高比,无需APIKey。
    文章 · 前端   |  4个月前  |   480浏览 收藏
  • CSS滑动效果实现方法解析
    CSS滑动效果实现方法解析
    滑动卡顿或跳变的根本原因是transform起始/结束状态未被识别为可过渡属性;必须用translateX/Y、写在常驻元素上、避免混用非动画属性;移动端拖拽需JS动态设置transform;推荐0.25s–0.35s时长和cubic-bezier(0.25,0.46,0.45,0.94)缓动;亚像素模糊需Math.round()取整、will-change和字体抗锯齿优化。
    文章 · 前端   |  4个月前  |   480浏览 收藏
查看更多
课程推荐
  • 前端进阶之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为你免费谱曲,轻松做同款!
    4080次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    4069次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4254次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4226次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码