域名二级目录 指向 nextjs 应用
应用场景: 考虑到多应用在一个域名下能提高该域名的SEO,所以选择通过域名二级目录形式指向 nextjs应用,这里需要修改 nginx 和 nextjs 配置
TCP 与 UDP的区别
UDP是User Datagram Protocol的简称，中文名是用户数据报协议，是OSI参考模型中的传输层协议，它是一种无连接的传输层协议，不会对报文进行任何拆分和拼接操作，提供面向事务的简单不可靠信息传送服务
Composition API
Composition API的主要思想是，我们将它们定义为从新的 setup 函数返回的JavaScript变量，而不是将组件的功能（例如state、method、computed等）定义为对象属性。
pm2管理node服务
全局安装pm2；检测pm2是否安装成功,在命令行输入pm2 -v；先查看pm2路径；从全局路径随便选一个,把pm2路径软连接到全局路径上
JS常见简单算法排序
我们面试中经常会遇到排序算法问题，我整理了冒泡排序、选择排序、插入插排等常见简单排序方法。希望此文想对了解排序的前端同学有所帮助。为了简单高效演示算法的实现思路，我先封装一个构造函数
vue开发之keep-alive
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。
babel 版本原因运行报错，解决办法
学习 babel 时，遇到的问题，使用旧版本 babel 命名规则安装后运行报错，初步查找到原因是因为 babel 各个preset和plugin新旧不同版本之间存在兼容问题，提示使用 npx babel-upgrade 可以自动升级，但是我升级失败了
vue3对比vue2使用，代码解释最直观
对于大多数组件，Vue2和Vue3中的代码即使不完全相同，也是非常相似的。但是，Vue3支持片段，这意味着组件可以有多个根节点。这在呈现列表中组件以删除不必要的包装器div元素时特别有用。但是，在本例中，表单组件的两个版本都将只保留一个根节点
前端安全之防范XSS
XSS大部分前端coder都不会陌生，全称：跨站脚本漏洞（Cross Site Scripting，简写作XSS）是Web应用程序在将数据输出或者展示到网页的时候存在问题，导致攻击者可以将对网站的正常功能造成影响甚至窃取或篡改用户个人信息