阿乐のBlog

（一）将前端 vue 项目部署到 Nginx1、官网下载 nginx 稳定版：http://nginx.org/en/download.html（如下载到 E:\nginx\nginx-1.18.0 目录中） 2、双击运行 nginx，然后通过查看任务管理器，确定 nginx 是否已经执行。 注意：nginx 默认端口号是80，如果端口号被占用，需要修改。 3、将前端 npm run build 打包后的 dist 文件夹复制到 html文件夹中 4、修改 E:\nginx\nginx-1.18.0\conf\nginx.conf 文件 （1）将 #user nobody 修改为 #user root 2）修改 serverroot 默认是 html，这里改为 html/dist ，nginx 会在 dist 文件夹中找到 index.html打开。（如果80端口号被占用，此处将端口号80改为 88或者其他） 修改完成之后，重新启动 nginx。在浏览器中输入 localhost:80 或者 127.0.0.1:80 即可打开项目。

1.es6的三种方法12345678910111213let arr = [2, 5, 3, 3, 5, 7, 3, 7, 3, 7, 2, 2]// (1)拓展运算符 + new Set 方法let narr1 = [...new Set(arr)]// (2)Array.from + new Set 方法let narr2 = Array.from(new Set(arr))// (3)new Map() + filter方法let myMap = new Map()let narr3 = arr.filter((item) => { return !myMap.has(item) && myMap.set(item, 1)}) 相关es6知识点 new Map() new Set() Array.form() 2.for循环的一种方法1234567// (4)for循环方法let narr2 = []arr.forEach((item) => { if(narr2.indexOf(item) == -1) &# ...

??双问号语法，在JavaScript中的意思是，如果??左边的值为null或undefined,则取??右边的值。 12let object;let key = object ?? true;console.log(key); // true

先订阅，再发布（理解：隔空对话的感觉）安装第三方库pubsub-js yarn add pubsub-js，利用钩子函数componentDidMount在组件挂载后subscribe（）函数进行订阅消息，该行为会返回一个token值，供unsubscribe（）取消订阅时使用，根据token取消对应的消息. 安装 npm install pubsub-js yarn add pubsub-js 引入 import pubsub from ‘pubsub-js’; 1234567//订阅 componentDidMount(){ this.token = PubSub.subscribe('usersData',(_,data) => { console.log('订阅消息：',data) this.setState({...data}) }) } publish() 进行发布消息 1234 ...

定义：UUID 是 通用唯一识别码（Universally Unique Identifier）的缩写，生成全球唯一的一串字符编码。 生成方式：UUID是基于当前时间、计数器（counter）和硬件标识（通常为无线网卡的MAC地址）等数据计算生成的。UUID可以被任何人独立创建，并按需发布。 现实使用:由于uuid体积较大，在开发过程中一般使用更加轻量级的nanoid来代替uuid的使用 使用步骤步骤一：安装nanoid包 1npm i nanoid 步骤二：使用 由于引入的nanoid是一个函数，即使用时也用函数的形式 123import {nanoid} from 'nanoid' // 引入nanoid() // 函数调用