---
title: "00-前端与可视化"
created: 2025-11-25
tags:
  - 项目筑基
---

# 00-前端与可视化

> 🖥️ 前端入门与页面可视化：学习路线打底，三件套（HTML/CSS）从 docx 提取拆成四篇 + 入门小项目收官，vue 进门，svg 管图形可视化。组内按学习顺序编号 01–08。

| 笔记 | 说明 |
| --- | --- |
| [[01-前端学习路线\|01-前端学习路线]] | 前端知识地图：HTML → CSS → JS → 框架 → 工程化（鱼皮路线转载 + 学习要点） |
| [[02-HTML\|02-HTML]] | web 标准、骨架、常用标签、表格合并、表单全家桶 + 注册页面等四个实例 |
| [[03-CSS 基础\|03-CSS 基础]] | 引入方式、基础选择器、文字与段落样式、颜色表示法、居中第一次分家 |
| [[04-CSS 布局\|04-CSS 布局]] | 复合选择器、背景、显示模式、三大特性、盒子模型、浮动与清除浮动五法 |
| [[05-定位与装饰\|05-定位与装饰]] | 子绝父相、z-index、圆角阴影过渡、SEO 三大标签与 ico 图标 |
| [[06-入门小项目\|06-入门小项目]] | 建目录、三个 css 分工、base.css 清默认样式，网页就是文件夹 |
| [[07-vue 入门\|07-vue 入门]] | 组件思想、声明式、虚拟 dom + diff，插值语法与指令语法（vue2 尚硅谷开头两节） |
| [[08-关于svg\|08-关于svg]] | svg 语法与使用：占位符、矢量图、引用库 |

> 原始 docx 附件保留在各子目录 assets 里：[[web前端.docx\|web前端.docx]]（三件套全文）、[[vue.docx\|vue.docx]]。

---
⬅️ [[00-编程语言|00-编程语言]] 🏠 [[00-项目筑基|00-项目筑基]] ➡️ [[01-前端学习路线|01-前端学习路线]]