• CSS列表符号不好看?用list-style自定义美化
    CSS列表符号不好看?用list-style自定义美化
    可用Unicode字符、background-image或伪元素美化列表符号:Unicode简洁但需注意字体兼容;background-image完全可控且兼容好;::marker语义清晰但支持度有限;counter可自定义有序列表编号格式。
    文章 · 前端   |  1星期前  |   394浏览 收藏
  • Mac终端用touch创建10个HTML练习文件
    Mac终端用touch创建10个HTML练习文件
    使用for循环、seq命令或结合echo可批量创建HTML文件。例如执行foriin{1..10};dotouchpractice$i.html;done,生成practice1.html到practice10.html;或用seq-f"exercise%g.html"110|xargstouch创建exercise1.html至exercise10.html;还可通过echo写入初始内容,如标准HTML结构,便于直接练习。
    文章 · 前端   |  1星期前  |   html搭建 195浏览 收藏
  • 箭头函数与传统函数区别详解
    箭头函数与传统函数区别详解
    箭头函数无this绑定、不可new调用、无arguments/super/new.target;适合回调保持外层this,禁用于需动态this、构造、继承或访问arguments的场景。
    文章 · 前端   |  1星期前  |   334浏览 收藏
  • HTML类选择器怎么用?详细教程
    HTML类选择器怎么用?详细教程
    class是HTML中用于复用和管理样式与行为的关键属性,通过为元素添加class名,可实现CSS精准选中(如.classname)和JavaScript操作(如querySelectorAll、classList),支持多类名组合(空格分隔),相比唯一性的id更适用于批量处理。其核心优势在于模块化:基础样式与状态分离(如btnbtn-primarydisabled),结合语义化命名(推荐连字符或BEM规范),避免样式冲突,提升代码可维护性,广泛应用于响应式布局、组件化开发及交互状态控制,是构建清晰、高效
    文章 · 前端   |  1星期前  |   HTML常用文本标签 297浏览 收藏
  • 按钮点击展开收起实现方法详解
    按钮点击展开收起实现方法详解
    通过为容器添加/移除active类并配合CSS过渡,可实现单击按钮切换内容显示状态,无需悬停或长按,真正达成“按一次展开、再按一次收起”的交互效果。
    文章 · 前端   |  1星期前  |   207浏览 收藏
  • HTML5中使用a标签或JS实现跳转的方法如下:1.使用<a>标签(推荐)<a>标签是最常见的跳转方式,通过href属性指定目标链接。示例:<ahref=
    HTML5中使用a标签或JS实现跳转的方法如下:1.使用<a>标签(推荐)<a>标签是最常见的跳转方式,通过href属性指定目标链接。示例:<ahref="https://www.example.com">点击跳转</a>功能:点击后会跳转到指定的URL。优点:简单、语义明确、兼容性好。适用场景:需要直接跳转到其他页面时。2.使用JavaScript
    HTML5页面跳转有五种方式:一是a标签href属性,支持新窗口、锚点、相对路径及下载;二是JavaScript的location.href赋值,适合动态跳转;三是location.assign()方法,语义清晰且兼容性好;四是location.reload()刷新当前页;五是history.pushState()实现无刷新URL变更与SPA路由。
    文章 · 前端   |  1星期前  |   418浏览 收藏
  • JS数字转字符串的3种方法
    JS数字转字符串的3种方法
    最常用的方法是toString(),因为它语义清晰且适用于明确的数字类型;2.String()能安全处理null和undefined,适合不确定类型时使用;3.空字符串拼接(+'')简洁但隐式,可读性较差;4.模板字面量(${})在构建复杂字符串时最优雅且自然完成转换;5.toString()支持进制转换,是唯一能转为二进制、十六进制等字符串的方法;6.所有方法对NaN、Infinity、-Infinity的转换结果一致,分别为"NaN"、"Infinity"、"-Infinity";7.选择应基于可读性
    文章 · 前端   |  1星期前  |   423浏览 收藏
  • 小屏多列错位解决方法与布局调整技巧
    小屏多列错位解决方法与布局调整技巧
    小屏下column-count错位需用媒体查询重置为单列:@media(max-width:768px){.article-content{column-count:1;column-gap:0;}},并为图片、引用块等添加break-inside:avoid防断裂。
    文章 · 前端   |  1星期前  |   252浏览 收藏
  • CSSFlex元素被压缩怎么解决
    CSSFlex元素被压缩怎么解决
    根本原因是子项默认flex-shrink:1,解决方法是设flex-shrink:0或flex:00200px;flex-basis优先于width,需同时禁用收缩并设定基准尺寸,必要时检查父容器min-width和overflow约束。
    文章 · 前端   |  1星期前  |   108浏览 收藏
  • JavaScriptMap详解:与对象的区别全解析
    JavaScriptMap详解:与对象的区别全解析
    JavaScriptMap是一种键值对集合,支持任意类型键、保持插入顺序、提供size属性、遍历有序且高效,适合动态场景;而普通对象键受限、统计繁琐、遍历顺序不一致,更适合固定结构数据。
    文章 · 前端   |  1星期前  |   337浏览 收藏
  • HTML5开发入门教程,新手必学指南
    HTML5开发入门教程,新手必学指南
    HTML5应用开发入门需按五步进行:一、搭建标准文档结构,含DOCTYPE声明、html根元素及meta标签;二、使用header、nav、main等语义化标签组织内容;三、嵌入video、audio、canvas并绑定交互事件;四、通过ServiceWorker实现离线缓存;五、用特性检测替代UA判断确保兼容性。
    文章 · 前端   |  1星期前  |   211浏览 收藏
  • CSS中auto实现元素自适应宽高详解
    CSS中auto实现元素自适应宽高详解
    width:auto在块级元素中撑满父容器宽度,height:auto仅由内容撑开且不响应父高;二者行为本质不同,auto的自适应依赖可确定的可用空间基准。
    文章 · 前端   |  1星期前  |   111浏览 收藏
  • HTML文件本地与在线运行方法详解
    HTML文件本地与在线运行方法详解
    双击打开HTML文件可快速预览纯静态页面,但受限于file://协议,无法使用fetch、模块导入、localStorage等;推荐用Python/Node.js或LiveServer起本地HTTP服务,或通过GitHubPages、raw.githack在线部署。
    文章 · 前端   |  1星期前  |   342浏览 收藏
  • 记事本写HTML怎么运行?新手教程
    记事本写HTML怎么运行?新手教程
    使用记事本编写HTML代码并保存为.html文件,需选择“所有文件”类型和UTF-8编码;2.双击文件可直接在浏览器中查看效果;3.若无法打开,检查是否误存为.txt格式;4.修改后用记事本重新编辑并刷新浏览器即可。
    文章 · 前端   |  1星期前  |   html 运行 234浏览 收藏
  • Bootstrap与Tailwind怎么选?新项目框架对比
    Bootstrap与Tailwind怎么选?新项目框架对比
    新项目选CSS框架应聚焦“更省力、更可控、更可持续”:Bootstrap适合快速上线、前端不专精CSS的场景,提供预制组件;Tailwind适合需高度定制、有设计系统意识的项目,以原子类实现灵活主题控制。
    文章 · 前端   |  1星期前  |   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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    3677次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    3942次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    3883次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    5058次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    4255次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码