• CSS实现flex响应式菜单切换技巧
    CSS实现flex响应式菜单切换技巧
    flex菜单小屏不收缩的主因是未在媒体查询中重置flex-direction为column;需配合flex-wrap:wrap(仅row有效)、避免伪类触发、用JS重置checkbox状态、优先min-width断点、禁用height过渡而改用transformscaleY动画,并确保viewportwidth与断点匹配。
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • CSS隐藏特定区块方法详解
    CSS隐藏特定区块方法详解
    display:none彻底移除元素且不占空间,适用于真隐藏场景,但影响SEO、可访问性及JS尺寸计算;恢复显示需匹配原布局模式,推荐用class控制而非内联样式。
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • JavaScript中Date.prototype.getTime()方法用于返回一个日期对象的毫秒数,即自1970年1月1日00:00:00 UTC以来经过的毫秒数。这个方法常用于获取时间戳或进行时间计算。语法:date.getTime()参数:无参数。返回值:一个数字,表示从1970年1月1日00:00:00 UTC到当前日期对象所表示的时间之间的毫秒数。使用示例:示例 1:获取当前时间的时间
    JavaScript中Date.prototype.getTime()方法用于返回一个日期对象的毫秒数,即自1970年1月1日00:00:00 UTC以来经过的毫秒数。这个方法常用于获取时间戳或进行时间计算。语法:date.getTime()参数:无参数。返回值:一个数字,表示从1970年1月1日00:00:00 UTC到当前日期对象所表示的时间之间的毫秒数。使用示例:示例 1:获取当前时间的时间
    Date.prototype.getTime()方法返回Date对象距离UTC1970年1月1日00:00:00的毫秒数,用于将时间点转换为可计算的数字。1.它始终基于UTC,不受本地时区影响,适用于跨时区同步和时间计算;2.与Date.now()不同,getTime()可作用于任意Date实例,而Date.now()是获取当前时间戳的静态方法;3.valueOf()返回值等价于getTime(),但语义上更适合对象转原始值的场景;4.常见用途包括时间间隔计算、日期比较、前后端时间数据交换及生成临时唯一I
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • Set高效处理数组并集交集差集方法
    Set高效处理数组并集交集差集方法
    Set实现数组并集、交集、差集:并集用[...newSet([...arr1,...arr2])],交集用arr1.filter(x=>setB.has(x)),差集用arr1.filter(x=>!setB.has(x))并视需去重;引用类型需序列化或提取ID处理。
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • Cypress API 登录后不跳转解决方法
    Cypress API 登录后不跳转解决方法
    本文详解Cypress中通过cy.request()调用登录接口后无法自动跳转至首页的问题根源与修复方法,重点指出命令队列执行顺序误区,并提供稳定、可复用的Token注入式登录实践方案。
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • JavaScript管道是什么?如何用管道操作符处理数据
    JavaScript管道是什么?如何用管道操作符处理数据
    JavaScript无原生管道操作符(|>),但可通过函数组合实现管道式数据处理:pipe(str,f1,f2,f3)顺序执行函数,提升可读性与可维护性;ECMAScript提案已暂停,推荐Ramda、lodash/fp或手写pipe。
    文章 · 前端   |  1个月前  |   443浏览 收藏
  • HTML图片懒加载:loading=lazy属性使用教程
    HTML图片懒加载:loading=lazy属性使用教程
    loading="lazy"仅适用于img和iframe且需src属性,Chrome76+、Firefox75+、Edge79+及Safari15.4+(仅img)支持;首屏图、背景图、picture内source等不适用,须配合width/height防CLS,SSR中需注意JS加载时机。
    文章 · 前端   |  4星期前  |   443浏览 收藏
  • VuetifyChip关闭事件处理指南
    VuetifyChip关闭事件处理指南
    本文详解在VuetifyVAutocomplete+closable-chips场景下,如何统一捕获Chip被关闭的事件——不仅支持鼠标点击×,还兼容键盘(Backspace/Arrow+Backspace)等原生关闭行为,解决@click:close失效、vnode-before-unmount作用域丢失等常见陷阱。
    文章 · 前端   |  3星期前  |   443浏览 收藏
  • HTML模板标签实现列表渲染方法
    HTML模板标签实现列表渲染方法
    template标签不渲染、不执行、不绑定,仅作离线仓库;必须用template.content.cloneNode(true)获取可操作内容,填值优先用textContent/value,批量插入需用DocumentFragment优化性能。
    文章 · 前端   |  3星期前  |   443浏览 收藏
  • 微任务队列无限制,受内存影响大
    微任务队列无限制,受内存影响大
    JavaScript中的微任务队列没有明确的长度限制,它是一个动态增长的FIFO队列,与当前宏任务的生命周期绑定;1.微任务队列在规范层面无固定上限,理论上可无限增长;2.微任务优先级高于宏任务,在当前宏任务执行后立即清空微任务队列;3.若微任务无限生成,会持续占用主线程,导致页面冻结、宏任务无法执行;4.常见微任务包括Promise回调、MutationObserver、queueMicrotask();5.避免微任务过度膨胀的方法包括避免递归创建微任务、分解大型任务、使用setTimeout调度、利用
    文章 · 前端   |  1星期前  |   443浏览 收藏
  • RAF与CSS动画性能对比解析
    RAF与CSS动画性能对比解析
    requestAnimationFrame与CSS变换各有优势:rAF提供精准控制,适合复杂交互和动态计算;CSS变换依赖硬件加速,适用于声明式、高性能的简单动效。实际开发中应根据动画复杂度、交互需求及性能要求选择,常结合使用以兼顾灵活性与流畅性。
    文章 · 前端   |  1星期前  |   443浏览 收藏
  • HTML中如何使用dns-prefetch预解析域名
    HTML中如何使用dns-prefetch预解析域名
    dns-prefetch是浏览器原生支持的轻量级优化,仅提前解析指定域名DNS,需用双斜杠协议写法、置于head靠前位置,优先关键第三方域名,不保证执行。
    文章 · 前端   |  1星期前  |   443浏览 收藏
  • CSS列表样式控制技巧:list-style属性详解
    CSS列表样式控制技巧:list-style属性详解
    list-style用于设置列表标记样式,可简写定义type、image和position;如list-style:squareinsideurl('dot.png'),常用于美化ul/ol列表并清除默认样式。
    文章 · 前端   |  4天前  |   443浏览 收藏
  • CSS逻辑属性简化RTL布局边距写法
    CSS逻辑属性简化RTL布局边距写法
    应优先使用margin-inline而非margin-left/margin-right,当边距沿文本流方向(如按钮组、表单控件水平间距)且需自动适配LTR/RTL时;margin-block则用于块轴,其起始端由writing-mode决定而非direction,降级需用@supports+dirfallback。
    文章 · 前端   |  4天前  |   443浏览 收藏
  • V8内联优化提升小函数效率
    V8内联优化提升小函数效率
    V8仅内联无副作用、控制流可预测且AST平坦的小型纯函数;add因无闭包、无动态绑定等被内联,而computeWithSideEffect含try/catch致控制流不可推导,故不内联。
    文章 · 前端   |  3天前  |   443浏览 收藏
查看更多
课程推荐
  • 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    4517次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    4870次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    4743次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    6603次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    5104次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码