如何让自己的前端知识更全面?

计算机知识庞大冗杂,尤其前端领域,知识概念,框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理,形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。

下面是前端前辈进行的总结:

  • JavaScript Guidebook:JavaScript 知识图谱 – ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式
  • React Guidebook::React 知识图谱 – 基本概念 | 进阶用法 | 框架生态 | 前沿技术 | 源码核心
  • Webpack Guidebook::Webpack 知识图谱 – 模块化 | 基础概念 | 工作原理 | 实战应用
  • DevOps Guidebook::DevOps 知识图谱 – Linux | Nginx | 数据库 | 部署 | DevOps
  • Vue Guidebook:Vue 知识图谱 – 基本概念 | 响应式原理 | 编译原理 | 框架生态
  • CSS Guidebook:CSS 知识图谱 – 特性 | 属性 | 布局 | 响应式 | 动画
  • Node Guidebook:Node.js 知识图谱 – 模块 | 异步编程 | 进程 | I/O | 服务端应用
  • TypeScript Guidebook:TypeScript 知识图谱 – 静态类型检查 | 语法基础 | 配置使用 | 编译原理
  • Cross Platform Guidebook:跨平台开发知识图谱 – HybridApp、ReactNative、小程序、Flutter、Electron
  • Data Structure and Algorithms Guidebook:数据结构与算法知识图谱 – 数据结构 | 算法 | 编程实现
  • Visualizaition Guidebook:前端图像学知识图谱 – Canvas | SVG | WebGL
  • Database Guidebook:MySQL、MongoDB

要想自己的前端知识学的扎实,我们就一定要形成这样一个个知识图谱,里面从基础概念到应用到原理,让自己的知识脉络形成一张网,然后我们不断地在这张网上进行修补或扩充。很多人觉得前端的知识点零碎杂就是因为没有形成这样的知识网,这样也容易导致开发中遇到问题的时候,不知道该往哪个方向去想。

平时写博客记录的是零碎的知识点,我们还要做一个这样的知识图谱站,系统去梳理某个知识领域的所有知识点。这个可以有效的去帮我们在面试前巩固知识点,从容应对!

最近我的前端编程知识站“spacexcode”上线了,区别于“前端开发笔记”站点,它不再是专注开发中的各个知识细节,而是从整个前端开发知识体系出发,以网带面,做到各个知识点的链接和覆盖。还有一点就是,你可以从这个网站上看到很多代码的动态演示效果,这也是我目前在探索的领域,希望以生动直接的方式来讲解知识点。

如果你也想搭建这样一个站点,可以参考:

  • 关于页面
  • 我是如何使用 Docusaurus 来搭建网站的

你可能感兴趣的:(vue.js,javascript,前端)