• JavaScript获取月份方法详解
    JavaScript获取月份方法详解
    JavaScript的Date.prototype.getMonth方法返回的是0到11的月份值,需加1才能得到实际月份。1.getMonth()返回0-indexed值,1月为0,12月为11;2.获取当前或指定日期的月份时需注意时区问题;3.使用数组映射或Intl.DateTimeFormat将数值转为可读月份名;4.getMonth()基于本地时区,getUTCMonth()基于UTC时间,根据业务需求选择使用。
    文章 · 前端   |  3星期前  |   420浏览 收藏
  • HTML必填验证技巧:required用法详解
    HTML必填验证技巧:required用法详解
    :required伪类仅匹配原生支持required属性的表单元素(input/select/textarea)且HTML中真实存在required属性;JS设置property、框架未透传、ShadowDOM隔离、Safari旧版bug或选择器错误均会导致失效。
    文章 · 前端   |  3星期前  |   420浏览 收藏
  • TXT转HTML格式转换技巧
    TXT转HTML格式转换技巧
    txt转html本质是套HTML结构,需先用html.escape()转义特殊字符,再将换行符替换为,头部写死DOCTYPE和body开始标签,尾部闭合,避免XSS风险与编码错误。
    文章 · 前端   |  3星期前  |   420浏览 收藏
  • 带背景图片的登录框制作教程
    带背景图片的登录框制作教程
    直接给.login-box容器设background-image最稳妥,需同时设置background-size:cover、background-position:center、background-repeat:no-repeat,并加background-color降级;配遮罩层::before提升文字可读性,用min-height:100vh保障响应式高度,高DPR屏需提供@2x图。
    文章 · 前端   |  3星期前  |   420浏览 收藏
  • 基于 Promise.withResolvers 实现可干预的异步状态机
    基于 Promise.withResolvers 实现可干预的异步状态机
    Promise.withResolvers用于提前创建可外部决议的Promise,天然适配状态机设计:预定义状态+可控跃迁,各状态独立持有resolvers,通过resolve/reject主动推进流程,支持取消、超时与多分支跳转。
    文章 · 前端   |  3星期前  |   420浏览 收藏
  • HTML优化资源加载优先级,提升页面性能技巧
    HTML优化资源加载优先级,提升页面性能技巧
    preload失效主因是未严格匹配as属性、缺失crossorigin、或未将资源接入渲染流程,如字体需as="font"+crossorigin,CSS需onload切换rel,否则仅下载不生效。
    文章 · 前端   |  2星期前  |   420浏览 收藏
  • 动态插入元素后 nth-child 失效原因及解决方法
    动态插入元素后 nth-child 失效原因及解决方法
    nth-child基于DOM静态位置索引,不响应动态插入、显隐或重排;JS插入新元素会改变原有元素序号,导致样式错位,需手动重置类名或用MutationObserver监听更新。
    文章 · 前端   |  1星期前  |   420浏览 收藏
  • 立即执行函数IIFE隔离代码副作用方法
    立即执行函数IIFE隔离代码副作用方法
    IIFE是旧项目中零配置的作用域隔离手段,通过函数作用域切断变量声明、事件绑定、定时器等副作用外溢,确保不污染全局命名空间,所有声明默认私有,全局对象需显式传入。
    文章 · 前端   |  1星期前  |   420浏览 收藏
  • HTML后台下载大文件,快速上手指南
    HTML后台下载大文件,快速上手指南
    BackgroundFetch不能直接下载HTML并渲染,仅Chrome84+/Edge90+支持,需HTTPS、用户手势等条件;它只后台下载资源,不处理DOM或缓存,真正可行方案是配合fetch+CacheAPI预存HTML。
    文章 · 前端   |  1星期前  |   420浏览 收藏
  • 为什么CSS浮动布局在旧版Firefox下显示异常_检查私有属性兼容
    为什么CSS浮动布局在旧版Firefox下显示异常_检查私有属性兼容
    旧版Firefox(<60)浮动布局异常主因是严格遵循CSS2.1浮动边界与行框重排规范,而非私有属性缺失;需显式设display:block、box-sizing:border-box,注意vertical-align、sub-pixel误差及clear被stackingcontext或margin合并干扰。
    文章 · 前端   |  1星期前  |   420浏览 收藏
  • CSS按钮组间距控制技巧:Flex gap布局优化
    CSS按钮组间距控制技巧:Flex gap布局优化
    使用Flexbox的gap属性替代margin可有效控制按钮组间距,避免首尾多余空白。通过设置display:flex和gap值,如8px,实现按钮间均匀间隔。结合justify-content属性(如flex-start、center、flex-end、space-between)可灵活对齐按钮组,同时保持间距一致。响应式设计中,可用媒体查询调整gap值,适配不同屏幕尺寸。该方法比传统margin更简洁易维护,推荐优先使用。
    文章 · 前端   |  1星期前  |   420浏览 收藏
  • 闭包实现记忆化函数优化方法
    闭包实现记忆化函数优化方法
    闭包是实现记忆化函数最自然、最轻量的方式,它通过外层函数创建私有缓存并返回可访问该缓存的新函数,使缓存持久、私有且隔离。
    文章 · 前端   |  5天前  |   420浏览 收藏
  • HTML表单创建与字段设置全解析
    HTML表单创建与字段设置全解析
    HTML表单通过form和input标签实现用户交互,使用action和method属性指定提交地址与方式,结合type类型与label标签可创建登录、注册等功能,合理设置required、name等属性提升可用性与数据准确性。
    文章 · 前端   |  2天前  |   420浏览 收藏
  • nth-child(2n)无效怎么解决
    nth-child(2n)无效怎么解决
    :nth-child(2n)按父元素所有子元素物理顺序计数,非仅同类型标签;:nth-of-type(2n)才按同标签类型计数,适用表格行、列表项等场景。
    文章 · 前端   |  2个月前  |   419浏览 收藏
  • HTML5表单验证属性详解
    HTML5表单验证属性详解
    HTML5表单验证通过内置属性实现基础校验,减少JavaScript使用。1.使用required、type="email"、type="url"、min/max、pattern、maxlength/minlength等属性可定义输入规则;2.浏览器在提交时自动检查并提示错误;3.可通过checkValidity()和reportValidity()用JavaScript手动触发验证;4.利用setCustomValidity()可自定义错误提示;5.需注意前端验证不可替代后端校验,部分旧浏览器兼容性差,
    文章 · 前端   |  2个月前  |   419浏览 收藏
查看更多
课程推荐
  • 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    5910次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    6340次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    6150次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    8123次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    6663次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码