一、前端技术框架

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

web前端技术体系大全的更多相关文章

  1. Web前端技术体系大全搜索

    一.前端技术框架 1.Vue.js 官网:https://cn.vuejs.org/ Vue CLI:https://cli.vuejs.org/ 菜鸟教程:http://www.runoob.com ...

  2. web前端知识体系大全【转载】

    自己总结的web前端知识体系大全[欢迎补充]   1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在 ...

  3. 自己总结的web前端知识体系大全【欢迎补充】

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  4. web前端知识体系大全

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  5. web前端知识体系大全【欢迎补充】

    大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人 ...

  6. 解密国内BAT等大厂前端技术体系-美团点评之下篇(长文建议收藏)

    引言 在上篇中,我已经介绍了美团点评的业务情况.大前端的技术体系,其中大前端的技术全景图如下: 上篇重点介绍了工程化和代码质量的部分,工程化涵盖了客户端持续集成平台-MCI.全端监控平台-CAT.移动 ...

  7. 绝版珍珍藏:web前端技术学习指南

    绝版珍珍藏:web前端技术学习指南 优秀的Web前端开发工程师要在知识体系上既要有广度和深度!应该具备快速学习能力. 前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的 ...

  8. web前端知识体系总结

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  9. web前端知识体系小结(转)

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

随机推荐

  1. javascript websocket 心跳检测机制介绍

    ====测试代码: ==index.html <!DOCTYPE html> <html lang="en"> <head> <meta ...

  2. POJ1083 Moving Tables

    POJ1083 Moving Tables Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 35297   Accepted: ...

  3. debian apache2 多端口对应多文件 虚拟端口配置

    apache2单IP多端口创建虚拟站点如下: 1.转到配制目录虚拟站点配制目录 cd /etc/apache2/ ​ 2.配置新增多的端口 编辑上级目录中的端口配制文件sudo gedit ports ...

  4. java9 Local-variable type inference

    var ls = Arrays.asList("1","2"); System.out.println(ls);

  5. 观察者模式的python实现

    什么会观察者模式?观察者模式就是订阅-推送模式.是为了解耦合才会被利用起来的设计模式. 经典的就是boss 前台和员工之间的故事.一天A员工在看电影,B员工在看动漫,但是两人担心boss来了,自己没及 ...

  6. echarts统计图Y轴(或X轴)文字过长问题解决

    echarts 统计图Y轴文字过长 在使用echarts时,出现数值非常大,Y轴又显示不下的情况就需要压缩Y轴数值刻度. 解决方法: yAxis: { type: 'value', axisLabel ...

  7. 【HDFS API编程】删除文件

    所有操作都是以fileSystem为入口进行,我们使用fileSystem下的delete方法进行删除文件操作,删除的时候必须慎重. 直接上代码: /** * 删除文件 * @throws Excep ...

  8. shell脚本修改文本中匹配行之前的行的方法

    原创文件,欢迎阅读,禁止转载. 例子中是把 finish 前一行的 "yes" 改成 "YES"有一个方法就是利用sed+awk一起来完成. zjk@zjk:~ ...

  9. EF_简单的增删改查

    EF分为三种code_first,model_first,dabase_first这三种模式,网上的例子有好多,但是用了之后感觉实际中都不是这么用的,此处记录写下来日后用的着了可以快速应用,记录如下: ...

  10. JSFL元件类型判断 转载于 https://blog.csdn.net/linking530/article/details/8364600

    //获取舞台上第一层第一帧上的全部元件 var els = fl.getDocumentDOM().getTimeline().layers[0].frames[0].elements; //遍历元件 ...