前端技术文章

  • WebSocket长连接保活技巧与实现方法
    WebSocket长连接保活技巧与实现方法
    proxy_read_timeout仅控制Nginx从后端读数据的空闲上限,非连接总时长;须设为业务心跳间隔2–3倍(如90–120s),并同步配置proxy_send_timeout、upstreamkeepalive及系统TCP参数。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • HTML属性优先级怎么处理_样式冲突解答
    HTML属性优先级怎么处理_样式冲突解答
    内联样式优先级最高,特异性值为1000,高于所有CSS选择器(包括!important),仅同属性的!important声明可覆盖它;CSS变量取值取决于使用位置的最近有效作用域。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • Slots 体系全总结:从匿名插槽到作用域插槽,打造灵活组件库的基石
    Slots 体系全总结:从匿名插槽到作用域插槽,打造灵活组件库的基石
    Vue插槽是组件解耦与复用的底层设计契约,含匿名、具名、作用域、动态四类:匿名插槽提供默认内容占位;具名插槽实现多区域精准投递;作用域插槽支持子组件向父组件反向传参;动态插槽名实现运行时内容流向控制。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • map和area标签能实现热区点击吗_HTML图像映射可交互区域绘制
    map和area标签能实现热区点击吗_HTML图像映射可交互区域绘制
    能,但必须满足三个硬性条件:usemap值带#、<map>的name严格匹配、<area>坐标基于原始图片像素;漏掉任一条件热区完全不响应且无报错。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • HTML水合机制原理详解
    HTML水合机制原理详解
    Hydration是客户端复用服务端HTML并接管交互的过程,而非重渲染;若服务端HTML与客户端虚拟DOM结构或文本不一致,即触发Hydrationmismatch错误。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • input重置按钮怎么用?
    input重置按钮怎么用?
    type="reset"仅重置有name属性且初始值由HTML属性(value/checked/selected)设定的字段;忽略JS动态设置的值、无name字段、textarea标签内文本及JS修改的defaultValue。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • HTML表单实现DAO投票与去中心化决策组织方式解析
    HTML表单实现DAO投票与去中心化决策组织方式解析
    HTML表单无法独立实现DAO投票的去中心化功能,必须通过JavaScript调用Web3.js或Ethers.js与区块链智能合约交互,由智能合约执行投票逻辑、权重计算和决策执行,确保透明、不可篡改和去中心化;传统Web技术因数据可篡改、单点故障、依赖中心化信任而无法支撑DAO核心;构建DAO投票前端需结合HTML/CSS/JavaScript、前端框架、Web3库、钱包连接工具(如MetaMask)、智能合约(Solidity)、可选的TheGraph数据索引及IPFS去中心化存储;去中心化治理面临投
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • HTML CSS制作心形爱心【含代码示例】
    HTML CSS制作心形爱心【含代码示例】
    最干净的纯CSS心形方案是clip-path:polygon(),兼容现代浏览器且无额外DOM;Safari14.1前需避免path()语法,推荐使用基于200×200容器的polygon坐标,并配合aspect-ratio和outline实现缩放不失真与描边。
    文章 · 前端   |  1个月前  |   476浏览 收藏
  • 手机端分页显示不全?CSS媒体查询轻松解决
    手机端分页显示不全?CSS媒体查询轻松解决
    Bootstrap手机端分页显示不全的根本原因是小屏下未折叠处理,导致页码水平溢出;应通过媒体查询+display:none隐藏中间页码,并设置overflow-x:auto支持滑动。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • HTML中如何合理使用preload预加载资源
    HTML中如何合理使用preload预加载资源
    preload仅用于浏览器发现过晚但首屏必需的资源,如CSS中@font-face字体、内联样式中的首屏图片、module脚本依赖的主chunk及Hero区域关键图片;as属性必须准确匹配资源类型,否则降级为普通请求。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • CSS移动端字体闪烁解决方法
    CSS移动端字体闪烁解决方法
    font-display:swap需配合preload、font-size-adjust和min-height容器兜底才能缓解移动端CLS,单独使用反而加剧布局跳动。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • CSS移动端视频背景居中裁剪方法
    CSS移动端视频背景居中裁剪方法
    必须同时设置object-fit:cover、object-position:center、明确宽高及避开移动端Safari的vh坑,否则视频会偏移、裁切关键区域或底部留白。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • CSS如何实现元素倾斜效果_使用transform属性中的skew函数
    CSS如何实现元素倾斜效果_使用transform属性中的skew函数
    只倾斜容器不扭曲文字需用伪元素或反向skew抵消:对父容器skew(),子容器用skew(-xdeg);注意热区仍为原矩形,可用clip-path修正。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • JavaScript控制CSS动画:WebAnimationsAPI详解
    JavaScript控制CSS动画:WebAnimationsAPI详解
    WebAnimationsAPI是浏览器原生JavaScript接口,用于编程创建、控制CSS/SVG动画;支持animate()启动、play/pause/reverse/cancel等精细控制,以及finish/cancel事件监听,性能优于rAF且可与CSS动画协同。
    文章 · 前端   |  2个月前  |   476浏览 收藏
  • index.html用什么软件打开?推荐5款编辑工具
    index.html用什么软件打开?推荐5款编辑工具
    直接双击打开index.html会因file://协议限制导致fetch、ServiceWorker、相对路径资源加载失败,页面白屏或样式丢失;必须通过本地HTTP服务器(如VSCodeLiveServer)运行才能正常预览。
    文章 · 前端   |  2个月前  |   476浏览 收藏
查看更多
课程推荐
  • 前端进阶之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导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4255次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4226次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码