白抹灰

关于 Web 应用性能优化，有一点是毫无疑问的：「页面加载越久，用户体验就越差」。Web 应用性能优化的关键之处就在于：减少页面初载时所需加载资源的「数量」和「体积」。

（一）前后端分离

前后端分离是指前后端根据 AJAX 接口进行数据的交互，目前常见的是后端直接将数据以JSON的格式返回给前端，前端根据后端服务器返回的数据操作 DOM。

在 nginx 服务器上准备调试 Nuxt 项目时，打开浏览器却发生了下图的情形。可以看到，样式发生明显错乱，图片资源也没有加载出来。而我在本地代码调试时，显示效果是正常的。在反复确认本地代码和服务端上的代码并无二致后，查看报错信息发现引入的 css 文件、js 文件以及图片资源都没有加载出来。

虽然响应式页面能够做到样式随着屏幕的变化保持一致，但对于移动端和 PC 端两个截然不同的体系来说，更好的用户体验无疑是为两者分别准备一套代码。也就是说，如果一个网站做了这样的设备适配，那么用户在移动端访问到的就是移动端的页面，在 PC 端访问到的就是 PC 端的页面。我们可以在 Nginx 服务器的 conf.d 文件中进行配置，以根据设备类型的不同来做页面的跳转。

在 Linux 环境通过 npm 全局安装 pm2 后，运行 pm2 命令却显示没有找到该命令：-bash: pm2: command not found。上网查找资料发现，这是因为没有创建软连接导致的。

前端开发已经模块化，它改进了代码库的封装和结构。打包工具已经成为了一个项目必不可少的部分，如今这儿有几种可能的选择，例如 webpack，grunt，gulp 等。webpack 因为他的功能和扩展性在过去的几年中，受到非常大的欢迎。

不像大多数的模块打包机，webpack 将项目当作一个整体，通过一个给定的的主文件，从这个文件开始找到项目的所有依赖文件，使用 loaders 处理它们，最后打包成一个或多个浏览器可识别的 js 文件。

一、ts 类型

1. 基本类型：string, number, boolean

Note: The type names String, Number, and Boolean (starting with capital letters) are legal, but refer to some special built-in types that will very rarely appear in your code. Always use string, number, or boolean for types.

一、JavaScript 是动态弱类型语言

1. 弱类型语言

JavaScript 是一门弱类型语言。语言类型的强弱，业界并没有提供权威的概念进行区分。但大体而言，强类型语言会有更严格的类型约束，不允许已声明类型的变量出现隐式的类型转换。而弱类型语言几乎不受限制，这种变量类型的不确定性可能会给代码带来隐患。

typeof 转换类型

number 转换类型

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。

() 是匹配，[]是条件筛选的字符集合模式。