• HTML成绩柱状图教程与结构示例
    HTML成绩柱状图教程与结构示例
    静态柱状图用<div>模拟柱子、CSS控制宽高,本质是语义缺失的视觉占位;需用百分比控高、flex布局、aria-label增强可访问性,IE11需避免calc()混用单位并预计算高度。
    文章 · 前端   |  2星期前  |   178浏览 收藏
  • HTML注释实用技巧全解析
    HTML注释实用技巧全解析
    <p>HTML注释中不可嵌入HTML标签,因浏览器仅识别<!--到-->间内容为注释,其中的<、>或--可能引发解析异常;JS应使用//而非HTML注释;IE条件注释已失效;构建工具对注释处理不一,需显式配置保留规则。</p>
    文章 · 前端   |  2星期前  |   128浏览 收藏
  • JS原型模式解析与实战应用
    JS原型模式解析与实战应用
    JavaScript原型模式通过prototype和__proto__实现对象间属性与方法的共享与继承。函数的prototype指向原型对象,实例的__proto__指向构造函数的prototype,形成原型链。访问属性时若实例中不存在,则沿原型链向上查找。将公共方法挂载到prototype上可避免重复定义,提升复用性与内存效率。如Person.prototype.sayHello定义一次即可被所有实例调用。原型链还支持继承,子类通过将prototype设为父类实例来继承属性方法,查找沿链向上直至Obje
    文章 · 前端   |  2星期前  |   原型模式 359浏览 收藏
  • visibility和display区别详解
    visibility和display区别详解
    visibility:hidden隐藏元素但保留空间,不影响布局,子元素无法显示;2.display:none完全移除元素且不占空间,触发重排,子元素同步隐藏;3.关键区别在于空间占用、布局影响、继承性和过渡支持,根据是否需保留位置选择使用方式。
    文章 · 前端   |  2星期前  |   122浏览 收藏
  • HTML表单元素有哪些及使用方法
    HTML表单元素有哪些及使用方法
    HTML表单元素是用于收集用户输入的组件,常见类型包括:1.<inputtype="text">用于单行文本输入;2.<inputtype="password">隐藏输入内容,用于密码;3.<inputtype="checkbox">实现多选功能;4.<inputtype="radio">用于单选,需通过name属性分组;5.<select>与<option&g
    文章 · 前端   |  2星期前  |   161浏览 收藏
  • 如何查看文件大小及属性【操作教程】
    如何查看文件大小及属性【操作教程】
    Python用os.path.getsize()获取文件字节数最直接,但对符号链接默认返回链接自身大小;需用os.path.realpath()解析真实路径,路径不存在或无权限时抛OSError。
    文章 · 前端   |  2星期前  |   427浏览 收藏
  • HTMLToast与轻提示是否冲突,轻提示下HTMLToast表现如何?
    HTMLToast与轻提示是否冲突,轻提示下HTMLToast表现如何?
    HTMLToast不会与原生轻提示自动冲突,但因DOM层级、z-index和触发时机差异,可能出现视觉重叠、焦点抢占或动画异常;需统一挂载至body、设高z-index、主动销毁并避免多实例共存。
    文章 · 前端   |  2星期前  |   211浏览 收藏
  • HTML5建模层级调整与遮挡处理技巧
    HTML5建模层级调整与遮挡处理技巧
    HTML5本身不提供建模能力与3D渲染管线;所谓“建模”依赖WebGL(如Three.js)、WebGPU或SVG等技术实现;Three.js中遮挡由depthTest和renderOrder共同控制:默认depthTest开启,按Z值自动遮挡;关闭depthTest后则按renderOrder顺序覆盖。
    文章 · 前端   |  2星期前  |   HTML5建模 182浏览 收藏
  • HTML有序列表ol与li标签详解
    HTML有序列表ol与li标签详解
    有序列表用<ol>和<li>标签实现,type属性设置编号类型(如A、a、I、i),start属性定义起始值,可嵌套多层用于步骤展示。
    文章 · 前端   |  2星期前  |   279浏览 收藏
  • CSScontain属性优化Vue渲染性能
    CSScontain属性优化Vue渲染性能
    contain属性可划定渲染隔离区,使浏览器跳过全局计算以减少重排重绘;Vue中适用于长列表项、折叠区域、徽标等易变但边界可控的组件,需避免与absolute定位冲突。
    文章 · 前端   |  2星期前  |   195浏览 收藏
  • CSS@import优化与媒体查询加载技巧
    CSS@import优化与媒体查询加载技巧
    @import必须置于CSS文件开头,可结合媒体查询按设备特性加载样式,如打印、小屏或深色模式,避免冗余下载。但其阻塞渲染、无法并行加载且不支持预加载,性能不如<link>标签。建议优先使用<link>控制关键样式加载,仅在非核心场景(如主题、打印)用@import配合媒体查询实现条件引入,并确保语法位置正确以避免失效。
    文章 · 前端   |  2星期前  |   450浏览 收藏
  • HTML大文件分片上传进度条实现技巧
    HTML大文件分片上传进度条实现技巧
    进度条需JavaScript计算并更新,因<progress>仅被动显示;须用XMLHttpRequest监听单个分片upload.onprogress,按权重加权计算全局进度;需维护分片状态表防重复/乱序,并以后端确认落盘为准。
    文章 · 前端   |  2星期前  |   226浏览 收藏
  • CSS盒模型自适应技巧解析
    CSS盒模型自适应技巧解析
    fit-content表现因浏览器而异:Chrome/Firefox支持,Safari旧版忽略;等价于min(max-content,max(min-content,available-width)),非单纯“文字多宽就多宽”;兼容方案优先用-webkit-fit-content或inline-block;注意盒模型、父容器约束及flex子项默认min-width影响。
    文章 · 前端   |  2星期前  |   184浏览 收藏
  • Chart.js 柱状图空白问题解决方法
    Chart.js 柱状图空白问题解决方法
    Chart.js柱状图显示为空白,通常是因为缺失必需的labels数组(长度需与data严格一致),而非数据量小导致;本文详解根本原因、修复方法、配置优化及常见陷阱。
    文章 · 前端   |  2星期前  |   238浏览 收藏
  • CSSfixed定位实现固定导航栏技巧
    CSSfixed定位实现固定导航栏技巧
    使用position:fixed可创建固定头部和侧边栏,提升导航便捷性。1.头部设top:0、width:100%并用margin-top避免内容遮挡;2.侧边栏设left:0、height:100vh,主内容通过margin-left腾出空间;3.同时固定两者时,侧边栏top等于头部高度,height用calc(100vh-60px)扣除头部占用区域;4.注意z-index层级管理及移动端兼容性问题。
    文章 · 前端   |  2星期前  |   108浏览 收藏
查看更多
课程推荐
  • 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    4429次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    4788次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    4663次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    6450次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    5037次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码