Jul152022
Vue 3 Composition API企业级项目架构设计:从状态管理到模块解耦的最佳实践
Vue 3 Composition API企业级项目架构设计:从状态管理到模块解耦的最佳实践
引言
随着前端技术的快速发展,Vue 3的Composition API为构建复杂的企业级应用提供了更灵活、更强大的开发模式。相比传统的Options API,Composition API通过函数式的方式组织代码逻辑,使得状态管理、组件复用和模块解耦变得更加优雅和可维护。
在现代企业级项目中,我们需要面对复杂的业务场景、庞大的代码规...阅读全文
抢沙发
Jul072022
smtp server mock工具 mailhog
mailhog 是一个方便的smtp web 以及api 测试工具,可以方便的作为一个mock 工具,以下是一个简单的使用
为了方便项目使用 mjml&&email-templates&&nodemailer (nodejs) 进行html email 的发送
docker 安装
docker pull mailhog/mailhog
docker run --name mailhog -p 1025:1025 -p 8025:8025 -d mailhog/mailhog
登录127.0.0.1:8025
阅读全文
Jul072022
python smtplib 发送邮件
#!/usr/bin/python
# -*- coding: UTF-8 -*-
# @author: jueyuanti327
import traceback,sys,os,smtplib,logging,base64,time # 加载smtplib模块
from email.mime.text import MIMEText
from email.header import Header
from email.utils import formataddr
from email.mime.multipart import MIMEMultipart
from email.mime.application import MIMEApplication
from email.uti...阅读全文
Jul072022
使用Spring Boot构建快速
本文将介绍如何使用Spring Boot来构建一个快速高效的Web应用。Spring Boot是一个用于简化Spring应用开发的框架,它提供了自动化配置、快速开发和无需繁琐的XML配置的特性,极大地提高了开发效率。
1. 准备工作
首先,我们需要在开发环境中安装Java Development Kit (JDK)。然后,我们可以从Spring官网(https://spring.io/projects/spring-boot)下载并安装最新版本的Spring Boot。
2. ...阅读全文
Jul022022
使用 Crafty.js 创建 HTML5 游戏
Crafty.js 是一个开源的 HTML5 游戏 引擎,它提供了一个简单而强大的框架,帮助开发者快速创建自己的游戏。本教程将介绍如何使用 Crafty.js 创建 HTML5 游戏。
引入 Crafty.js
首先,在 HTML 文件的 <head> 标签中引入 Crafty.js:
<script src="https://cdn.jsdelivr.net/npm/craftyjs/dist/crafty.min.js"></script>
你也可以下载 Crafty.js 并在本地引入。
创建游...阅读全文
Jun272022
js知识总结
js语言
变量:
通常就2件事:取值,赋值!
赋值:只有一种情况(模式): 变量 = 数据(值);
取值:形式大致有如下几种情形(以变量v1例)
var v2 = v1; //这就是取值——取得v1的值,并赋值给v2
alert( v1 ) //取得v1的值,并alert()出来
document.write( v1 ); //也可以这样:document.write( “文字。。。。” + v1 );
var v3 = v1 * 2...阅读全文
Jun202022
掌握React框架的核心概念与用法
React 是一个流行的 JavaScript 前端框架,它的强大之处在于提供了一种声明式的开发方式,使得构建复杂的用户界面变得简单和高效。本文将介绍 React 的核心概念和用法,帮助你快速上手使用 React。
1. 组件
React 的核心思想是将用户界面拆分成一系列可重用的组件。组件是一个独立的、有自己状态的实体,可以接受输入(即属性)并且渲染出对应的输出(即 UI)。React 中使用 ES6 的类来定...阅读全文
Jun192022
73条日常Linux shell命令汇总!
1.检查远程端口是否对bash开放:
echo >/dev/tcp/8.8.8.8/53 && echo "open"
2.让进程转入后台:
Ctrl + z
3、将进程转到前台:
fg
4.产生随机的十六进制数,其中n是字符数:
openssl rand -hex n
5.在当前shell里执行一个文件里的命令:
source /home/user/file.name
6.截取前5个字符:
${variable:0:5}
7.SSH debug 模式:
ssh -vvv user@ip_address
8.SSH with pem ke...阅读全文
Jun122022
AngularJS中的数据验证解析
在前端开发中,数据验证是至关重要的一环。用户输入的数据必须经过有效的验证才能保证数据的准确性和安全性。AngularJS作为一款流行的前端框架,提供了丰富的数据验证功能,让开发者能够轻松地对表单数据进行验证和处理。
内置验证器
AngularJS内置了一些常用的验证器,开发者可以直接在HTML中使用这些验证器来验证表单数据。以下是一些常用的内置验证器:
required: 对输入框进行非空验...阅读全文
Jun122022
Appium+python自动化测试框架(自动生成html,自动截图,运行完成后自动发送到邮箱)
这段时间一直在学习Appium,为了更方便自己的实践,所以自己写了一个Appium测试框架
框架实现了在运行完成以后,自动将最新的HTML文件与在验证过程中的截图(自动压缩成文件夹)发送到指定邮箱
结合jenkins完全可以实现全自动化,如果需要框架请加我微信,可以免费提供,但是希望提供以后如果自己优化,或者实现了更多的其他功能,如保存下logcat下的日志等,希望也能无偿提供给我,纯粹用...阅读全文