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/

你可能感兴趣的:(web前端技术体系大全)