嗨皮汪小成的博客_Canvas学习笔记,Spring Boot,设计模式

Mitt —— 小而美的事件总线库

简介 Mitt是一个小巧而强大的 JavaScript 事件总线库，用于处理事件的发布和订阅。用法示例 1、使用vite创建示例项目项目名称：mitt-demo 框架：vue.js 3 $ yarn create vite √ Project name: ... mitt-demo √ Select a framework: » Vue √ Select a variant: » Jav

Mitt

原创 2023-10-16 10:34:54 358 阅读

设计模式 | 原型模式

一、原型模式概述原型模式（Prototype Pattern）：使用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。原型模式是一种对象创建型模式。通过克隆方法所创建的对象是全新的对象，它们在内存中拥有新的地址，通常对克隆所产生的对象进行修改对原型对象不会造成任何影响，每一个克隆对象都是相互独立的。二、原型模式的类结构 Client（客户端）：客户端提出创建对象的请求。让一个

原型模式

原创精选 2023-03-11 13:13:14 203 阅读 yyds干货盘点

设计模式 | 单例模式

一、单例模式概述单例模式是一种常用的软件设计模式，属于创建型模式的一种。单例模式，简单来讲，即一个类只有一个实例，并提供一个全局访问点。二、单例模式的应用场景以下几个场景会用到单例模式：需要频繁创建的一些类，使用单例模式能降低系统内存压力，减少GC。某些类创建实例时占用资源较多，或者实例化时耗时较长，且经常使用。频繁访问数据库或文件的对象。三、单例模式的几种实现方式懒汉模式（线

单例模式

原创精选 2023-03-08 17:05:47 322 阅读 yyds干货盘点

Spring Boot | 事件监听器异步处理事件，实现代码解耦

一、简介 Spring Boot事件监听器（Event Listener）用于在应用程序的生命周期中，监听Spring Boot应用程序中各种事件的发生，以便在事件发生时执行某些特定的操作。二、集成步骤 1、创建自定义事件类 package cn.ddcherry.springboot.demo.event; import lombok.Getter; import org.springfra

Spring Boot

事件监听器

原创推荐 2023-03-07 12:59:47 835 阅读 1收藏 yyds干货盘点

Spring Boot ｜集成MapStruct实现不同类型Java对象间的自动转换

MapStruct简介 MapStruct is a code generator that greatly simplifies the implementation of mappings between Java bean types based on a convention over configuration approach. The generated mapping code

Spring Boot

MapStruct

原创推荐 2023-03-06 15:31:40 1170 阅读 1收藏 yyds干货盘点

Spring Boot | 集成Thymeleaf模板引擎

Thymeleaf简介 Thymeleaf is a modern server-side Java template engine for both web and standalone environments. —— 引自Thymeleaf官网 Thymeleaf是一个Java模板引擎，可以处理如下6种模板模式： HTML XML TEXT JavaScript CSS RAW 准备

Spring Boot

Thymeleaf

原创精选 2023-03-04 13:27:22 387 阅读 1收藏 yyds干货盘点

Spring Boot | 手动创建一个简单的Spring Boot项目

在上一章《00.创建多模块项目》中，笔者汪小成已经创建了一个空的01.spring-boot-hello子工程。本章中笔者汪小成开始着手编写一个简单地Spring Boot项目主启动类。本篇文章主要内容：手动创建一个简单的Spring Boot项目简单地介绍下Spring Boot项目目录结构 @SpringBootApplication注解介绍说明创建Spring Boot项目 1、

Spring Boot

原创 2023-03-03 12:53:31 575 阅读 yyds干货盘点

Spring Boot | 手动创建多模块项目

前言当我们的单体工程功能越来越复杂、代码量越来越多时，通过合理地模块拆分，可以提高代码的复用性，使项目的结构更加清晰、明确，方便后期项目的维护和管理。创建父工程笔者汪小成并没有选择使用Spring Initializr或者IDEA快速创建项目，而是选择最原始地手动创建项目。因为父工程主要作用是统一管理Maven依赖版本，只需要有一个pom.xml文件即可。使用Spring Initiali

Spring Boot

原创精选 2023-03-02 13:46:17 507 阅读 yyds干货盘点

Spring Boot | 整合Swagger、Knife4j自动生成API文档

前言在平时的工作中，通常需要给Web工程师或者第三方开发工程师提供接口文档。这就要求我们在更新代码的同时同步维护相关的接口文档。使用Swagger可以自动生成API文档，大减轻开发者维护接口文档的工作量。 Swagger简介 Swagger（官网地址：https://swagger.io/）是一个接口文档自动生成工具，可以根据源码中的注解自动生成接口文档。 Knife4j简介 Knife4j（官

接口文档

Spring Boot

原创精选 2023-03-01 17:27:55 1335 阅读 yyds干货盘点

Canvas学习笔记（七）变形操作

前言大家好，我是汪小成。最近在学习Canvas。这篇文章是我学习Canvas变形操作时记的笔记，欢迎大家审阅。简介在Canvas中有如下三个基本变形操作：1.图形平移：translate(x,y)2.图形缩放：scale(x,y)3.图形旋转：rotate(deg)图形平移在Canvas中，我们使用translate()方法来平移图形。图形平移指的是将图形沿x轴或y轴进行直线运行。平移不会改变图形

Canvas学习笔记

原创 2022-12-20 12:34:29 433 阅读 yyds干货盘点

Canvas学习笔记（六）图片操作

大家好，我是汪小成。最近在学习Canvas。这篇文章是我学习Canvas图片操作时记的笔记，欢迎大家审阅。图片素材本篇文章的示例采用下图进行图片操作演示。!flower20221202(https://s2.51cto.com/images/blog/202212/16123235_639bf4e3c60fd99024.png?xossprocess=image/watermark,size_14

Canvas学习笔记

原创 2022-12-16 12:36:30 1106 阅读 yyds干货盘点

Canvas学习笔记（五）文本操作

简介在Canvas中，文本操作的常用方法有：方法说明fillText()绘制实心文本strokeText()绘制空心文本measureText()获取文本长度在Canvas中，文本操作的常用属性有：方法说明font定义文本字体样式textAlign定义文本水平对齐方式textBaseline定义文本垂直对齐方式fillStyle定义实心文本颜色stokeStyle定义空心文本颜色strokeTex

Canvas学习笔记

原创 2022-12-15 13:08:02 1129 阅读 yyds干货盘点

Canvas学习笔记（四）线条操作

在Canvas中，常见的线条操作属性有：属性说明lineWidth定义线条宽度lineCap定义线帽样式lineJoin定义两个线条交接处的样式常见的线条操作方法有：方法说明setLineDash()定义虚线样式lineWidth属性在Canvas中，我们可以通过lineWidth属性定义线条的宽度。语法：jsctx.lineWidth=整数;说明：lineWidth属性的值为整数，默认值为1，默

Canvas学习笔记

原创 2022-12-06 18:17:59 267 阅读 yyds干货盘点

Canvas学习笔记（三）曲线图形

在Canvas曲线图形中，我们主要学习圆形、弧形、二次贝塞尔曲线、三次贝塞尔曲线。圆形在Canvas中，我们使用arc()方法来绘制圆形。语法：javascriptctx.beginPath();ctx.arc(x,y,半径,开始角度,结束角度,anticlockwise);ctx.closePath();说明：首先必须要先调用beginPath()方法声明“开始绘制一个新的路径”，然后才可以开始

Canvas学习笔记

原创 2022-12-05 16:18:00 308 阅读 yyds干货盘点

Canvas学习笔记（二）绘制矩形

在Canvas中，矩形分为“描边”矩形和“填充”矩形两种。“描边”矩形在Canvas中，我们使用strokeStyle属性和strokeRect()方法配合使用来绘制一个“描边”矩形。语法：javascriptctx.strokeStyle=属性值;ctx.strokeRect(x,y,width,height);（1）strokeStyle属性strokeStyle属性的值有三种：颜色值、渐变色

Canvas学习笔记

原创 2022-12-03 11:53:07 436 阅读 yyds干货盘点

Canvas学习笔记（一）绘制直线

Canvas简介HTMLCanvas，说得简单一点，就是使用JavaScript操作Canvas元素绘制各种图形的技术。使用Canvas元素绘制图形大体需要三步：1.获取Canvas对象；2.获取上下文环境对象；3.开始绘制图形。入门示例我们先来编写一个非常简单的入门示例——绘制一条直线。!下载(https://s2.51cto.com/images/blog/202212/02152341_63

Canvas学习笔记

原创 2022-12-02 15:27:49 1206 阅读在51CTO的第一篇博文

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

汪小成的博客