重学前端学习笔记(三)--前端知识框架图

栏目: JavaScript · 发布时间: 4年前

内容简介:重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,本文所有知识架构图由winter专栏提供JavaScript知识架构

笔记说明

重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏, 每天10分钟,重构你的前端知识体系 ,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专栏学习【原文有winter的语音】,如有侵权请联系我,邮箱:kaimo313@foxmail.com。

列一份前端知识框架图

两个目标

1、把无法通查阅解决的原理和背景讲清楚

2、把不方便查阅和记忆的内容整理好

前端知识划分

本文所有知识架构图由winter专栏提供

1、基础部分

JavaScript知识架构

  • 编程语言一般规律:用一定的词法和语法,表达一定语义,从而操作运行时

重学前端学习笔记(三)--前端知识框架图

CSS和HTML知识架构

  • 文档元信息:通常是出现在 head 标签中的元素,包含了描述文档自身的一些信息
  • 语义相关:扩展了纯文本,表达文章结构、不同语言要素的标签
  • 链接:提供到文档内和文档外的链接
  • 替换型标签:引入声音、图片、视频等外部元素替换自身的一类标签
  • 表单:用于填写和提交信息的一类标签
  • 表格:表头、表尾、单元格等表格的结构

重学前端学习笔记(三)--前端知识框架图

浏览器的实现原理知识架构

重学前端学习笔记(三)--前端知识框架图

2、实践部分

前端工程实践

  • 性能
  • 工具链
  • 持续集成
  • 搭建系统
  • 架构与基础库

前端的知识框架

重学前端学习笔记(三)--前端知识框架图

个人总结

我上大学那一会,还没有专门开设前端课程,只有几本书简单讲解了JavaScript跟部分网页知识,前端也没有十分重视,也没有听过前端工程师这个职位,想必大家很多都一样,从事前端这份工作要不是自学过来的,要不就是培训过来的,当然也有很多大佬是从事其他语言开发过来的,如果觉得自己的前端知识架构不太完善的话,希望这篇能帮助到你


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

学习JavaScript数据结构与算法(第2版)

学习JavaScript数据结构与算法(第2版)

[巴西] Loiane Groner / 邓 钢、孙晓博、吴 双、陈 迪、袁 源 / 人民邮电出版社 / 2017-9 / 49.00元

本书首先介绍了JavaScript 语言的基础知识以及ES6 和ES7 中引入的新功能,接下来讨论了数组、栈、队列、链表、集合、字典、散列表、树、图等数据结构,之后探讨了各种排序和搜索算法,包括冒泡排序、选择排序、插入排序、归并排序、快速排序、堆排序、计数排序、桶排序、基数排序、顺序搜索、二分搜索,然后介绍了动态规划和贪心算法等常用的高级算法以及函数式编程,最后还介绍了如何计算算法的复杂度。一起来看看 《学习JavaScript数据结构与算法(第2版)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具