前端架构知识图谱

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/achang07/article/details/84890183

对前端一直是个半吊子,一直觉得主要兴趣在后台开发。但是目前全栈化趋势越来越烈了,前台后端的分工界线越来越模糊。日常工作中接到的任务有很大的占比都是前端的开发,这也是应用开发(非底层,非中间件)不得不面对的一个现状。
既然如此,那就硬着头皮上吧!其实,所有的东西都经不得深研,一研究入得法门就会发觉其中奥妙,根本停不下来!

1. react系知识图谱

Facebook出品,var框架里目前应该是最广泛应用的前端框架了。
个人感觉入门还是有一些门槛的,涉及的东西也很多。有一个实际的项目供研究学习,进步会比较快一点。目前各种框架组合百花争艳,就以自己目前的了解和接触做一个简单列表。

1.1 react

一个View层框架,主要做的是界面组件化的工作。
官网
中文文档

1.2 redux

负责的是数据流,数据流就是用户动作与响应的抽象。
官网
中文文档

1.3 react-redux

react与redux的桥梁,参见redux吧。

1.4 react-router

中文文档

1.5 redux-saga

个人理解redux-saga术语一个redux的middleware。
redux-saga中文教程网址

1.6 dva

dva官网带教程

1.7 antd

antd官网带教程

2. vue系知识图谱

Vue是一个个人开发的框架,作者是国人尤雨溪。值得自豪!
个人感觉Vue的结构化做的更清晰一些,上手入门应该也会比较快一点。

2.1 vue

对标react,是一套界面视图层框架。
vue官网带教程

2.2 vue loader

个人理解:vue使用webpack打包后,用来加载打包后的单一文件的东东。
vue loader介绍

2.3 vue router

对标react-router,与vue深度结合。
vue-router介绍

2.4 vuex

数据流处理。
vuex官网

2.5 Element UI

饿了么出品的一套控件,基于Vue2.0。
Element UI官网

3. angular

var中的a,这个就一点都没有接触过了。这里就不画蛇添足了。

4. webpack

打包工具。

猜你喜欢

转载自blog.csdn.net/achang07/article/details/84890183