web前端技术体系大全_前端开发有哪几种技术体系

一、前端技术框架

1、Vue.js

官网：https://cn.vuejs.org/

Vue CLI：https://cli.vuejs.org/

菜鸟教程：http://www.runoob.com/w3cnote...

Nuxt.js：https://zh.nuxtjs.org/

桌面应用Electron：https://electronjs.org/

2、React.js

官网：https://react.docschina.org/

中文网：http://react-china.org/

阮一峰：http://www.ruanyifeng.com/blo...

菜鸟教程：http://www.runoob.com/react/r...

3、Jquery.js

中文API：https://www.jquery123.com/

菜鸟教程：http://www.runoob.com/jquery/...

w3school：http://www.w3school.com.cn/jq...

二、web基础知识

1、菜鸟教程

http://www.runoob.com/

2、w3school

http://www.w3school.com.cn/

3、廖雪峰

https://www.liaoxuefeng.com/

4、ECMAScript 6 入门 - 阮一峰

http://es6.ruanyifeng.com/

5、less

http://lesscss.cn/

6、sass

http://sass.bootcss.com/

7、HTML5+

http://www.dcloud.io/docs/api...

三、前端UI框架

1、bootstrap

http://www.bootcss.com/

2、layerUI

https://www.layui.com/

3、iview系列

iview（vue web端）

https://www.iviewui.com/

iview-admin（vue后台管理）

https://lison16.github.io/ivi...

iview-weapp（vue微信小程序）

https://weapp.iviewui.com/doc...

iview-admin（vue后台管理）

https://lison16.github.io/ivi...

4、element系列（饿了么出品）

element（vue web端）

http://element-cn.eleme.io/#/...

mint-ui（vue移动端）

https://mint-ui.github.io/#!/...

vue-element-admin（vue后台管理）

https://panjiachen.github.io/...

5、ant-design系列（蚂蚁金服出品）

ant-design（react web端）

https://ant.design/docs/react...

ant-design-mobile（react移动端）

https://mobile.ant.design/ind...

ant-design（vue web端）

https://vue.ant.design/docs/v...

6、vant系列（有赞出品）

vant（vue移动端）

https://youzan.github.io/vant...

vant-weapp（vue微信小程序）

https://youzan.github.io/vant...

7、vux（vue移动端）

https://vux.li/

8、Flutter（vue移动端）

https://flutterchina.club/

四、数据交互

1、Ajax

http://www.runoob.com/ajax/aj...

2、Axios

http://www.axios-js.com/zh-cn...

3、Mock（模拟随机数据）

http://mockjs.com/

五、代码构建工具

1、webpack

https://www.webpackjs.com/

2、gulp

https://www.gulpjs.com.cn/

3、grunt

https://www.gruntjs.net/

六、包管理工具

1、npm

https://www.npmjs.cn/

2、cnpm

http://npm.taobao.org/

3、yarn

https://yarn.bootcss.com/

七、代码托管

1、gitlab

https://about.gitlab.com/

2、github

https://github.com/

3、gitee码云

https://gitee.com

九、团队办公

1、界面设计：蓝湖

https://lanhuapp.com

2、图标管理：iconfont

https://www.iconfont.cn/

3、接口文档：RAP

http://rapapi.org/org/index.do

4、测试管理：禅道

https://www.zentao.net/

5、Swagger（API 的设计、编写 API 文档、测试和部署）

https://swagger.io/

八、技术社区

1、思否

https://segmentfault.com/

2、博客园

https://www.cnblogs.com/

3、CSDN

https://www.csdn.net/

4、前端网

https://www.qdfuns.com/

5、掘金

https://juejin.im/

九、可视化（图表、地图）

1、百度系列

百度地图API

https://lbsyun.baidu.com/

echarts

https://echarts.baidu.com/

mapv

https://mapv.baidu.com/

2、腾讯系列

腾讯地图API

https://lbs.qq.com/

3、阿里系列

高德地图API

https://lbs.amap.com/

antv

http://antv.alipay.com/zh-cn/...

G2 可视化图形语法

G6 图可视化引擎

F2 移动端可视化方案

L7 地理空间数据可视化

4、highcharts（图表）

https://www.highcharts.com.cn/

5、d3（图形绘制）

https://d3js.org/

6、inMap（iview的地图可视化）

http://inmap.talkingdata.com/...

7、ArcGIS（地图可视化）

https://developers.arcgis.com...

8、leaflet（地图可视化）

https://leafletjs.com/referen...

9、Cesium（三维地图可视化）

https://cesiumjs.org/index.html

10、Mapbox（地图可视化）

https://www.mapbox.com/

11、Openlayers（地图服务）

http://www.openlayers.cn/port...

12、GeoServer（地图服务）

http://blog.geoserver.org/

13、Google Map（地图可视化）

https://developers.google.cn/...

14、天地图（地图可视化）

http://lbs.tianditu.gov.cn/