DTO: Data Transfer Object. 通常是在 OpenApi . 即此项目与其他外界项目交互时使用的对象. 在Spring Boot应用程序中，数据传输对象（DTO）最常用于表示业务模型对象或从应用程序或其服务端点传递的数据模型对象。 DTO将这些模型对象中的数据转换为一种便于传输和有效处理的格式。 通常情况下，DTO具有以下几个作用： 将业务模型对象的详细信息隐藏起来，以便在应用程序的客户端和服务端之间进行数据传输。 将多个模型对象合并为一个DTO对象，以便简化数据交换和处理过程。 通过将某些模型对象属性的转换或计算封装到DTO中，可以抽象化服务端点之间的数据处理逻辑。 最终，提供一个整体的清晰，不分双方，简单的数据传输结构。 同样，DTO在优化性能方面也起到了很大的作用。 而Spring Boot可以通过各种注释来高效地创建和使用DTO，这些注释包括@Data， @Getter， @Setter， @NoArgsConstructor和@AllArgsConstructor等。通过这些注释，可以自动化DTO中的许多任务，这有效地简化了DTO的创建和维 ...

真正落实到把每一个点讲清楚！！！ 大家好，本人是 我是哪吒，个人Github账号 webVueBlog ，系列文章更多来源，欢迎 Follow 本文章的特点，通俗易懂，比什么浏览器原理的某些文章更加从小白的点，一步步带入理解，从一个点慢慢扩散到体系闭环。讲到的点，词，都是有关联的哦，注意一下哦！ 1. 我们都知道JS是单线程的，那么什么是进程，线程呢？CPU是计算机的核心，它承担了所有的计算任务，就像是一座工厂，时刻在运行。假定工厂的电力是有限的，一次只能供给一个车间使用。也就是说，一个车间开工的时候，其他车间都必须停工。背后的含义就是，单个CPU一次只能运行一个任务。 那么进程就好比工厂的车间，它代表CPU所能处理的单个任务。（进程是CPU资源分配的最小单位，是能拥有资源和独立运行的最小单位；字面意思就是进行中的程序，将它理解为一个可以独立运行且拥有自己的资源空间的任务程序，进程包括运行中的程序和程序所使用到的内存和系统资源）进程之间相互独立，任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。 但进程相对于来说就是一个应用软件启动或者打开一个浏览器tab标签，运行多个进程， ...

Pinia的优势，环境安装和课程介绍Pinia是Vue生态里Vuex的代替者，一个全新Vue的状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方，也就是Pinia的五大优势。 可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。 抛弃了Mutations的操作，只有state、getters和actions.极大的简化了状态管理库的使用，让代码编写更加容易直观。 不需要嵌套模块，符合Vue3的Composition api ，让代码更加扁平化。 完整的TypeScript支持。Vue3版本的一大优势就是对TypeScript的支持，所以Pinia也做到了完整的支持。如果你对Vuex很熟悉的化，一定知道Vuex对TS的语法支持不是完整的（经常被吐槽）。 代码更加简洁，可以实现很好的代码自动分割。Vue2的时代，写代码需要来回翻滚屏幕屏幕找变量，非常的麻烦，Vue3的Composition api完美了解决这个问题。 可以实现代码自动分割，pinia也同样继承了这个优点。 如果你说这五点有点太多了，记不住。 ...

两数之和 - 力扣（LeetCode） 两数相加 - 力扣（LeetCode） 无重复字符的最长子串 - 力扣（LeetCode） 寻找两个正序数组的中位数 - 力扣（LeetCode） 最长回文子串 - 力扣（LeetCode） Z 字形变换 - 力扣（LeetCode） 整数反转 - 力扣（LeetCode） 字符串转换整数 (atoi) - 力扣（LeetCode） 回文数 - 力扣（LeetCode） 正则表达式匹配 - 力扣（LeetCode） 盛最多水的容器 - 力扣（LeetCode） 整数转罗马数字 - 力扣（LeetCode） 罗马数字转整数 - 力扣（LeetCode） ...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前沿装饰器装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。 装饰器的行为 1234567@decoratorclass A {}// 等同于class A {}A = decorator(A) || A; 装饰器函数的第一个参数，就是所要装饰的目标类。 注意，装饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。这意味着，装饰器能在编译阶段运行代码。也就是说，装饰器本质就是编译时执行的函数。 添加实例属性 123456789function testable(target) { target.prototype.isTestable = true;}@testableclass MyTestableClass {}let obj = new MyTestableClass();obj.isTestable // true Object.assign()Object.assign()  方法用于将所有可枚举属性的值从 ...

前沿 webpack是前端打包工具，是大前端自动化工厂的重要组成部分，webpack的主要是打包，webpack作为自动化工具链的一部分集成更大的工具系统，而不是将一切需求的实现都寄望于webpack。 wepack是前端一个工具，可以让各个模块进行加载，预处理，再进行打包，它能有Grunt或Gulp所有基本功能。 优势： 支持commonJS和AMD模块 支持很多模块加载器的调用，可以使模块加载器灵活定制，比如babel-loader加载器，该加载器能使我们使用ES6的语法来编写代码 可以通过配置打包成多个文件，有效的利用浏览器的缓存功能提升性能 使用模块加载器，可以支持sass，less等处理器进行打包且支持静态资源样式及图片进行打包 12345npm install -g webpack// 项目配置项// cd 打开npm init package.json 1234567891011{ "name": "jeskson", "version": "1.0.0", "d ...

每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，2021加油！欢迎关注加我vx:xiaoda0423，欢迎点赞、收藏和评论 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 前言如何实现路由懒加载1{ path: '/login', component: () => import('@/views/login/index'), hidden: true }, 路由懒加载中的魔法注释通过在注释中指定webpackChunkName，可以自定义这个文件的名字。 1components = () => import(/* webpackChunkName:"login"*/ "../component/Login.vue") windows环境搭建Vue开发环境 设置nodejs prefix（全局）和cache（缓存）路径 在nodejs安装路径下，新建n ...

Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。 功能 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 代码封装工具类封装 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 ...

顺便宣传一下：Github来源： | 求星星 ✨ | 欢迎 star，鼓励一下作者。 希望能够帮助更多的小伙伴。加我😚即可交流问题（不是大佬，互相学习，创造良好的学习环境）。以下哪些你不懂呢？ 哪里不懂的，我们可以下方评论交流 扩展的对象功能 对象类别 命名一个函数为 createPerson() ，其作用创建了一个对象： 123456function createPerson(name, age) { return { name: name, age: age };} 当对象的一个属性名称与本地变量名相同时，ES6： 123456function createPerson(name, age) { return { name, age },} 当对象字面量中的属性只有名称时， JS 引擎会在周边作用域查找同名变量。若找到，该变量 的值将会被赋给对象字面量的同名属性。 es5写法： 123456var person = { name: 'jeskson ...

推荐： TypeScript趁早学习提高职场竞争力 Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 希望能够帮助更多的小伙伴。加我😚即可交流问题（不是大佬，互相学习，创造良好的学习环境）。以下哪些你不懂呢？ 1.关于es5和es6得继承问题 es5的继承是 先创建子类的实例对象，然后将父类的方法添加到this上，Parent.apply(this) es6的继承是 先创建父类的实例对象this，所以先调用父类的super()方法，然后再用子类的构造函数修改this es5的继承是 通过原型或构造函数机制来实现 es6通过class关键字定义类，其中有构造方法，类之间通过extends关键字来实现继承 字类必须再constructor方法中调用super方法，否则新建实例报错 super关键字表示 父类的实例，即是父类的this对象 在子类构造函数中调用super后，才可使用this关键字，否则报错 2.innerHTML和outHTML的区别12345<div id="dadaqianduan">我喜欢你< ...