前端开发 Html/Css
刷新
MonkeyCode新手入门：从注册到写出第一个完整项目

博主头像 MonkeyCode新手入门：从注册到写出第一个完整项目 很多人问我："MonkeyCode怎么上手？有没有入门教程？" 网上教程不少，但大多是功能介绍，看完还是不知道怎么动手。 这篇文章，我带你从零开始，用MonkeyCode完成一个能跑的完整项目——一个待办事项管理应用（Todo App）。 第 ...

css盒子模型和定位

博主头像 元素的溢出 就是子元素的尺寸大于父元素的尺寸 蓝色盖在这个红色上，子元素的超出了这个宽度 这个就是元素的溢出 如何解决了元素溢出呢？给父元素设置一个overflow，hidden 值，隐藏溢出的内容， .box1 { width: 100px; height: 200px; background-c ...

css属性

博主头像 字体属性 字体大小(font-size) p { font-zie: 14px } 可以设置字体的大小 px：像素，稳定和准确 %：把font-size设置为基于父元素的一个百分比值 字体粗细(font-weight) 设置字体的粗细不需要添加单位 # normal,bold,bolde三个常用选项 ...

html笔记

博主头像 html简介 html是一个网页的主体部分，也是一个网页的基础，因为一个网页可以没有样式，可以没有交互，但是必须要用网页需要呈现的内容，所以html部分是整个前端的基础 html是超文本标记语言，一种用于创建网页的标记语言 html标签 html是一个标记语言，通过各种各样的标签来标记网页内容的 什 ...

Markdown锚点跳转失败的解决办法

博主头像 Markdown 标题含特殊字符时，自动生成的锚点 ID 可能与目录链接不一致，用 <a> 标签手动定义锚点即可解决。 目录 前情提要 分析问题 解决方法 效果 前情提要 在浏览我前几天的一篇博文《Claude Code 终端高效使用指南》时，发现从目录链接无法跳转到标题 "五、快速前缀：/ ! @ ...

宇宙画布：纯 CSS+JS 实现交互式深空艺术

博主头像 ‍ 写在开头 点赞 + 收藏 学会 大家好，我是前端开发者。在前端技术不断发展的今天，CSS 早已不只是用来布局和美化页面的工具，它还能成为我们创作视觉艺术的画笔。今天给大家带来一个纯 CSS + 原生 JS 实现的交互式深空场景，无需任何图形库，就能在浏览器里呈现出繁星闪烁、星 ...

CSS终于支持渐变色的过渡了

博主头像 ‍ 写在开头 点赞 + 收藏 学会 背景 在做项目时，总会遇到UI给出渐变色的卡片或者按钮，但在做高亮的时候，由于没有过渡，显得尤为生硬。 过去的解决方案 在过去，我们如果要实现渐变色的过渡，通常会使用如下几种方法： 添加遮罩层，通过改变遮罩层的透明度做出淡入淡出的效果，实现过渡 ...

用 Intersection Observer 打造丝滑的级联滚动动画

博主头像 ‍ 写在开头 点赞 + 收藏 学会 无需任何动画库，仅用原生 Web API 实现滚动时丝滑的淡入滑入效果，兼顾性能与体验。 你是否见过这样的交互动效： 用户滚动页面时，一组卡片像被“唤醒”一样，依次从下方滑入并淡入； 如果这些元素在页面加载时已在视口内，它们也会自动按顺序浮现。 ...

前端大屏适配方案：rem、vw/vh、scale 到底选哪个？

博主头像 ‍ 写在开头 点赞 + 收藏 学会 上周帮朋友救火一个数据大屏项目，甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案，结果两边各留了一大片黑边，甲方当场黑脸。 这事儿让我决定把大屏适配这个"老生常 ...

前端实现进度条

博主头像 ‍ 写在开头 点赞 + 收藏 学会 后端处理数据处理逻辑特别多的时候，并不会很及时返回数据，一般情况后端给前端返回进度，这个目前是前端自己返回进度到90，等到接口返回完成再到100% 1、设置全局样式 <div class="loading-overlay" v-show="Pa ...

Feed RSS ATOM 以及 Feed JSON 的区别

博主头像 Docusaurus独立博客链接：https://ie12blog.36102025.xyz/articles/research-logs/feed-rss-atom-json/ 2026.3.21 Feed Feed 是一个比较宽泛的概念 可以将其理解为 订阅源 即一种用于定期更新内容的数据格式 ...

二、HTML文档结构详解

博主头像 目录2.1 html基础入门2.1.1 标签、元素与属性2.1.2 基础语法2.1.3 文档模式2.2 文档核心骨架2.2.1 DOCTYPE声明与作用2.2.2 <html>根元素与lang属性2.2.3 <head>头部2.2.4 <body>主体2.2.5 注释与代码可读性2.2 头部head ...

从快照到时间序列：一次实时行情系统的结构演进与架构取舍

博主头像 从快照到时间序列：一次实时行情系统的结构演进与架构取舍 在多数前端行情系统中，Ticker 快照接口足以支撑列表展示：最新价、涨跌幅、成交量定时刷新即可。 但当系统开始引入 K 线图表后，前端架构会发生一次实质性的结构变化。 这篇文章不讨论某个具体 API 如何调用，而是围绕一次真实的结构升级过程， ...

为什么 SVG 能在现代前端中胜出？

博主头像 ‍ 写在开头 点赞 + 收藏 学会 如果你关注前端图标的发展，会发现一个现象： 过去前端图标主要有三种方案： PNG 小图（配合雪碧图） Iconfont SVG 到了今天，大部分中大型项目都把图标系统全面迁移到 SVG。 无论 React/Vue 项目、新框架（Next/Rem ...

一个月，Vue四件套，专为移动端深度优化的第三方网易云 WebApp

博主头像 这年代真的很魔幻：物价在涨、黄金在涨，人都在悄悄发福，更别说内存条蒸蒸日上。结果回头一看，音乐软件也跟着 “发福” 到离谱。 就拿网易云来说，十年间安装包膨胀十几倍，从一个纯粹的播放器，硬生生塞成了集直播、K 歌、社区、短视频、商城于一体的 “全能平台”。权限越要越多，体积越更越大，对于性能不怎么好 ...