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/

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