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

#wanName用来指定上网口，dhcp模式直接填写端口全名， 如果是多拨可直接指定pppoe-out不用每个拨号都指定 speedMax为最大带宽，单位K。 upMax为上传最大带宽与下载同理 outEther为流量出口以便于监控并触发限速. ``` :local wanName "pppo

推荐一下好用的vue3和nuxt3通用toast消息提醒组件，vue3中直接在可使用下面代码直接全局导入，this.toast('message content');支持toast.info/success/error/danger/warning('message content'); nuxt

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

NUXT3下使用sharp图像处理组件，按照客户端需要图片大小读取上传的图片并以文件流形式下发到客户端，可省略掉上传时需要缩略图，且可满足客户端对图片的各种大小的缩略图需求，也可节省请求次数和流量。亦可加入限制和请求访问TOKEN过滤掉跨站请求图片。

使用RouterOS禁止局域网中某个IP或地址段访问外网的配置方法，首先我们要明确目标IP和外网端口即可通过ros的Filter Rules来实现。 1. 添加IP-Firewall-Filter Rules-Add New新的规则 2. 设置：Chain:Forward Src.Address:

RouterOS自动过滤24小时内已使用过IP地址，重复则自动断开再次ADSL拨号，客户端断开网络连接或关闭WIFI后，10秒延迟后自被主机自动监测到，就会断开相对应的ADSL连接，同时也就实现了客户端下线后自动换IP地址，需要IP供应商改为桥接模式才可实现，须拨号得到公网IP的环境下有效，内网10

Nuxt3下推荐一款svg图标组件——nuxt-icon，组件为Nuxt官方Modules中推荐。可以很好的解决SVG图标的复用和按需加载问题，用起来方便，不用一次加载全部SVG图标，也不用将svg内容复制到h5代码中，方便管理且节省流量。 **安装组件** ``` npm i nuxt-ico

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

在VUE3和NUXT3中使用Font-Awesome-Icon 这个SVG图标库优势就不用说了，又多又好用，还不用全库导入成字体导致首页加载慢等问题。 1. 在vue3中components文件夹下建立 FontAwesomeIcon.vue 2. NUXT3中components文件夹下建立Fo

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

主要用于个别区域网络运营商会检查拨号的MAC地址，如已有人使用ROS多拨，会导致MAC地址冲突不能正常拨号上网问题，这种情况则可使用RouterOS的VRRP虚拟MAC地址实现多拨。变量实例：mac1 "00:E0:4C:" 用以指定MAC地址前三段，后面会自动补充，:set bridgeName

分享一款新发现的非常好用的所见即所得的富文本编辑器，不同于其它的富文本编辑器，Vditor使用了Markdown基础编辑方式的同时引入所见即所得、即时渲染、分屏预览几种模式可选择。 Vditor官方网站https://b3log.org/vditor/也有对Vditor描述为一款浏览器端的 Mar

使用RouterOS的脚本配合计划任务的定时执行可实现自动解析花生壳域名到指定IP地址，当然还需要端口映射（在我之前的文章中已经有分享过相关脚本程序代码）。也可以配合pppoe或wan端口的监听脚本，当Ip变化时则执行以下脚本可以更及时的实现动态解析，以达到完美的ddns功能。 在ROS中使用花生

ros多拨会存在某线断开，无法实现PCC分线问题，分享一段PCC在多拨下的自动修正程序： #将脚本命名保存，创建计划任务 执行:execute script="脚本名称" ``` :local status :local i 0 :local x 0 :local y 0 :local z 0

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

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

NUXT3下推荐nodemailer组件，直接Server端邮件发送程序，已内置支持国内常用邮件服务提供商参数。 **示例代码：** ``` import nodemailer from 'nodemailer'; //定义配置 const mailConfig={// 创建一个smtp客户端配

华为交换机建立本地配置环境，将主机的串口通过配置电缆与以太网交换机的Console口连接。使用console口配置交换机，实现vlan划分及trunk聚合线路方法。 使用SecureCRT连接交换机，这里使用了usb转com的rj45线来连接，装好驱动后在电脑设备中查看com端口，使用Secure

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

“妈妈，我能再吃一块鸡翅吗？”我眼巴巴地望着妈妈说。 妈妈斩钉截铁地说：“不行，小吃货，你都比同龄的孩子胖一圈了，再吃就成小胖墩了。”  我无奈地回了房间，心想：美味的鸡翅，再见！不一会儿，我仿佛闻到了蜜汁鸡翅的味道，混合着甜咸的肉香飘进我的鼻孔，我不由自主地跟着香气向前走！走过几个迷宫般的小巷

Nodejs下微信支付与本地开发环境搭建，众所周知微信的公众号小程序本地开发过程中实分不友好，不管是认证，调试需要反复的上传给开发过程带来诸多不便，微信的支付环境更是要求更加严苛，而且官方还不提供nodejs的开发范例及sdk。 此文我们主要讲如何实现本地开发微信公众号和小程序的环境搭建及node

灸法古称“灸焫”，又称艾灸。指以艾绒为主要材料，点燃后直接或间接熏灼体表穴位的一种治疗方法。也可在艾绒中掺入少量辛温香燥的药末，以加强治疗作用。该法有温经通络，升阳举陷，行气活血，祛寒逐湿，消肿散结，回阳救逆等作用，并可用于保健。对慢性虚弱性疾病和风、寒、湿邪为患的疾病尤为适宜。因其制成的形式及运用

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