从零开始学习全栈开发（持续更新）

目录

前言

前端开发

基础知识

网页标准 W3C

JavaScript

TypeScript

AJAX

jQuery

开发框架

React

Vue

后端开发

Node.js

---

前言

Chrome V8引擎

• 代码只是具有特定格式的字符串而已，比如JS。
• Chrome V8是世界上最快的解析JS/CSS/HTML的引擎。

ES

• ES全称是ECMAScript，（ECMA的全称是欧洲计算机制造商协会），ES是一种脚本语言的规范，而JavaScript是ES规范的一种实现，所以ES的新特性其实就是指JS的一种新特性。
• ECMAScript 标准官网：ECMA-262 - Ecma International
• ES6兼容性矩阵图：ECMAScript 6 compatibility table

NPM包管理器

• 使用npm（世界上最大的开源生态库管理系统）
• 绝大多数的JS库都存在了npm上

前端开发

IDE 工具

        VS Code

                VS Code入门教程

基础知识

网页标准 W3C

• 结构 HTML：用于描述页面的结构
• 表现 CSS：用于控制页面中元素的样式
• 行为 JavaScript：用于响应用户的行为

JavaScript

•  主要用在前端开发的一门语言，类似JAVA
• 开发速度快、效率高

TypeScript

• TS是什么
  • TS 是微软基于JS基础之上发明的新语言
  • TS可以直接转换成JS，在任何支持JS的环境下运行
  • TS扩展了JS，并增加了静态的数据类型
  • TS 代码不能直接在JS环境下运行
• TS发明的目的
  • JS动态数据类型，类型错误很难在前期识别，大型项目维护比较困难
  • TS在JS基础上增加了数据类型，变成了静态的数据类型，利于大型项目开发与维护

AJAX

• 定义
  • Asynchronous JavaScript and XML，是基于XML或者Json的网页异步通信库
  • 支持在Web浏览器中异步发送请求，而不用刷新整个页面
  • AJAX不是一门语言，而是将现有的标准结合在一起使用的方式
• 缺点：
  • 存在跨域访问问题
  • SEO不方便
  • 没有浏览历史，不支持回退

jQuery

• 定义
  • jQuery is a fast, small, and feature-rich JavaScript library.
  • 官网：jQuery
• 优势
  • 它使HTML的DOM操作、遍历、动画、事件处理、AJAX等操作更加简单
  • 支持跨浏览器工作，解决了不同浏览器某些属性的兼容性问题
  • 支持插件开发

开发框架

React

• 定义
  • 用于构建用户界面的JavaScript框架
  • 是一个将数据渲染为HTML视图的开源JavaScript库
• 谁开发的
  • 由Facebook的工程师开发
  • 2013年Facebook宣布开源
• 原生JS的痛点
  • 使用JS直接操作浏览器DOM繁琐、效率低
  • 使用JS直接操作DOM，会有大量的重绘重排，性能低
  • 原生JS不支持组件化，代码复用率低
• React的优势
  • 使用了虚拟DOM + 高效的Diffing算法，尽量减少与真实DOM的交互
  • React Native可以使用React语法进行移动端的开发
  • 采用组件化、声明式编码，提高开发效率及组件的复用度
• 官网：
  • React 官方中文文档 – 用于构建用户界面的 JavaScript 库
  • React Native 中文网 · 使用React来编写原生应用的框架
• React Native与React的关系及特点 

Vue

• 定义
  • 用户构建用户界面的渐进式JavaScript框架
• 谁开发的
  • 由尤雨溪开发
• Vue的优势
  • 使用了虚拟DOM + 高效的Diffing算法，尽量减少与真实DOM的交互
  • 采用组件化、声明式编码，提高开发效率及组件的复用度
• 官网：Vue.js

Vue vs React

• vue和react的区别之我见 - 简书

• React 与 Vue 框架的设计思路大 PK

后端开发

Node.js

• 是什么：Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
  • 不是一门语言、不是一种框架、不是库
  • 是一种平台，是一种JS运行时环境
  • 以前JS只能使用浏览器进行解析运行，现在可以脱离浏览器使用Node.js运行JS
• 特点：
  • 事件驱动
  • 非阻塞I/O模型
• 官方网站：

Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/

• 学习网站：CNode：Node.js专业中文社区
• 学习视频：Node.JS-黑马程序员_哔哩哔哩_bilibili

扩展阅读：

• 浏览器中的JS特点
  • 可以使用EcmaScript（编程语言语法）
  • 可以使用DOM
  • 可以使用BOM
• Node.js中JS特点，额外提供了一些服务器级别的操作API
  • 可以是使用EcmaScript
  • 文件读写
  • 网络服务器搭建
  • 网络通信
  • http服务

SSM（Spring+SpringMVC+MyBatis）

        学习这个之前需要先了解三层架构：表现层、业务层、持久层

SpringFramework

        Spring Framework 是一个功能强大的 Java 应用程序框架，可以简化Java应用编程，使编程更快、更简单、更安全，是目前最流程的应用框架。

        Spring MVC:  一款负责表现层的模块

        Spring: 主要负责业务层的处理

MyBatis

        MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。是目前最流行的持久成框架，没有之一。