web前端技术体系大全

以下为个人目前接触到的前端技术，欢迎大家补充。

一、前端技术框架

1、Vue.js

官网：https://cn.vuejs.org/
Vue CLI：https://cli.vuejs.org/
菜鸟教程：http://www.runoob.com/w3cnote/vue-js-quickstart.html
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/blog/2015/03/react.html
菜鸟教程：http://www.runoob.com/react/react-tutorial.html

3、Jquery.js

中文API：https://www.jquery123.com/
菜鸟教程：http://www.runoob.com/jquery/jquery-tutorial.html
w3school：http://www.w3school.com.cn/jquery/index.asp

二、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/index.html

三、前端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/#/zh-CN
5、mint-ui（移动端）
https://mint-ui.github.io/#!/zh-cn
6、vux（移动端）
https://vux.li/
7、Flutter（移动端）
https://flutterchina.club/
8、vue-element-admin（后台管理）
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
9、iview-admin（后台管理）
https://lison16.github.io/iview-admin-doc/#/
10、vant（移动端）
https://youzan.github.io/vant/#/zh-CN/

四、数据交互

1、Ajax
http://www.runoob.com/ajax/ajax-tutorial.html
2、Axios
http://www.axios-js.com/zh-cn/docs/
3、Mock（模拟随机数据）
http://mockjs.com/

五、代码构建打包工具

1、webpack
https://www.webpackjs.com/
2、gulp
https://www.gulpjs.com.cn/
3、grunt
https://www.gruntjs.net/
4、rollup
https://www.rollupjs.com/

六、包管理工具

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/index.html
4、mapv
https://mapv.baidu.com/
5、d3
https://d3js.org/
6、inMap
http://inmap.talkingdata.com/?from=iview#/index
7、leaflet
https://leafletjs.com/reference-1.3.2.html#map-example
8、Cesium
https://cesiumjs.org/index.html
9、Mapbox
https://www.mapbox.com/
10、Openlayers
http://www.openlayers.cn/portal.php
11、GeoServer
http://blog.geoserver.org/
12、Google Map
https://developers.google.cn/maps/
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/index.html

十、常用软件

1、Chrome浏览器
插件：Vue Devtools，谷歌访问助手，ColorZilla，JSONView，AdBlock，Google翻译
2、VSCode编译器
插件：Vetur，Rainbow CSV，Chinese (Simplified) Language Pack
3、HBuilder用于手机app、小程序打包调试
4、Postman、SoapUI接口测试
5、Axure RP原型图绘制
6、Colors Pro颜色拾取
7、FontCreator字体文件阅读
8、Mindjet MindManager 2016 思维导图
9、微信web开发者工具
10、FileZilla Client、Xshell 5 FTP服务器连接
11、FastStone Capture录屏软件
12、格式工厂 视频格式转换
13、Adobe Photoshop CC 2015.5 psd文件查看
14、Internet Information Services (IIS)管理器 本地项目部署