网络安全是每个开发者必须重视的话题。本文详细介绍XSS跨站脚本攻击、SQL注入、CSRF跨站请求伪造等常见攻击类型的原理及防御措施，并分享HTTPS加密传输、强密码策略、定期更新依赖等安全实践建议，帮助开发者养成安全编码的好习惯。

Node.js Buffer 是处理二进制数据的核心模块。本文介绍 Buffer 的创建、读写、转换等常用操作，包括 from、alloc、toString 等方法，以及在文件处理、网络编程中的实际应用场景。

Vue 3 组合式 API (Composition API) 彻底改变了我们组织组件代码的方式，本文详细介绍实际项目中的使用体验和最佳实践，帮助开发者更好地理解和应用这一强大特性，提升开发效率。

交换机常用配置指令，在配置交换机或在项目中过程中如何查看交换机的配置状态，端口 vlan trunk等规则配置命令，查询交换机的配置情况，更能快速的定位、解决交换机在配置过程中的一些问题。

在Nuxt3页面级keepalive不可用问题已在v3.11版本中得到很好的解决，这里提供一个示例方法。 首先得明白造成此问题的原因是keepalive的include项默认读取from.matched[0].components.default.__name的值，该值为vue默认组件的名称，但n

# NPM nodejs改为国内源和参数方法，在需要安装cnpm也可以使用淘宝镜像，提高国内访问速度，由于Node的官方模块仓库网速太慢，模块仓库需要切换到阿里的源。 **查看当前镜像地址** ```text npm config get registry ``` **NPM修改为淘宝镜像*

记一下js下数组数组的并集、交集、差集处理方式，不出现重复项，得到的结果是一个新数组，使用ES5语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器JavaScript版本。也不用引入三方库。 ```typescript const arr1=[33,22,22,55,33,11,33,5]; c

IP链路测试命令是计算机网络中常用的一种命令行工具，用于诊断和排除网络故障。其中包括诸如ping、tracert、nslookup等命令，它们可以帮助网络管理员或技术人员发现网络故障的根本原因，减少网络维护和故障排除的时间和成本。其中，ping命令可以测试主机之间的网络连接是否正常，tracert命

Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular，提供桌面版。 这里主要分享Vditor自定义图片上传工具栏按钮，实现自定义

Mikrotik的RouterOS已更新到v7版本，其中有不少的改进，特别是在wireguard提升不少，但同时也带来一些与v6.x不同的操作，这里主要记录一下在ros v7.x下一键添加VPN并进行路由标记的方法。同时也会注明与v6.x的不同之处。 脚本一键创建多VPN，默认创建为l2tp的模式

无论我们使用VUE、REACT、NUXT等各种框架开发项目后，最终上线部署都会选择PM2，特别是对于需要Nodejs做Server支撑的项目，因pm2是基于nodejs开发的进程管理器，适用于后台常驻脚本管理，同时对node网络应用有自建负载均衡功能。 **一、pm2特点：说一些pm2有哪些优点好

Mikrotik的RouterOS查询设备最大并发控制数及当前并发数，通过当前已知接入设备可以得到当前工作状态设备的并发线程数，可简单借助以下方法算出设备最大带机数量。 **计算方法：** ``` 最大并发控制数 / 30  / 当前单机线程 = 大致带机数 ``` **查看当前设备的最大并发

Mysql2适用于Node.js的MySQL客户端，专注于性能优化。支持SQL预处理、非UTF-8编码支持、二进制文件编码支持、压缩和SSL等等，这里主要记录一下使用预处理功能。 使用 MySQL2预处理的使用，可以提前准备好SQL预处理语句。 使用准备好的SQL预处理语句，MySQL 不必每次都

记录一下最近新发现并立即应用到项目开发的一个强大动画库——animejs。 anime.js是一个强大的用来制作动画的javascript库，功能上基本与GASP（greensock）没有差距，之所以在github上短期内获得大量追捧和收获赞，就在于其足够轻便，gzip压缩完只有9kb左右，同

Nuxt3有关3.5.1版仍然存在的一个NuxtPage页面级keepalive的内部bug问题，导致keepalive无法正常工作，其内置三个参数 include,exclude,max只有max参数能得到支持。 ``` <NuxtPage :keepalive="{max:5}"/> ```

使用axios进行ajax提交数据时，进行数据拦截整理后再提交，可很好的帮助我们在开发过程中实现前后端数据交互工作，尤其是前端接口不统一，有时以对象提交，有时又formData提交导致数据不统一等问题。另在vue环境下，当使用formData收集数据并提交给后端时，会出现空值、未定义值在传输过程中被

NUXT3与VUE通用省市区地址三级联动选择组件，组件使用了VUE3的Setup语法糖，由于地址太多发布不全，这里只提供了几个典型的省市区模板参考，其它省市区还得自己去补齐。街道门牌号必须大于5个字符才会正 常返回地址内容给父级组件，同时支持父级组件回传地址并自动识别省份、城市、区县并自动处于

端口映射的功能主要就是实现互联网可以访问当前映射的电脑，想要实现端口映射的方式也有很多，用ros实现端口映射就是其中的一种方式。这里我们主要说说用RouterOS做内网端口映射，并提供自动脚本。也可以设计计划任务定时或路由开机重启后自动执行脚本。 以下是脚本代码，代码内已做判断，如果目标映射端口已

Nuxt3下利用./server/plugins服务端插件实现计划任务或时间时限任务执行。 在/server/plugins下建立的任意文件，均会在服务器启动时就执行，在插件内挂入setTimeout或setInterval即可实现计划任务工作，nitroApp中还包含了hook可调用。 ```

在Vue3和Nuxt3下生成二维码推荐使用 nodejs下qrcode.vue组件，记一下使用方法和分别在Vue3和Nuxt3下分别的使用方法。 安装组件： ``` npm i qrcode.vue --save ``` Vue3下示例代码：(在components下建立组件） ``` <t

慕千汐在冷笑，好一对贱男白莲花组合啊！绝配！在她的葬礼上，筹谋着换婚。准备李代桃僵，还一副大义凛然的样子。“呵呵呵！离王殿下，本家主还没有休了你，你就想另娶新欢了，是不是太心急了一点啊！” 那冰冷中带着邪气的声音，一时间让离王听不出来是谁“谁？给本王出来，不要在汐儿的灵堂装神弄鬼。”慕千汐这样大摇

Nuxt3下引入tailwindcss，从最初的手写style文件到使用bootstrat5的CSS框架，最终我选择tailwindcss。TailwindCSS官方称一个可以让你脱离css文件，在html直接通过class修改样式的框架，在通过一两个项目的引入使用后最终决定以后都使用它了，这里主要

慕千汐看到走过来一个白衣老伯伯，瞬间松了一口气。不是那个家伙就好。白管家笑道：“姑娘，我是这里的管家，你叫我白管家就好了。主子喜静，所以这里除了主子之外，只有我一个人了，希望姑娘不要介意。” 慕千汐嘴角微微的抽搐着，喜欢安静，就让一群不会说话的骷髅伺候。那个男人太可怕，太极端了，必须快点想办法离开

紫月国国都，紫都郊外。“嘭！”一个金灿灿的身体，如同破麻布一般被丢到了城外的乱葬岗上。 “哑——” 几声大叫，尸鸦被惊得飞起，不祥的黑羽从空中飘落而下。尸骨叠加，腐烂的味道，周围的空气无比的阴冷浑浊。“堂堂慕家家主，竟然被人抛尸乱葬岗，真是可怜啊！”“可不是吗？这样废材又恶俗的女人，竟然还敢肖想