有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

web前端技术体系

开发者资讯 cat 3个月前 (07-02) 45次浏览 已收录 0个评论 扫描二维码

一、前端技术框架
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/

喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址