0

flex布局

flex简介 任何一个容器指定为flex布局 实现条件：至少有后代关系的 弹性布局 特点：2根主轴线 主轴，默认从左到右(水平) 交叉轴：默认从上到下(垂直) 父元素(开启弹性布局)，子元素就是在里面灵活的布局 父元素常用的属性 display display有很多的值，设置flex布局 none, ...

乔的港口 发布于 2026-05-27 14:22 评论(0) 阅读(2)
1

MonkeyCode新手入门：从注册到写出第一个完整项目

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

机房管理员 发布于 2026-05-27 12:31 评论(0) 阅读(6)
0

css盒子模型和定位

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

乔的港口 发布于 2026-05-27 11:04 评论(0) 阅读(2)
0

css属性

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

乔的港口 发布于 2026-05-26 21:07 评论(0) 阅读(6)
0

html笔记

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

乔的港口 发布于 2026-05-25 19:14 评论(0) 阅读(11)
0

Cloudflare Pages 不显示 .html 和 末尾斜杠问题

Docusaurus独立博客链接：https://ie12blog.36102025.xyz/articles/research-logs/cf-pages-feature/ 2026.5.18 遇到的问题 在使用 Cloudflare Pages 时可能会发现 其不会显示 html 文件的扩展名 ...

ie_12 发布于 2026-05-21 12:02 评论(0) 阅读(8)
0

无需安装！一款代码库架构可视化与分析工具！

codeflow —— 一款纯浏览器端运行的代码库架构可视化与分析工具，只需粘贴 GitHub 仓库链接，或是直接打开本地项目文件夹，就能自动解析项目文件结构、模块之间的依赖关联，并生成交互式架构图。 ...

Java陈序员 发布于 2026-05-21 09:34 评论(0) 阅读(35)
0

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

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

only赟 发布于 2026-05-20 22:26 评论(0) 阅读(115)
0

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

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

林恒 发布于 2026-04-29 10:44 评论(0) 阅读(88)
0

CSS 滚动驱动动画（scroll-timeline）：无 JS 实现滚动特效

‍ 写在开头 点赞 + 收藏 学会 一、传统方案的痛点 以前实现滚动动画需要 JavaScript 监听 scroll 事件： window.addEventListener('scroll', () => { const scrollTop = window.scrollY; ...

林恒 发布于 2026-04-28 14:02 评论(0) 阅读(40)
0

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

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

林恒 发布于 2026-04-24 10:56 评论(0) 阅读(35)
0

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

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

林恒 发布于 2026-04-20 10:12 评论(0) 阅读(40)
0

为什么禁止我请求别的网站的接口？——跨域与CORS

‍ 写在开头 点赞 + 收藏 学会 你有没有遇到过这种情况：在自己的网页上想请求别人的API，结果浏览器直接报错：Access-Control-Allow-Origin' header is missing。为什么浏览器要阻止你？服务器不响应不就完了吗？ 今天，用小区门禁的故事， ...

林恒 发布于 2026-04-09 12:19 评论(0) 阅读(79)
0

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

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

林恒 发布于 2026-04-03 13:27 评论(0) 阅读(120)
1

前端实现进度条

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

林恒 发布于 2026-04-02 11:52 评论(0) 阅读(47)
0

Feed RSS ATOM 以及 Feed JSON 的区别

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

ie_12 发布于 2026-03-22 23:07 评论(0) 阅读(46)
0

二、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 ...

SouthRosefinch 发布于 2026-03-08 20:34 评论(0) 阅读(102)
0

自建Umami访问统计服务并通过分享链接进行博客公开统计

前言 我想展示umami数据，但是自托管的貌似没有api，经过探索发现可以通过分享链接拿到数据 我的blogblog.dorimu.cn-umami-share-stats 抓包分析 发现分析界面 https://charity.dorimu.cn/share/xxx 获取数据分两步： GET /a ...

Dorimui 发布于 2026-02-16 13:14 评论(0) 阅读(78)
0

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

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

瞌睡不醒 发布于 2026-02-15 02:34 评论(0) 阅读(49)
0

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

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

林恒 发布于 2026-02-14 18:52 评论(0) 阅读(101)