• 媒体查询+容器布局,解决移动端错位问题
    媒体查询+容器布局,解决移动端错位问题
    移动端错位主因是容器宽、内外边距及浮动未随屏幕缩放重置,需用媒体查询+语义化类主动控制断点;应重设容器width:100%、margin:0auto,改float为flex/grid,精准调整padding/margin/font-size,确保栅格响应且box-sizing:border-box。
    文章 · 前端   |  4星期前  |   179浏览 收藏
  • JavaScript热更新实现方法及模块热替换原理解析
    JavaScript热更新实现方法及模块热替换原理解析
    JavaScript本身不支持热更新,需依赖构建工具(如Webpack、Vite)和运行时机制实现;其核心是拦截模块加载、动态替换模块,并由开发者显式管理状态迁移与副作用清理。
    文章 · 前端   |  4星期前  |   179浏览 收藏
  • HTML层叠顺序设置全攻略
    HTML层叠顺序设置全攻略
    z-index不生效主因是元素未参与层叠上下文:需确保position为relative/absolute/fixed/sticky,且父容器未意外创建新层叠上下文(如含transform、opacity等),同一上下文中z-index才按数值大小决定覆盖顺序。
    文章 · 前端   |  3星期前  |   179浏览 收藏
  • JavaScript如何实现机器学习?TensorFlow.js解析
    JavaScript如何实现机器学习?TensorFlow.js解析
    TensorFlow.js是专为JavaScript生态设计的轻量级机器学习库,支持浏览器实时推理、本地训练、迁移学习、Node.js部署及模型导入导出,适合前端智能化、教育原型、隐私敏感与轻量定制场景。
    文章 · 前端   |  3星期前  |   179浏览 收藏
  • JavaScript语音识别方法与WebSpeechAPI教程
    JavaScript语音识别方法与WebSpeechAPI教程
    WebSpeechAPI的SpeechRecognition是浏览器原生唯一语音识别接口,仅Chromium内核稳定支持,需HTTPS或localhost环境、用户手势触发,且不支持iOS;Firefox几乎不可用,替代方案应依赖后端ASR或离线WASM模型。
    文章 · 前端   |  3星期前  |   179浏览 收藏
  • ES6类与传统构造函数对比解析
    ES6类与传统构造函数对比解析
    ES6class本质是构造函数的语法封装,底层仍基于function和prototype,不支持提升,存在TDZ,内部默认严格模式,方法不可枚举,子类constructor必须先调用super()才能访问this。
    文章 · 前端   |  3星期前  |   179浏览 收藏
  • JS内存泄漏原因及解决方法详解
    JS内存泄漏原因及解决方法详解
    JavaScript内存泄漏的常见原因包括意外的全局变量、未清除的定时器和事件监听器、闭包的不当使用、脱离DOM树但仍被引用的元素、以及console.log在特定环境下的影响。根本原因是这些情况下存在不必要的强引用,导致垃圾回收器无法释放内存。避免泄漏的核心是管理好引用关系,用完及时解除。具体做法有:使用let/const限制作用域,避免全局污染;定时器和事件监听器在不需要时必须手动清除;谨慎处理闭包引用,必要时手动置为null;移除DOM元素的同时清除JS中的引用;利用WeakMap/WeakSet建
    文章 · 前端   |  2星期前  |   179浏览 收藏
  • HTML5Canvas绘图教程:矩形圆形基础教学
    HTML5Canvas绘图教程:矩形圆形基础教学
    fillRect()和strokeRect()不依赖路径,但混用路径方法时需先beginPath();画圆必用arc()且角度单位为弧度;清除画布需适配像素比;样式设置必须在绘制前且无继承。
    文章 · 前端   |  2星期前  |   179浏览 收藏
  • JavaScript操作Cookie与本地存储全攻略
    JavaScript操作Cookie与本地存储全攻略
    document.cookie是最简但受限的Cookie操作方式,需手动编码/解析;localStorage更适合存非敏感结构化数据,二者分工明确:cookie用于HTTP传输与安全控制,localStorage用于前端状态管理。
    文章 · 前端   |  1星期前  |   179浏览 收藏
  • 猎豹浏览器禁用HTML5实验功能教程
    猎豹浏览器禁用HTML5实验功能教程
    猎豹浏览器无HTML5试验特性开关,其Chromium内核陈旧(49–62),HTML5支持残缺;需通过about:version查版本、脚本检测真实能力,并用服务端响应头与前端UA检测兜底兼容方案。
    文章 · 前端   |  6天前  |   179浏览 收藏
  • 断点调整技巧,响应式布局优化
    断点调整技巧,响应式布局优化
    CSS响应式布局中模块顺序调整和断点排列切换主要依靠Flexbox的order与flex-direction或Grid的grid-template-areas实现,不改变HTML结构;需兼顾视觉流与语义可访问性。
    文章 · 前端   |  1天前  |   179浏览 收藏
  • JavaScript迭代器是什么?如何遍历自定义结构
    JavaScript迭代器是什么?如何遍历自定义结构
    JavaScript迭代器是统一遍历机制,要求对象实现Symbol.iterator方法返回含next()的迭代器对象,next()返回{value,done};手写Range类和BinaryTree树结构示例展示其应用,生成器函数是最简洁实现方式。
    文章 · 前端   |  4星期前  |   178浏览 收藏
  • JS添加类名的几种方式
    JS添加类名的几种方式
    在JavaScript中,给元素添加类名最常用的方法是使用classListAPI。具体步骤包括:1.获取元素,如constelement=document.getElementById('myElement');。2.使用element.classList.add('new-class');添加类名。classListAPI提供了add、remove、toggle和contains方法,简化了类名操作,提高了代码的可读性和维护性。
    文章 · 前端   |  3星期前  |   178浏览 收藏
  • ServiceWorker是什么?JS实现离线应用教程
    ServiceWorker是什么?JS实现离线应用教程
    ServiceWorker需手动注册、管理缓存并仅在HTTPS/localhost生效;注册须早于页面加载、检查支持性,经历install→waiting→active状态;fetch事件中应区分document与资源请求,结合预缓存与运行时缓存策略;缓存命名须版本化,并在activate中清理旧缓存。
    文章 · 前端   |  3星期前  |   178浏览 收藏
  • 微前端方案:模块联邦与沙箱解析
    微前端方案:模块联邦与沙箱解析
    模块联邦实现跨应用模块共享,沙箱隔离保障运行时安全。1.模块联邦通过Webpack5的ModuleFederationPlugin允许应用间动态加载远程模块,支持独立开发部署、按需加载与依赖共享;2.沙箱隔离采用代理式(Proxy)、快照式或iframe方案,防止全局变量污染;3.两者结合构建安全高效微前端体系,如qiankun基于此实现自动加载与隔离,确保子应用独立运行且互不干扰。
    文章 · 前端   |  3星期前  |   微前端 模块联邦 178浏览 收藏
查看更多
课程推荐
  • 前端进阶之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推荐
  • ChatExcel酷表:告别Excel难题,北大团队AI助手助您轻松处理数据
    ChatExcel酷表
    ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    3955次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    4283次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    4171次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    5424次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    4539次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码