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、HTML5+ API 
http://www.dcloud.io/docs/api...

三、前端UI框架

1、bootstrap 
http://www.bootcss.com/ 
2、layerUI 
https://www.layui.com/ 
3、iview 
https://www.iviewui.com/ 
4、element 
http://element-cn.eleme.io/#/... 
5、mint-ui（移动端） 
https://mint-ui.github.io/#!/... 
6、vux（移动端） 
https://vux.li/ 
7、Flutter（移动端）
https://flutterchina.club/
8、vue-element-admin（后台管理）
https://panjiachen.github.io/...
9、iview-admin（后台管理）
https://lison16.github.io/ivi...

四、数据交互

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、接口文档：RAP 
http://rapapi.org/org/index.do 
3、测试管理：禅道 
https://www.zentao.net/ 
4、Swagger（API 的设计、编写 API 文档、测试和部署）
https://swagger.io/

八、技术社区

1、博客园 
https://www.cnblogs.com/ 
2、CSDN 
https://www.csdn.net/ 
3、思否 
https://segmentfault.com/ 
4、前端网 
https://www.qdfuns.com/

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

1、echarts 
https://echarts.baidu.com/ 
2、highcharts 
https://www.highcharts.com.cn/ 
3、antv 
http://antv.alipay.com/zh-cn/... 
4、mapv 
https://mapv.baidu.com/ 
5、d3 
https://d3js.org/ 
6、inMap 
http://inmap.talkingdata.com/... 
7、leaflet 
https://leafletjs.com/referen... 
8、Cesium 
https://cesiumjs.org/index.html 
9、Mapbox 
https://www.mapbox.com/ 
10、Openlayers 
http://www.openlayers.cn/port... 
11、GeoServer 
http://blog.geoserver.org/ 
12、Google Map 
https://developers.google.cn/... 
13、高德地图 
https://lbs.amap.com/ 
14、百度地图 
https://lbsyun.baidu.com/ 
15、腾讯地图 
https://lbs.qq.com/ 
16、天地图 
http://lbs.tianditu.gov.cn/
17、AntV
G2 可视化图形语法
G6 图可视化引擎
F2 移动端可视化方案
L7 地理空间数据可视化
https://antv.alipay.com/zh-cn...