总览
古人云，学什么东西不仅要知其然，而且要知其所以然，这还不够，因为前端体系庞大繁杂，新技术层出不穷，很多前端程序猿感觉真的快学不动了，但是不学不行，出去面试基本都要考这些，而当你去涉猎这些不断推陈出新的技术时，总感觉自己快跟不上了。其实鄙人(😄😄😄)也是如此，平常工作已经把自己练成了CV工程师(ps：cv代表复制粘贴)，代码能用接着用（即使是bug让它能运行），绝不改变其原来的逻辑，说到这里，该祭出下面的图了。
靠bug运行背景
针对市面上、Github上繁杂零乱的前端学习资源、前端项目等，不知道看哪个，又不知道其靠谱不靠谱，而且不知道从哪入手。那些学习资料虽然分类做的也很不错，分为JS、CSS、算法、网络等，但是每个部分都是独立存在的，针对大学生、小白或者刚入职场的人是很不错的，可以体系化的分门别类学习。而针对我们满30岁、即将面临35岁职业危机的老鸟（可能有的已经超过40岁了）而言，我相信大部分人已经没有那个耐心学了，毕竟大部分人已经结婚，有的在带小孩，总会被其他的一些人或事分散精力。当然，如果你是学霸，精力旺盛，你可以按部就班、分门别类学习，这也是大部分高校的教育模式，我不反对。
所以，鄙人所写的文档基本都是针对>=30岁的人群，当然，也欢迎年轻小伙共读。当你按照我的文档，一直读下去的话，你会发现，原来还能这么学习，太有趣了（哈哈，这是我的目标，希望读我文章的朋友们都能有这个感慨）。
为什么要写这种类型的文档？我想首先是因为目前市面上没看到这种文档，自己想尝试的输出这种类型的文档，以飨读者，当然您如果看到类似的，可以分享给我。其次，为了打通自己的任督二脉，即让自己的知识体系化、条理化、关联化、对比化，这样才能更好的在这个世界立足。最后，其实也是有一点点私心的，希望我写的内容能被越来越多的人看到，这样后面可能会加入广告，改善自己的生活，毕竟也要养家糊口的。
如果你感觉我写的内容不错，欢迎把它分享给更多的人，同时也接受您的捐赠，滑到最底部，有二维码（😁😁😁），多少都可以的。您的分享、Star和捐赠是我前进的最大动力，谢谢！
文章内容的大致结构
人们都说万事开头难，一个好的文章，结构应该是完整的、逻辑通顺，考虑到这是技术文章，不是高考作文，所以鄙人会以结构为准、随意输出为辅。然后就是内容了，这也很重要，我会尽量让知识点串联起来，让大家学得更深入，也能知其所以然。
目前想到的内容组织形式如下：
- 引出知识点
- 阐述知识点
- 阐述其相关的知识点
- 进入下一个知识点
- 示例
- 知识点详解（会跳转到另一个页面，详解这个知识点）
大概就按这个来，可能也会调整，大家知道就行，我也会适时的备注。
有的人可能会想，光学知识点，没有项目，不是纸上谈兵嘛。确实有那么点意思，所以我会做一个项目，这也是我的创业项目，我会在项目中融合我输出的知识点，让大家真正能学到东西。至于是什么项目，暂时保密，它会在未来的某一天，我讲解相关知识点时，会自然而然的引出来，大家敬请期待。
知识范围
前端的知识范围，其核心就是HTML、CSS和JavaScript，浏览器只认识这三种语言，它不认识Vue、React、TypeScript的，当然，我也会介绍这些框架、三方库的。光有前端，没有后端，那整个web应用程序是没有灵魂的，所以我们也要学习后端，争取做一个全干(栈)工程师。后端语言较多，比如Java、PHP、Python、C++等，甚至前端JavaScript也是可以写后端的，各种语言都有其优劣之处，但我们总要取舍，思索再三，决定入坑Java和PHP，没什么特别理由吧，就是感觉。
开始吧
思索良久，打算就从浏览器打开某个网址开始吧，一直到浏览器加载完页面，呈现给我们看到为止。
有人会说，这不就是一个面试题嘛，这中间能有多少知识点呢？别着急，听我慢慢道来，你看完会耳目一新的。