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

北半球校尉

已于 2023-05-02 12:00:35 修改

阅读量1k

点赞数 1

分类专栏：全栈开发文章标签：后端全栈 nodejs

于 2021-12-01 22:01:47 首次发布

本文链接：https://blog.csdn.net/jack_chen_00/article/details/121665445

版权

全栈开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言

Chrome V8引擎

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

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

后端开发

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/