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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM