Vue.js 是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 在学习Vue之前需要了解HTML、CSS和JavaScript。 Vue的特点： 采用组件化模式，提高代码复用率、且让代码更好维护。 采用声明式编码，让编码人员无需直接操作DOM，提高开发效率。 使用传统JS操作DOM属于命令式编码。 使用虚拟DOM和优秀的Diff算法，尽量复用DOM节点。 Vue官网为：https://cn.vuejs.org/。 安装 Vue 安装Vue的方式有很多，可以在Vue2文档中查阅。 其中最简单的方式就是通过<script>标签...
Roamverse · Lin
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括： 类型批注和编译时类型检查。 类型推断。 类型擦除。 接口。 枚举。 Mixin。 泛型编程。 名字空间。 元组。 Await。 安装 TypeScript 安装TypeScript： 1npm install -g typescript 安装完成后可以使用 tsc 命令来执行 TypeScript 的相关代码。查看 TypeScript 版本号： 1tsc -v...
跨域请求问题 跨域是指发送与当前服务的域名（或端口）不一致的请求。跨域问题的产生原因是浏览器不允许JS请求对域名不同或端口不同的服务发起请求（同源策略）。 演示跨域问题： 编辑一个html页面： 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <script...
中间件（Middleware），特指业务流程的中间处理环节。 当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。 Express中间件的调用流程如下： Express的中间件，本质上就是一个处理函数。Express中间件的格式如下： 注：中间件函数的形参列表中，必须包含next函数。而路由的处理函数中只包含request（res）和response（res）。 利用中间件，可以实现后端中Filter（拦截器）或Interceptor（拦截器）等功能。 在中间件调用流程中，next()函数就是实现多个中间件连续调用的关键。next()表示将流转关系转交给下一个中间件或路由。 中间件的作用：通过...
路由的类型 在Express中，路由指的是客户端的请求与服务器处理函数之间的映射关系。Express中的路由分三部分组成： 1app.METHOD(PATH, HANDLER) METHOD：请求的类型。 PATH：请求的URL地址。 HANDLER：请求的处理（回调）函数。 路由的匹配过程 每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。 在匹配时，Express会按照路由被定义的顺序进行匹配，如果请求的类型和请求的URL同时匹配成功，则Express会将这次请求，转 交给对应的函数进行处理。 关于路由的基本使用，已经在 Express 基础 中进行了介绍。 路由的模块化使用 为了方使...
Nodemon是一种监听项目文件变动，让项目文件在修改时可以自动重启项目的工具。使用Nodemon时，当代码被修改，Nodemon会自动帮我们重启项目，极大方便了开发和调试。 Nodemon项目地址：https:/www.npmjs.com/package/nodemon。 使用Nodemon时，一般是在全局进行安装： 1npm i nodemon -g 安装完Nodemon后，可以使用nodemon命令来启动项目，这样当项目文件被修改时，nodemon会自动完成项目的重启。例如： 1nodemon app.js
Express是一个Web开发框架。Express本质上是NPM上的一个第三方模块，提供了快速创建Web服务器、API接口服务器的方法。Express中文网地址为https://www.expressjs.com.cn/，官网地址为https://expressjs.com/。 使用Node.js提供的原生http模块也一样可以创建Web服务器。只不过http模块用起来很麻烦、开发效率低，而Express在基于http的基础上进行了进一步的封装，能极大提高开发效率。 安装Express 4.17.2版本： 1npm i express@4.17.2 使用Express的基本步骤如下： 1const express =...
在VS Code中，编写代码或者Markdown时，中文字符与英文字符通常是无法对齐的。可以通过使用Ubuntu Mono字体，让VS Code的中英字符能够对齐。 Ubuntu Mono字体可以从https://github.com/powerline/fonts下载。可以直接通过网页下载其zip压缩包，或者将其clone到本地： 1git clone https://github.com/powerline/fonts 如果是在Windows上安装该字体，可以找到项目下的UbuntuMono文件夹，直接双击打开.ttf文件，根据显示的内容提示，就能完成安装。 找到UbuntuMono文件夹并打开，双击打开下方红框中所有.tff文...
包 在Node.js中，第三方模块又称为包。第三方模块与包的概念相同，仅仅在称呼上有差异。包是由第三方个人或团队开发出来的，免费供所有人使用。 Node.js中的包都是免费且开源的，不需要付费即可下载使用。 包是基于内置模块封装出来的，提供了更高级、更方便的API，极大地提高了开发效率。 NPM 在 npm, Inc. 公司旗下的网站https://www.npmjs.com上，可以搜索到任何你需要的包。该网站是全球最大的包共享平台。在该网站上，你还能浏览到对应包的相关文档。 npm, Inc. 公司提供了地址为https://registry.npmjs.org/的服务器，来对外共享所有的包。可以通过该服务器来下载所需的包。 使...
模块化概念 模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、可分解和可更换的单元。 在模块化时，要遵守固定的规则（模块化规范），把一个大文件拆成独立并互相依赖的多个小模块。 进行模块化拆分的好处： 提高了代码的复用性。 提高了代码的可维护性。 可以实现按需加载。 遵守同样的模块化规范，有利于降低沟通的成本，极大地方便了各个模块之间的相互调用，利人利己。 Node.js 模块化 Node.js中根据模块来源的不同，将模块分为了3大类，分别是： 内置模块：由Node.js官方提供，例如fs、path、http等。 自定义模块：用户自定义的模块。在Node.js中，用户创建的每个...