一、前端技术框架

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. 用SVG做background image

    1 用utf8格式, 需要 双引号“”替换为单引号,而且采用url encode编码,例如# 替换为 %23, body { background-image: url("data:imag ...

  2. JavaScript数组方法--concat、push

    利用了两天的时间,使用typescript和原生js重构了一下JavaScript中数组对象的主要方法,可以移步github查看. 这里,按照MDN上的文档顺序,再重新学习一下数组方法吧. conca ...

  3. react基础学习 一

    1. 搭建环境 安装react脚手架  >npm install create-react-app -g 创建文件            >create-react-app 项目名称 启动 ...

  4. 使用shell命令给文件中每一行的前面、后面添加字符

    shell command shell给一个文件中的每一行开头插入字符的方法:awk '{print "xxx"$0}' fileName shell给一个文件中的每一行结尾插入字 ...

  5. jQuery入门基础(事件、DOM操作)

    http://www.w3school.com.cn/b.asp 一.事件 1.常规事件——把js事件前面的on去掉 比如:js:onclick——JQuery:click 下面是 jQuery 中事 ...

  6. orcal - 增删改

    数据跟新 增删改 将emp复制到myemp CREATE TABLE myemp AS SELECT * FROM emp; 新增: INSERT INTO 表名称[(列名称1,列名称2,.....) ...

  7. Synchronized总结

    一.synchronized加锁原理 synchronized可以保证方法或者代码块在运行时,同一时刻只有一个线程可以进入到临界区,同时它还可以保证共享变量的内存可见性. Java中每一个对象都可以作 ...

  8. java 深度复制与浅复制 copyOf、arraycopy、copyOfRange

    1.copyOf 原型:public static <T> T[] copyOf(T[] original, int newLength) original:原数组 newLength:要 ...

  9. sys.stdout.flush-倒计时

    1. import sys for i in range(100): sys.stdout.write('{}/99\r'.format(i)) sys.stdout.flush() 2. impor ...

  10. Spring再接触 简单属性注入

    <bean name="userDAO" class="com.bjsxt.dao.impl.UserDAOImpl"> <property ...