INDEX · Front-End

前端

文章索引

HTML

序号文章内容
01HTML 基础 - 标签语法标签、属性与嵌套 / 完整文档结构 / 常用标签速查

CSS

序号文章内容
01CSS 基础 - 样式与布局选择器与优先级 / 盒模型 / Flex 主力布局 / 响应式入门

JavaScript

序号文章内容
01JavaScript 基础 - 语法与 DOM动态类型与数组 Stream 感 / DOM 与事件 / 异步与 fetch

Vue

序号文章内容
01Node、NVM 与 npm 前置知识npm 对标 Maven / package.json 三件套 / npm run 找 vite 的原理
02Vue3 快速上手笔记项目跑起来 / 响应式、组件通信、Router、Pinia 各来一口
03Vue 3 两种写法对比同一张用户卡片 / 选项式与组合式逐段对照
04Vue 3 核心与响应式ref 为什么要 .value / reactive 解构陷阱 / watch / Proxy 原理
05Vue 组件设计与数据流Props Emits 契约 / 插槽与 provide inject / 通信方式怎么选
06Vue Router 与权限路由路由表与守卫拦截 / Token 失效统一处理 / History 部署坑
07Pinia 与 Vuex 状态管理先判断要不要 Store / Setup Store 主力写法 / Vuex 迁移
08Vue 工程化、请求层与常用控件Vite 环境与别名 / TS 数据契约 / 请求层封装与常用控件
09Vue 问题清单与项目表达核心机制到性能的自查问题清单 / 项目表达模板
10前端常用工具库Lodash-es、Day.js 一类工具库的用途速查
11Vue技术基线 / 阅读顺序

浏览器调试与性能

序号文章内容
01前端调试Console、Elements、Network、Sources 四板斧 / 排查顺序
02前端性能优化指标先行 / 加载、渲染、打包、网络四类优化 / 监控

前端工程化

序号文章内容
01前端开发工具链npm 对标 Maven / Vite、TS、ESLint 各管什么 / 天气查询实战
02前端完整示例HTML CSS JS 三步搭页面 / 数据驱动思想 / 动手扩展
03前端文件架构项目目录与启动链路 / 配置文件各管什么 / src 演化

HTML、CSS 与 JavaScript 总览

序号文章内容
01前端核心HTML、CSS、JS 与浏览器网络的自测题集 / 动手编码题
02前端总览时间线主轴与分区 / 技能树总图
03前端学习路线:基础、工程专题到 Vue 主线