一、前端技術框架

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/

三、前端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/

原文鏈接：https://segmentfault.com/a/1190000018505284

Web前端技術體系大全搜索