近几年,前端技术飞速发展,随着HTML5、CSS3和ES6等前端基础规范的相继出台并获得多数浏览器的支持,前端的能力进一步被释放。
现代的前端技术不断和后端技术,甚至是桌面客户端技术相结合,可以说,基于JS技术栈,已经可以满足大多数系统的全栈开发了。
我们可以使用JS开发传统的PC 官网、商城和后台等系统,使用nodejs开发后端服务,也可以开发手机移动端h5应用、使用RN或weex或flutter开发手机原生APP,还可以使用electronjs开发跨平台桌面应用,或者开发各种嵌入式系统平台应用,甚至是开发人工智能或区块链系统。
虽然在某些场景下,有更好的解决方案,但是对于绝大多数场景,基于JS全栈技术,就能某种我们的需求。因此,在看得见的将来,需要大量精通JS全栈技术的人才。
有了前面一定的JS全栈基础知识后,我需要熟练掌握一些主流框架技术栈,以提高业务开发的效率,这里主要分享的是vue和react两大前端主流框架的技术栈,基于koa这个主流的node后台web框架的技术栈。
其中,前端框架以 vue为主,react为辅。在日常开发中,我也会尽量以vue为主,因为其入门相对容易,文档齐全,中文生态更繁荣,开发项目效率较高。
这里只是简单列了列,还没展开去列node后端的技术栈,以及webpack等构建工具,就已经发现精通JS全栈开发需要学习的东西很多很多
https://pan.baidu.com/s/1lwdejdUzfSW75fIJXuJWZw
第10章- 应用实例3 ——记事本
参考的国外博客的链接如下。感谢原作者提供这么好的实例。
详细的讲解: AngularJS tutorial for beginners with NodeJS ExpressJS and MongoDB
该 blog 对应的工程放在了 github 上。 如下:
可下载: 完整的工程代码
https://www.liaoxuefeng.com/wiki/1022910821149312
一些全栈库
https://github.com/haizlin/fe-interview
https://segmentfault.com/a/1190000019488576
美人鱼
star 数 3499
项目地址: https://gitee.com/mumu-osc/NiceFish
听名字就知道这是个不错的项目,事实上确实不赖。NiceFish(美人鱼) 是一个系列项目,目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式;后端有两个版本:SpringBoot 版本和 SpringCloud 版本,前端有 Angular 、React 以及 Electron 等版本。
微人事
star 数 9313
项目地址:https://github.com/lenve/vhr
微人事是一个前后端分离的人力资源管理系统,项目采用 SpringBoot + Vue 开发。项目打通了前后端,并且提供了非常详尽的文档,从 Spring Boot 接口设计到前端 Vue 的开发思路,作者全部都记录在项目的 wiki 中,是不可多得的 Java 全栈学习资料。
bootshiro
star 数 1370
项目地址: https://gitee.com/tomsun28/bootshiro
bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 资源无状态认证权限管理系统的后端,前端 usthe 。区别于一般项目,该项目提供页面可配置式的、动态的 RESTful api 安全管理支持,并且实现数据传输动态秘钥加密,jwt 过期刷新,用户操作监控等,加固应用安全。
open-capacity-platform
star 数 2643
项目地址:https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform 微服务能力开放平台,简称 ocp ,是基于 layui + springcloud 的企业级微服务框架(用户权限管理,配置中心管理,应用管理,…),其核心的设计目标是分离前后端,快速开发部署,学习简单,功能强大,提供快速接入核心接口能力,其目标是帮助企业搭建一套类似百度能力开放平台的框架。
V 部落
star 数 2902
项目地址:https://github.com/lenve/VBlog
V部落是一个多用户博客管理平台,采用 Vue + SpringBoot + ElementUI 开发。这个项目最大的优势是简单,属于功能完整但是又非常简单的那种,非常非常适合初学者。
悟空 CRM
star 数 650
项目地址:https://gitee.com/wukongcrm/72crm-java
悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分离 CRM 系统。
老实说,jfinal 了解下就行了,没必要认真研究,Vue + ElementUI 的组合可以认真学习下、前后端交互的方式可以认真学习下。
paascloud-master
star 数 5168
项目地址:https://github.com/paascloud/paascloud-master
paascloud-master 核心技术为 SpringCloud + Vue 两个全家桶实现,采取了取自开源用于开源的目标,所以能用开源绝不用收费框架,整体技术栈只有阿里云短信服务是收费的,都是目前 java 前瞻性的框架,可以为中小企业解决微服务架构难题,可以帮助企业快速建站。由于服务器成本较高,尽量降低开发成本的原则,本项目由 10 个后端项目和 3 个前端项目共同组成。真正实现了基于 RBAC、jwt 和 oauth2 的无状态统一权限认证的解决方案,实现了异常和日志的统一管理,实现了 MQ 落地保证 100% 到达的解决方案。
黑马刘意基础av33742840
崔希凡Javaweb:av37452727
MySQL基础+高级篇(241集)-尚硅谷:av49181542
jQuery:av56025673
JPA:av58112424
JUC:av58122884
NIO:av58122578
Java语言高级-Java8/9/10/11新特性:av51179510
2019年Java基础教程(基于JDK11)-尚硅谷:av48370019
黑马spring经典入门教程av40323796
尚硅谷spring教程av50002153
尚硅谷mybatis:av50003691
尚硅谷springmvc:av49996848
SSM高级整合:av56363272
黑马idea开发工具教程av38808672
尚硅谷idea开发工具教程av36213051
Java语言高级-Java8/9/10/11新特性:av51179510
图解Java设计模式:av58076246
SpringBoot:av38657363
SpringCloud:av49106064
springdata:av58110650
IT人求职指导:av53800224
图解Java数据结构和算法:av54095344
-尚硅谷面试题第一季:av37602130
2019尚硅谷面试题第二季:av48988279
尚硅谷vue基础+实战:av49099807
黑马vue基础+实战:av50680998
react基础+实战:av51174155
尚硅谷mybatis:av50003691
尚硅谷spring:av50002153
尚硅谷springmvc:av49996848
redis教程:av51139549
mongodb:av49923533
oracle:av49926566
activeMQ:av56121132
_Kafka:av49920938
shiro:av49915884
zookeeper:av49270221
Dubbo:av49269938
Docker:av49095718
git/github:av49085612
Linux通用版快速入门:av56460973