说明

关于前端 web 开发的一些学习记录，整理部分一般都会有参考地址，希望对以后的发展有所裨益。此外还有一些小工具脚本等，作为记录，以便后续使用。

当然，这都是笔者自己的学习路线中的总结，不具有通用性，请注意甄别。

文件夹结构:

• 如果有需要自己制作作成 pdf，可以把对应的 md 文件的内容抽出来，使用 pandoc 配合 Latex 格式(需要安装相应工具)使用。

以下都有整理到《web 前端基础知识汇整(精简版)》部分。最近也在 掘金上整理 web 相关的系列文章，有兴趣可以去看看。

分类如下(加粗的应对面试可能有裨益，写得比较用心) ：

前端基础知识汇整的 pdf

你也可以直接找到对应的 md 文件使用例如 Latex 工具转换成 pdf 文件，所有内容自行确认。

• web 前端基础知识汇整-500+页
• web 前端基础知识汇整(精简版)-100 页左右
  • 我是希望自己能够彻底弄懂这一百多页的各类总结。
• web 前端基础知识汇整(关键字-几页)

简单的思维导图

• 个人用到的基本 web 相关知识关键字
• 某系统架构使用的组件说明

HTML、CSS、JavaScript

HTML

• web 开发 7 年，不止为了面试 —— 万字 HTML 重点基础知识分享

CSS

• 01-CSS 布局与响应式布局简述
• 02-CSS 的动画、变换、过渡简介(animation-transform-transition)
• 03-CSS 选择器与 XPath 路径表达式
• Web 开发 7 年，一文总结 CSS 常见面试点和基础教程
  • 掘金版本

JS

基础知识

• 01-基本概念：什么是 JavaScript
• 02-语言基础
• 03-变量、作用域与内存
• 04-基本引用类型
• 05-集合引用类型
• 06-迭代器与生成器
• 07-对象、类与面向对象编程(上)
• 08-对象、类与面向对象编程(下)
• 09-代理与反射
• 10-函数
• 11-Promises 和异步函数
• 12-MDN 的 Canvas 基础
• 13-MDN 的 WebGL 基础教程概述
• Web 开发 7 年，3 万字分享 JavaScript 常用重要知识点

常见问题

• js-FAQs(纯题目收集)
• js 常用技巧
• ES6 以来的新特性关键字(更新到 ES2023)

RxJS

• 01-rxjs7-basic

Vue

• 01-vue 常见问题(纯问题转存)
• 02-vue-FAQs
• 03-vuejs 设计与实现总结
• 04-vue 响应式原理
• 05-vue3 新特性关键字

Node.js

• 01-nodejs_interview_questions
• 02-nodejs-FAQs

前端工程化

• 01-前端工程化概述
• 02-渲染页面:浏览器的工作原理
• 03-web 性能指标及优化
• web 开发 7 年，浅谈前端架构设计与工程化
• web 开发 7 年，Chrome 开发工具 Performance 使用实战
• 「前端性能优化」之 nginx 启用 br 压缩和 h2 的配置
• Web 开发 7 年，长文浅谈一下浏览器的工作原理

TypeScript

• 01-typescript 官方手册概述

Dart

• 01-dart 官方教程概述
• 02-flutter 架构简介
• 03-ubuntu 下配置 flutter 环境的简述
• 04-flutter 开发时一些环境建置的问题(持续更新)

数据结构与算法(入门内容)

《学习 JavaScript 数据结构与算法(第 3 版)》笔记

• 01-栈
• 02-队列
• 03-链表
• 04-集合
• 05-字典与哈希表
• 06-树
• 07-堆
• 08-图
• 09-基础的排序与搜索算法
• 10-算法设计与技巧

算法题与技巧("他山之玉")

• 01-极简的基础数据结构与算法介绍
• 02-常见基础算法技巧题解(leetcode 题解)
  • 推荐看他人更具体有效的内容，比如youngyangyang04/leetcode-master，这里只是列举个人在意的基础的算法题，没有普遍性。

架构设计

• 01-设计模式概述

杂项

• 01-前端基础杂项简述(css、网络相关、浏览器相关、性能问题、前端编译、数据库相关)
• 02-mysql 常见问题
• 03-后端常用工具简介
• 04-sass 简介
• 05-http 基础 - 已合到 10
• 06-http 缓存
• 07-跨源资源共享 cors
• 08-web 安全
• 09-http 方法和常见响应码介绍 - 已合到 10
• 10-Web 前端八股整理：比较全面的初级 HTTP、HTTPS 和 TLS 知识点分享

脚本命令等

• 配合 cron 的 mysql 备份脚本
• linux 常用的命令
• k8s 常用的命令
• gitlab-ce 的一些命令
• pandoc 转 pdf 文件使用的 LaTeX 配置
  • 代码都有注释，已经覆盖了常见的配置需求

其他

• 工作经验(updating)
  • 笔者的近期经验，不具备参看性，看个乐。
• 干了 7 年 web 开发工作，混吃等死的日子可能到头了
• 说干就干不如不干？3 个月开发 flutter 项目的实践经验分享

《web 前端基础知识汇整》pdf 文件截图: