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/

二、React.js

官網：https://react.docschina.org/ 
中文網：http://react-china.org/ 
阮一峯：http://www.ruanyifeng.com/blo... 
菜鳥教程：http://www.runoob.com/react/r...

三、Jquery.js

中文API：https://www.jquery123.com/ 
菜鳥教程：http://www.runoob.com/jquery/... 
w3school：http://www.w3school.com.cn/jq...

2、web基礎知識

一、菜鳥教程 
http://www.runoob.com/
二、w3school 
http://www.w3school.com.cn/
三、廖雪峯 
https://www.liaoxuefeng.com/
四、ECMAScript 6 入門 - 阮一峯 
http://es6.ruanyifeng.com/
五、less 
http://lesscss.cn/
六、sass
http://sass.bootcss.com/
七、HTML5+ 
http://www.dcloud.io/docs/api...

3、前端UI框架

一、bootstrap 
http://www.bootcss.com/ 
二、layerUI 
https://www.layui.com/

三、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...

四、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/...

五、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...

六、vant系列（有贊出品）

vant（vue移動端）
https://youzan.github.io/vant...
vant-weapp（vue微信小程序）
https://youzan.github.io/vant...

七、vux（vue移動端） 
https://vux.li/ 
八、Flutter（vue移動端）
https://flutterchina.club/

4、數據交互

一、Ajax 
http://www.runoob.com/ajax/aj... 
二、Axios 
http://www.axios-js.com/zh-cn...
三、Mock（模擬隨機數據）
http://mockjs.com/

5、代碼構建工具

一、webpack 
https://www.webpackjs.com/ 
二、gulp 
https://www.gulpjs.com.cn/ 
三、grunt 
https://www.gruntjs.net/

6、包管理工具

一、npm 
https://www.npmjs.cn/ 
二、cnpm 
http://npm.taobao.org/ 
三、yarn 
https://yarn.bootcss.com/

7、代碼託管

一、gitlab 
https://about.gitlab.com/ 
二、github 
https://github.com/ 
三、gitee碼雲 
https://gitee.com

9、團隊辦公

一、界面設計：藍湖 
https://lanhuapp.com
二、圖標管理：iconfont
https://www.iconfont.cn/ 
三、接口文檔：RAP 
http://rapapi.org/org/index.do 
四、測試管理：禪道 
https://www.zentao.net/ 
五、Swagger（API 的設計、編寫 API 文檔、測試和部署）
https://swagger.io/

8、技術社區

一、思否 
https://segmentfault.com/ 
二、博客園 
https://www.cnblogs.com/ 
三、CSDN 
https://www.csdn.net/ 
四、前端網 
https://www.qdfuns.com/ 
五、掘金
https://juejin.im/

9、可視化（圖表、地圖）

一、百度系列

百度地圖API 
https://lbsyun.baidu.com/ 
echarts 
https://echarts.baidu.com/ 
mapv 
https://mapv.baidu.com/

二、騰訊系列

騰訊地圖API 
https://lbs.qq.com/

三、阿里系列

高德地圖API 
https://lbs.amap.com/ 
antv 
http://antv.alipay.com/zh-cn/... 
G2 可視化圖形語法
G6 圖可視化引擎
F2 移動端可視化方案
L7 地理空間數據可視化

四、highcharts（圖表） 
https://www.highcharts.com.cn/ 
五、d3（圖形繪製） 
https://d3js.org/ 
六、inMap（iview的地圖可視化） 
http://inmap.talkingdata.com/... 
七、ArcGIS（地圖可視化）
https://developers.arcgis.com... 
八、leaflet（地圖可視化） 
https://leafletjs.com/referen... 
九、Cesium（三維地圖可視化） 
https://cesiumjs.org/index.html 
十、Mapbox（地圖可視化） 
https://www.mapbox.com/ 
十一、Openlayers（地圖服務） 
http://www.openlayers.cn/port... 
十二、GeoServer（地圖服務） 
http://blog.geoserver.org/ 
1三、Google Map（地圖可視化） 
https://developers.google.cn/... 
1四、天地圖（地圖可視化） 
http://lbs.tianditu.gov.cn/

 

原文連接：http://www.javashuo.com/article/p-kmkubexa-dv.html