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/