前端技术文章

  • 如何用navigator.connection.effectiveType检测网络
    如何用navigator.connection.effectiveType检测网络
    navigator.connection.effectiveType必须通过JavaScript访问,不能在HTML中直接使用;需先检测'connection'innavigator且effectiveType为字符串,再读取其值,否则会报错。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • object参数在嵌入中的作用及传递方式解析
    object参数在嵌入中的作用及传递方式解析
    <embed>标签没有object属性,该属性不存在于HTML标准中,浏览器会直接忽略;正确传参应使用<object>标签配合data属性和<param>子元素。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • AI聊天界面HTML布局教程
    AI聊天界面HTML布局教程
    用户消息靠右、对方消息靠左仅需两条CSS:.mine.bubble设margin-left:auto,.theirs.bubble保持左对齐或设margin-right:auto;均禁用width:100%,并配max-width:80%防撑爆。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • 安全引入第三方CSS库的技巧
    安全引入第三方CSS库的技巧
    安全引入第三方CSS库需确保来源可信、校验完整性和实施策略限制,具体包括:使用HTTPS协议从知名CDN(如jsDelivr、unpkg)引入并指定版本号;添加SRI完整性校验防止资源被篡改;配置CSP策略限制样式源仅限于自身和可信CDN;对高安全性要求项目建议本地托管以降低依赖风险。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • 如何利用CSS优化网页选中文字的颜色_使用::selection伪元素
    如何利用CSS优化网页选中文字的颜色_使用::selection伪元素
    ::selection生效需满足文本可选、样式未被覆盖或限制;常见失效原因包括父元素设user-select:none、scopedCSS/ShadowDOM隔离、更具体选择器覆盖;仅color和background-color必写且稳定支持,text-shadow等部分支持,font-size等完全无效;跨浏览器必须同时声明::-moz-selection、::-webkit-selection和::selection三者并分离书写,移动端及input/textarea基本不支持。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • HTML怎么做通知中心面板_html通知中心下拉面板实现【面试必备】
    HTML怎么做通知中心面板_html通知中心下拉面板实现【面试必备】
    HTML无法实现交互通知面板,需JS控制DOM与状态、CSS实现动效;结构须语义清晰、层级扁平、关键节点带明确属性;CSS动画应避免height:auto过渡,改用max-height或transform:scaleY();JS需维护独立未读数变量、乐观更新、多端同步及焦点管理。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • JavaScript调试技巧:Chrome DevTools高级用法
    JavaScript调试技巧:Chrome DevTools高级用法
    掌握ChromeDevTools的断点、调用栈、Console交互及性能分析功能,可系统化定位问题。1.通过行断点、条件断点、DOM断点和XHR断点精准控制执行流程;2.利用调用栈切换上下文,结合Scope面板和Watch表达式查看变量状态;3.在Console中使用debug、monitorEvents、$0等命令注入代码并交互;4.使用Performance和Memory面板分析性能瓶颈与内存泄漏。组合运用这些工具,实现高效、可追踪的调试流程。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • Tailwind打造苹果风按钮:渐变与阴影实战教程
    Tailwind打造苹果风按钮:渐变与阴影实战教程
    苹果官网按钮的柔和金属感需用bg-gradient-to-br搭配细微色阶(如#f5f5f7至#e0e0e2)加via-white/20模拟高光;外阴影、伪元素内阴影与ring描边三层叠加实现浮雕感;悬停/点击态须拆分transition属性控制微动效;响应式下需手动设定圆角像素值与阴影参数以适配不同设备。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • 线程池优化前端大数据序列化计算方法
    线程池优化前端大数据序列化计算方法
    前端大数据量序列化卡顿的根本原因是JavaScript单线程导致计算与UI渲染争用主线程;需通过WebWorker剥离密集计算,并优化任务内部避免深拷贝、采用流式处理和结果缓存,辅以小数据量直行与加载态提示等兜底策略。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • 属性描述符实现微任务队列水位控制解析
    属性描述符实现微任务队列水位控制解析
    属性描述符本身不能直接实现微任务队列水位控制,需在set中嵌入Promise、queueMicrotask与状态管理逻辑;结合Proxy可拦截push等操作实现动态水位判断;水位应综合消息大小、网络状态等业务因素动态调整,并设微任务硬上限防事件循环饥饿。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • CSS中如何防止颜色值错误解析
    CSS中如何防止颜色值错误解析
    var(--color)“没生效”常因值非法被浏览器静默丢弃,如--bg:12(缺单位)、--size:auto50%(类型混用);@property可强制类型校验,但仅Chromium支持;回退值仅在变量未定义或语法非法时触发,空值、inherit、transparent等合法值不触发。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • 闭包实现访问控制,动态锁定敏感接口
    闭包实现访问控制,动态锁定敏感接口
    访问权限代理是一种基于闭包的轻量级控制模式,通过封装业务函数并注入用户身份、角色等上下文,在调用前实时校验权限,满足则执行原逻辑,否则拒绝;支持动态重建代理以适配登录态变更与运行时策略切换。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • Shadow DOM 实现样式隔离与组件封装详解
    Shadow DOM 实现样式隔离与组件封装详解
    ShadowDOM通过创建物理隔离的DOM子树实现样式与结构封装,需用attachShadow({mode:'closed'})创建封闭根,内联样式并利用:host、::slotted和CSS自定义属性可控透传,确保真正独立性。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • HTML如何绘制不同形状【CSS教程】
    HTML如何绘制不同形状【CSS教程】
    可通过HTML和CSS纯代码绘制圆形、椭圆、三角形、梯形、六边形等几何形状:圆形需正方形+border-radius:50%;椭圆为长宽不等矩形+50%圆角;三角形利用透明边框交汇;梯形用skew变形或clip-path;六边形用polygon()裁剪。
    文章 · 前端   |  2个月前  |   405浏览 收藏
  • HTML中hr标签美化方法
    HTML中hr标签美化方法
    hr默认样式跨浏览器不一致:IE用color设色,Firefox/Safari需background-color,Opera还需height;须同时设border:none、height:1px、color与background-color同值才能统一渲染。
    文章 · 前端   |  2个月前  |   405浏览 收藏
查看更多
课程推荐
  • 前端进阶之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 工作流和沉淀团队常用智能体能力。
    4781次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    4373次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    4320次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4560次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4502次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码