北漂青年，西二旗IT打工人，喜欢户外运动、骑行、拍照
前端知识体系
learning……….
学习资源
JavaScript
- 廖雪峰的教程，JavaScript教程 - 廖雪峰的官方网站 (liaoxuefeng.com)
- 阮一峰的博客，介绍 - 《阮一峰 JavaScript 教程》 - 书栈网 · BookStack
- 进阶系列，冴羽：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。 (github.com)
HTML
CSS
Vue全家桶
- Vue语法入门：Vue.js 介绍 — Vue.js 中文文档 (bootcss.com)
- 深入Vue3源码：Vue3 (vue3js.cn)
- Vue CLI：介绍 | Vue CLI (vuejs.org)
- Vue Router：介绍 | Vue Router (vuejs.org)
- Vuex：开始 | Vuex (vuejs.org)
React
- 快速入门 – React 中文文档 (docschina.org)（非常适合react入门，官方文档，写的很好）
- React 参考总览 – React 中文文档 (docschina.org)（入门之后进阶，对更多hooks更多细节的介绍）
TypeScript
- TypeScript 入门教程 (xcatliu.com)（博主整理的学习笔记，入门阅读体验友好）
- 深入理解 TypeScript | 深入理解 TypeScript (jkchao.github.io)（同上，相互补充）
Git
- Git教程 - 廖雪峰的官方网站 (liaoxuefeng.com)（适合小白入门）
- GIt官方参考文档：Git - Book (git-scm.com)（适合进阶阅读）
- 工作流程和使用规范：Git 工作流程 - 阮一峰、Git 使用规范流程 - 阮一峰、（作为官方文档的补充，偏向业务向）
webpack
- webpack上手demo教程：指南 | webpack 中文文档 (docschina.org)
node
项目
- 迷你电商应用（Vue+Express）：从零到部署：用 Vue 和 Express 实现迷你全栈电商应用（一）
- 管理后台（纯前端项目，Vue+MockJS）：PanJiaChen/vue-admin-template: a vue2.0 minimal admin template (github.com)
职场与发展
- 冴羽 的个人主页 - 文章 - 掘金 (juejin.cn)
- 蚂蚁前端技术大佬：brickspert 的个人主页 - 文章 - 掘金 (juejin.cn)
- 程序员成长（阿里云社区）：阿里巴巴淘系技术图谱-阿里云开发者社区 (aliyun.com)
技术（前沿）资讯
- 前端工程化：简介 | 带你入门前端工程 (gitee.io)
- 前端业界前沿资讯：web前端-InfoQ_InfoQ精选频道
- 前Amazon、阿里巴巴大佬陈皓（技术和业务理解）：酷壳 – CoolShell.cn
- 前端发展趋势：《阿里2020前端工程师必读手册》
业务知识
- 美团技术团队：美团技术团队 (meituan.com)
- 阿里前端员工的博客：抹桥的博客 (kisnows.com)
好文推荐
- 如何将「知识」体系化管理 - 知了一笑 - 这篇文章提出“碎片内容 - 现状分析 - 参考资料 - 实践总结 - 体系归档”的知识管理/学习体系，让我感觉是把我过去一年时间的学习模式具体而准确地抽象归纳出来了，非常赞同里面的观点。
- 如何做一场高质量的分享 (yuque.com)
职业发展
- 复盘，积累，沉淀
- 思考很重要，多想想我还能做什么
- 把握解决问题的机会
在阿里做前端程序员，我是这样规划的 - 掘金 (juejin.cn)
复盘的本质
- 总结经验，总结一个项目/一段时间内发生的事，抽离共性问题，指导未来工作
- 吸取教训，重点分析以往发生的问题，追查根因，指定长期解决措施和防劣化手段，避免重复踩坑
- 沉淀优势，积极发现项目/工作亮点，增强扩展能力，扩大适应场景，实现”点-线-面-体“持续发展
- 适应变化，利用过程和结果分析发现相关工作的发展趋势，快速调整工作方向，顺潮流而动
CLAP模型（Compassion-Logic-Acknowledge-Project）
Compassion对比：陈述结果，和最初设定目标进行对比，即对事实进行总结
Logic逻辑：梳理逻辑，解释结果和目标之间的差距，即分析原因
Acknowledge认知：提出假设，更新对业务和用户的理解，即认知修正
Project规划：制订改进规划，在实践中验证，即为未来的优化。得到的结果，又作为下一轮循环的依据
程度定义
- 精通：深入理解原理、大量复杂场景实践经验和相关源码经验、可以指导他人
- 掌握/熟悉：有大量实践、有深入了解过原理，甚至阅读过源码、遇到复杂问题能够快速想出解决方案、他人提出问题时，可以快速想到答案或者思路
- 了解：会使用/用过、了解其思想、没有深入了解过、简单阅读过该技术的文档或者相关文章，知道这么一个东西
优秀的开发者应该具备的习惯
- 深入学习语言特性，夯实编程基础
- 学以致用，将学到的理论知识应用到实践中
- 熟悉掌握常用的开发工具
- 多思考完成基本的工作之后，还能做什么优化，精益求精带来的好处是不断拉高你的水平下限
- 工作复盘，总结踩过的坑、提炼最佳实践
- 阅读优秀的代码、设计文档，发现学习别人的长处
- 积极进行技术分享，输出是一种高效的学习方式