tenfei的个人主页-纳摩尔

tenfei

性格左右命运，气度影响格局。

脂批：略见曹公之影，而不见其形也！

作者推荐最受欢迎最多阅读评论最多

Node.js异步编程深度解析

本文深入探讨Node.js的核心特性——异步编程模型，详细解析事件循环的工作原理、非阻塞IO机制以及如何避免回调地狱。通过实际代码示例，帮助读者全面理解Node.js的高并发处理能力。

8017小时前

Nuxt 3 服务端渲染完全指南：从入门到实践

本文深入探讨Nuxt 3框架的服务端渲染机制，详细介绍SSR的工作原理、配置方法以及最佳实践。通过实际案例，帮助开发者快速掌握Nuxt 3的SSR技术，构建高性能的Web应用。

8017小时前

Node.js异步编程深度解析：从回调函数到Async/Await

Node.js异步编程是现代JavaScript开发中的核心概念，理解其工作原理对于构建高效、可扩展的应用程序至关重要。本文将深入探讨Node.js中的异步编程模型，从最基础的回调函数模式开始，逐步演进到Promise和Async/Await，帮助读者全面掌握这一重要技术。

120119小时前

Node. js 异步编程深度解析：从回调函数到 async/await

本文深入探讨Node. js中的异步编程模型，从最初的回调函数模式，到Promise，再到现代的async/await语法，帮助开发者全面理解Node. js的事件驱动非阻塞I/ O机制，掌握高效处理并发请求的能力。

120119小时前

MikroTik RouterOS 防火墙规则配置实战指南

MikroTik RouterOS 是一款功能强大的路由器操作系统，其防火墙模块基于 netfilter 链式规则，支持精细化的流量控制与安全策略。本文将从防火墙基础概念出发，详细讲解 Filter、NAT、Mangle 三张表的使用方法，并结合实际场景演示如何配置入站保护、端口转发和流量标记，帮助

210221小时前

• 网络安全

深入理解Web应用防火墙（WAF）：原理、部署与最佳实践

Web应用防火墙（WAF）是专门针对Web应用的安全防护产品，通过对HTTP流量进行深度检测，识别并阻断SQL注入、XSS、CSRF等恶意攻击，保护Web应用安全。本文深入探讨WAF的工作原理、部署方式和最佳实践。

19021天前

RouterOS路由操作系统完全指南：从入门到精通

本文全面介绍了RouterOS路由操作系统的核心概念、配置方法和实际应用场景。包括安装配置、桥接交换、路由防火墙、无线网络、VPN和企业应用、监控故障排除以及脚本自动化等关键技术内容。

37021天前

Vue 3响应式原理与实际应用

本文深入探讨Vue 3响应式系统的核心实现原理，从Proxy代理器到副作用收集机制，全面解析Vue 3如何实现数据变化自动触发视图更新。通过详细的代码示例和实际应用场景，帮助开发者深入理解Vue 3响应式工作流程，提升前端开发能力。

40022天前

RouterOS路由操作系统完全指南：从入门到精通

RouterOS是MikroTik公司开发的功能强大的路由操作系统。本文全面介绍RouterOS的核心概念、配置方法和实际应用场景，涵盖安装初始化、桥接交换、路由防火墙、无线网络、VPN配置、监控故障排除和脚本自动化等关键主题。掌握RouterOS的配置和管理，不仅能够提升网络工程的实践能力，还能为

32022天前

RouterOS防火墙深度配置指南

# RouterOS防火墙深度配置指南 RouterOS作为MikroTik公司开发的强大路由操作系统，其内置的防火墙功能为网络管理员提供了灵活而强大的安全防护能力。 ## 防火墙架构 RouterOS的防火墙采用链（Chain）和表（Table）的两层结构，包括filter表、nat表、ma

44023天前

Vue3组合式API完全指南：从入门到精通

本文全面解析Vue3的核心特性——组合式API，详细介绍其设计理念、基本用法、响应式系统以及与选项式API的对比，帮助开发者快速掌握Vue3的最新开发范式，提升代码复用性和可维护性。

44023天前

深入理解Node.js事件循环机制与异步编程模型

本文深入探讨Node.js的核心特性——事件循环机制，详细解析其工作原理、事件阶段、异步编程模式以及常见的性能优化策略，帮助开发者更好地理解Node.js的非阻塞I/O模型，提升应用程序的性能和响应能力。

39023天前

Node.js 异步编程深度解析：从回调地狱到 async/await 的演进之路

本文深入探讨了 Node.js 异步编程的核心概念与演进历程，详细分析了回调函数、Promise、async/await 等异步处理方式的技术特点与适用场景。通过实际代码示例帮助开发者理解事件循环机制，掌握高效处理异步操作的最佳实践，提升 Node.js 应用的性能与可维护性。

43023天前

Vue 3 组合式API完全指南

本文深入探讨Vue 3的组合式API，从基础概念到实际应用，帮助开发者掌握这一强大的新特性。通过掌握ref、reactive、computed、watch等核心API，以及组合函数Composables这一强大的抽象机制，我们可以编写出更加清晰、可维护的Vue应用，组合式API已经成为现代Vue开发

45023天前

Vue 3 Composition API 实战：构建可复用的业务逻辑

本文通过实际业务场景，深入讲解Vue 3 Composition API的核心用法，包括响应式数据管理、自定义Hook封装、依赖注入等，帮助开发者从Options API平滑过渡到Composition API，提升代码复用性和可维护性。

41023天前

Vue 3 Composition API 实战入门指南

本文通过实际案例详细介绍 Vue 3 Composition API 的核心用法，涵盖 setup 函数、响应式基础、script-setup 语法、自定义组合式函数、watch 与 watchEffect，以及生命周期钩子等内容。

45023天前

MikroTik RouterOS 防火墙基础配置指南

本文从基础概念出发，详细介绍 MikroTik RouterOS 防火墙的配置方法，包括 Filter 规则表的设置、链的概念、连接跟踪的使用，以及完整的初始配置流程和安全建议。

44024天前

• 网络安全

深度解析网络钓鱼攻击：原理、手段与防御策略

本文深入探讨网络钓鱼攻击的定义、常见手段、工作原理以及有效的防御策略，通过分析真实案例帮助读者提升网络安全意识，掌握识别和防范网络钓鱼的基本技能，保护个人和企业免受网络钓鱼攻击的侵害。

39024天前

• 网络安全

网络安全基础入门指南

本文为网络安全初学者提供全面的入门指南，介绍网络安全的基本概念、常见威胁类型、防护措施以及学习路径。通过了解防火墙、加密技术、身份验证等核心知识，帮助读者建立系统的网络安全意识，适合准备进入网络安全领域或希望提升个人安全防护能力的中文读者。

42024天前

• 网络安全

网络安全入门指南：保护你的数字生活

本文为网络安全入门指南，详细介绍网络攻击常见类型、防护措施及最佳实践，帮助读者建立基础安全意识，学会保护个人隐私和数字资产，适合对网络安全感兴趣的初学者阅读学习。

48024天前

Vue 3组合式API完全指南

本文详细介绍Vue3组合式API的核心概念、setup函数、ref与reactive响应式系统、computed与watch等核心API的使用方法和最佳实践，帮助开发者从OptionsAPI平滑过渡到组合式API，显著提升代码复用性和可维护性。

53025天前

Node.js异步编程

## 引言 Node.js作为JavaScript运行时环境，其最核心的特性就是非阻塞I/0和事件驱动的编程模型。这种设计使得Node.js在处理高并发、I/0密集型任务时表现出色，成为现代Web开发中不可或缺的技術栈。本文将深入探讨Node.js的异步编程机制，帮助开发者更好地掌握这一核心技术

53025天前

NodeJS 入门指南：从零开始构建高效后端应用

本文详细介绍NodeJS的基础知识、核心概念和实战技巧，帮助初学者快速掌握这一强大的JavaScript运行时环境。NodeJS凭借其事件驱动、非阻塞I/O的特性，已成为现代后端开发的主流选择。

50025天前

• 网络安全

网络安全实战：企业级防火墙配置与入侵检测完全指南

本文深入探讨企业级网络安全的核心防线，从防火墙基础配置到入侵检测系统的部署，通过详实的配置示例和最佳实践，帮助安全工程师构建完善的企业网络安全体系。涵盖iptables、Suricata等主流工具的配置方法，以及零信任架构的落地思路。

57026天前

Node.js异步编程深度解析：事件循环与Promise机制详解

本文深入探讨Node.js的异步编程模型，详细解析事件循环的工作原理、Promise的使用技巧以及async/await的异步编程最佳实践。通过丰富的代码示例，帮助开发者更好地理解Node.js的非阻塞I/O特性，提升应用程序的性能和可维护性。

56026天前

Vue3入门指南：掌握现代前端开发

Vue3是Vue.js框架的第三代版本，由尤雨溪于20年9月正式发布。作为一个渐进式JavaScript框架，Vue3带来了诸多创新特性和性能提升，包括Composition API、全新响应式系统、Teleport、Fragments等新特性，让构建现代Web应用更加高效和愉悦。本文将详细介绍Vu

56026天前

NodeJS入门指南：从零开始掌握JavaScript后端开发

NodeJS是JavaScript运行时，让开发者可以用JS写后端。本文面向零基础读者，介绍NodeJS的基本概念、安装配置、核心模块和实战技巧，帮你快速入门后端开发。

60026天前

Vue3组合式API完全指南

Vue 3带来的组合式API彻底改变了Vue应用的开发方式。深入讲解setup语法糖、ref、reactive、computed、watch等核心API，帮助开发者快速掌握Vue 3的现代化开发模式。

63027天前

NodeJS后端开发进阶指南

本文系统梳理Node.js后端开发的核心知识点，涵盖Express/Koa框架、数据库操作、API设计、权限认证、性能优化及生产环境部署等关键环节，帮助开发者构建高质量的企业级应用。

66027天前

从零开始玩转RouterOS：中小企业网络路由神器完全指南

RouterOS是MikroTik公司开发的功能强大的路由操作系统，本文将从入门到进阶详细讲解RouterOS的安装配置、基础网络设置、防火墙规则、VPN搭建等核心功能，帮助网络管理员快速掌握这款被誉为中小企业网络路由神器的强大工具。

77027天前

深入浅出Node.js异步编程：从回调到Async/Await的演进之路

本文将带领读者深入了解Node.js的异步编程模型，从基础的回调函数到现代的Promise和async/await，通过大量实战代码示例，帮助开发者掌握非阻塞I/O的核心概念，提升应用性能与开发效率。适合已具备JavaScript基础希望进阶的开发者学习。

58027天前

• 网络安全

网络安全入门：保护你的数字资产

# 网络安全入门：保护你的数字资产在当今数字化时代，网络安全已经成为每个人都需要关注的话题。无论是个人用户还是企业组织，都面临着各种网络威胁。本文将为你详细介绍网络安全的基础知识，帮助你更好地保护自己的数字资产。 ## 什么是网络安全？网络安全是指保护计算机网络及其数据免受未经授权的访问、

48017天前

• 网络安全

新手入门网络安全必须掌握的10个核心概念

网络安全已成为当今数字化时代每个人都必须面对的重要议题。本文专为中文读者精心整理了10个网络安全核心概念，从基础术语到实战技巧，帮助零基础读者快速建立网络安全知识体系，掌握保护数字资产的关键技能。

55027天前

Node.js Express 中间件详解

# Node.js Express 中间件详解 ## 什么是中间件？中间件（Middleware）是 Express 框架的核心概念，它是介于请求（Request）和响应（Response）之间的函数。中间件可以执行代码、修改请求和响应对象、结束请求-响应循环，或者调用下一个中间件。 Exp

55017天前

什么是 Nuxt 3?

<h2>什么是 Nuxt 3?</h2><p>Nuxt 3 是 Vue 3 的全栈框架,它提供了更快的性能、更好的开发体验和更强大的功能。作为 Vue 生态系统的核心成员,Nuxt 3 继承了 Vue 3 的 Composition API,同时引入了许多新特性。</p><h2>主要特性</h2><

45007天前

深入理解 Node.js 异步编程：从回调地狱到 async/await

<h1>深入理解 Node.js 异步编程：从回调地狱到 async/await</h1><p>Node.js 作为 JavaScript 的运行时环境，其非阻塞 I/O 模型是其高性能的核心所在。然而，异步编程也是 Node.js 学习曲线中最陡峭的部分之一。本文将带你从回调函数出发，逐步深入到

55007天前

Nuxt 3 完全指南：从入门到实战

# Nuxt 3 完全指南：从入门到实战 ## 引言 Nuxt 3 是 Vue 3 的全栈框架，为开发者提供了更强大的服务端渲染能力和开发体验。本文将详细介绍 Nuxt 3 的核心概念和使用方法。 ## 什么是 Nuxt 3？ Nuxt 3 是一个基于 Vue 3 的全栈框架，它提供了：

117027天前

Vue3响应式原理深度解析

Vue3使用ES6Proxy重写响应式系统，带来更强大的数据拦截能力和更优性能。本文深入解析依赖收集、触发更新computed和watch等核心机制，包含完整代码示例和应用场景，帮助开发者全面掌握Vue3响应式原理。

77027天前

从零开始使用Nuxt3构建企业网站

Nuxt3是企业级网站开发的首选框架，本文详细介绍如何使用Nuxt3从零开始构建专业的企业网站，涵盖项目初始化、响应式设计、组件开发、性能优化等核心内容，帮助开发者快速搭建高性能的现代化企业网站。

59027天前

Node.js 异步编程深度解析：Promise、async/await 与事件循环

深入讲解Node.js异步编程机制，包括回调函数、Promise、async/await语法糖的使用技巧，以及Node.js事件循环的详细解析，帮助开发者全面掌握异步编程精髓。

67027天前

Vue 3 组合式 API 完全指南：从入门到实践一

详细介绍Vue 3组合式API的使用方法，包括ref、reactive、computed等核心功能的深入讲解，以及Composables逻辑复用技巧的完整实践，帮助开发者快速掌握Vue3开发精髓。

82027天前

Vue 3 组合式 API 最佳实践：构建可维护的企业级应用

Vue 3 带来的组合式 API（Composition API）为前端开发者提供了一种全新的代码组织方式。本文深入探讨组合式 API 的核心概念，详细讲解 ref、reactive、computed、watch 等核心 API 的使用方法和最佳实践，介绍 Composable 函数的设计原则和实际

84027天前

Node.js 异步编程深度指南

Node.js 异步编程完全指南，从回调函数、Promise 到 async/await，详解异步编程模式与最佳实践，帮助开发者提升 Node.js 技能，掌握非阻塞 I/O 核心概念，构建高效后端服务。

67027天前

Vue 3 组合式 API 完全指南：从入门到实战二

Vue 3 组合式 API 完全指南，详解 ref、reactive、computed、watch 等核心 API，介绍 Composables 逻辑复用方式，以及 TypeScript 集成和性能优化技巧。

97027天前

Node.js 异步编程完全指南

# Node.js 异步编程完全指南 ## 前言 Node.js 是 JavaScript 运行时，采用非阻塞 I/O 模型，天生适合处理高并发场景。异步编程是 Node.js 的核心，也是开发者必须掌握的重要技能。本文将带你从回调函数开始，逐步深入到 Promise 和 async/await

68027天前

Vue 3 响应式系统深度解析：Reactivity API 完全指南

# Vue 3 响应式系统深度解析：Reactivity API 完全指南 ## 前言 Vue 3 的响应式系统是其核心特性之一，相比 Vue 2 的 Object.defineProperty，Vue 3 使用了 Proxy 来实现响应式，带来了更强大的功能和更好的性能。本文将深入探讨 Vue

85027天前

Nuxt 3 深入理解：现代前端开发的首选框架

# Nuxt 3 深入理解：现代前端开发的首选框架 ## 前言在当今的前端开发领域，Nuxt 3 已经成为构建现代 Web 应用的首选框架之一。作为 Nuxt.js 的最新版本，Nuxt 3 在性能、开发体验和功能方面都有了质的飞跃。本文将深入探讨 Nuxt 3 的核心特性、优势以及实际应用场

600110天前

Node.js Express 实战构建高性能 RESTful API 完全指南

本文详细介绍了使用 Node.js 和 Express 构建高性能 RESTful API 的完整流程，涵盖项目结构设计、数据模型、控制器逻辑、认证授权、性能优化以及 Docker 部署等关键环节，是后端开发者必备的实战指南。

89027天前

Node.js异步编程完全指南

# Node.js 异步编程完全指南 ## 前言 Node.js 采用事件驱动的非阻塞 I/O 模型，使其在处理高并发场景时表现出色。异步编程是 Node.js 的核心特性，也是开发者必须掌握的关键技能。 ## 什么是异步编程？异步编程是一种编程范式，允许程序在等待某个操作完成时继续执行其

76017天前

Vue 3 响应式系统深度解析

# Vue 3 响应式系统深度解析 ## 什么是响应式系统？ Vue 3 的响应式系统是其核心特性之一，通过 ES6 Proxy 实现了对数据变化的自动追踪和视图更新。 ## 核心 API ### ref 用于创建基础类型的响应式数据： ```javascript import { re

86017天前

• 网络安全

网络安全基础指南

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

810212天前

快速理解 Vue3 响应式系统

Vue3响应式系统采用ES6 Proxy重写，性能大幅提升。本文介绍reactive和ref的区别、computed计算属性和watch监听器的用法，帮助开发者快速掌握Vue3响应式核心概念。

79027天前

Node.js 异步编程完全指南

Node.js采用单线程事件循环模型，通过异步I/O处理高并发。本文详细介绍回调函数、Promise和async/await三种异步编程模式，探讨如何避免回调地狱，提升代码可读性和执行效率。

74027天前

Vue3 组合式 API 入门指南

Vue3引入组合式API，提供更灵活的代码组织方式。本文介绍setup函数、响应式数据、计算属性和生命周期钩子的基本用法，探讨逻辑复用和类型推断的优势，帮助开发者快速入门。

89027天前

Node.js Buffer 完全指南

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

93027天前

Vue 3 组合式 API 实战技巧

Vue 3 组合式 API 彻底改变了我们编写组件的方式。本文分享 5 个实用的组合式 API 技巧，包括逻辑复用、状态管理、生命周期钩子等核心概念，帮助你写出更优雅的 Vue 代码。

93027天前

Node.js 异步编程指南

Node.js 的异步编程是其核心特性之一，本文介绍回调函数、Promise、async/await 等常见模式，帮助开发者更好地理解和应用异步编程，提升开发效率。

96017天前

Vue 3 组合式 API 实战

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

87017天前

交换机配置常用指令及配置说明

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

2597021年前

GSAP动画组件在NUXT3中实现多目标交替动画延时效果。

GSAP是The GreenSock Animation Platform简写，是一个功能十分强大的动画平台，可以帮助我们实现大部分的动画需求，构建高性能的、适用于所有主要浏览器的高性能动画；GSAP非常的灵活，可以在任何框架上处理页面能够所有通过js改变的元素，不仅可以对div的css属性进行动画

1351021年前

RouterOS 定时任务实战：让路由器自动备份配置

RouterOS 定时任务实战：让路由器自动备份配置在使用 RouterOS 时，定期备份配置是一个好习惯。今天教大家如何利用 RouterOS 的 Scheduler 功能实现自动备份。什么是 Scheduler Scheduler 是 RouterOS 中的定时任务功能，相当于 L

1310215天前

Nuxt3中使用状态记录并控制keepalive列表。

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

1562031年前

nodejs改为国内源和参数方法

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

1412017天前

js下数组数组的并集、交集、差集处理方式

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

1310021年前

• 网络基础

常用网络故障排除命令及使用方法。

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

1754022年前

华为交换机vlan划分及hybrid、trunk配置包括线路聚合

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

2173031年前

Vditor自定义工具栏按钮，实现从素材库选择或上传图片功能。

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

1997032年前

RouterOS V7.x下一键创建VPN并指定路由

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

2097032年前

RouterOS禁止某个局域网某IP或地址段上网

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

3027032年前

使用PM2配置并部署项目上线。

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

1477027天前

Vditor富文本编辑器支持NUXT下SSR服务端渲染。

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

1949032年前

Mikrotik的RouterOS查询并发控制数计算待机数量

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

1545032年前

Mysql2使用连接池对高频语句预处理以提升性能。

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

1537032年前

animejs动画库推荐及Vue下与transition动画

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

1804022年前

Nuxt3下引入tailwindcss及其它色系和字号模板

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

2187132年前

Nuxt3下计划任务或时间时限任务执行。

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

1589022年前

Nuxt3下推荐一款svg图标组件——nuxt-icon

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

2031022年前

Nuxt3页面级keepalive的Bug临时解决方案

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

3676222年前

axios提交数据前拦截并对formData数据进行转换提交

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

1538027天前

Nodejs下微信支付与本地开发环境搭建

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

1561027天前

VUE与NUXT3通用省市区地址三级联动选择组件。

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

1684027天前

ros配置ddns自动解析花生壳域名

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

1728022年前

RouterOS做内网端口映射

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

1400022年前

Vue3和Nuxt3下使用qrcode.vue生成二维码。

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

2145027天前

记一次Nuxt3从v3-rc版升级到v3正式版后报错问题。

记一次Nuxt3从v3.0.0-rc.x版升级到v3.x正式版后，项目npm run dev模式下一切正常，只有在npm run build时报错，报错内容如下： ``` Nuxt 3.1.1 with Nitro 2.1.1 Error: Error: Cannot find module st

1558022年前

推荐NUXT3下nodemailer邮件发送组件。

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

1599022年前

NUXT3自动下发不同宽高图片缩略图组件。

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

1975132年前

推荐一个VUE3和NUXT3通用TOAST消息提醒组件。

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

2407127天前

vue3和nuxt3下FontAwesomeIcon图标组件

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

1924027天前

ROS VRRP虚拟MAC地址

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

2142022年前

RouterOS自动过滤24小时内已使用过IP地址

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

2203022年前

ROS多线叠加PCC参数掉线自动修正

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

1670022年前

RouteOS小包优先，防下载影响游戏数据，宽带自动控流。

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

3092122年前

创作主题

赞助商广告位

Copyright © from 2021 by namoer.com
458815@qq.com QQ:458815
蜀ICP备2022020274号-2