自学Java笔记本

2023年12月27日

摘要：运行main方法:初始化SpringApplication,从spring.factories读取listener ApplicationContextLnitializer. 运行run方法读取环境变量配置信息等创建SpringApplication上下文:ServletWebServerA 阅读全文

posted @ 2023-12-27 11:19 自学Java笔记本阅读(8) 评论(0) 推荐(0) 编辑

为什么SpringBoot的jar可以直接运行

摘要：为什么SpringBoot的jar可以直接运行？ SpringBoot 提供了一个插件spring-boot-maven-plugin 用于把程序打包成一个可执行的jar包 <build> <plugins> <plugin> <groupId>org.springframework.boot</g 阅读全文

posted @ 2023-12-27 10:58 自学Java笔记本阅读(27) 评论(0) 推荐(0) 编辑

SpringBoot自动配置原理

摘要：通过@SpringBootConfiguration 引入了@EnableAutoConfiguration(负责启动自动配置功能) @EnableAutoConfiguration 引入了@Import 注解 Spring容器启动时：加载Ioc容器时会解析@Import注解 @Import导入了一阅读全文

posted @ 2023-12-27 10:22 自学Java笔记本阅读(9) 评论(0) 推荐(0) 编辑

2023年12月21日

Vue3实现电商放大镜效果

摘要：效果实现：功能拆解：左侧滑块跟随鼠标移动右则大图放大效果实现鼠标移入控制滑块和大图显示隐藏滑块跟随鼠标移动思路：获取到当前的鼠标在盒子内的相对位置（useMouseInElement），控制滑块跟随鼠标移动（left/top）获取鼠标相对位置控制滑块跟随移动有效移动范围内的计算逻辑阅读全文

posted @ 2023-12-21 21:13 自学Java笔记本阅读(246) 评论(0) 推荐(0) 编辑

2023年12月10日

Home-图片懒加载指令实现

摘要：场景和指令用法场景：某些网站首页通常会很长，用户不一定能访问到页面靠下面的图片，这类图片通过懒加载优化手段可以做到，只有进入视口区域才发送图片请求指令用法： <img v-img-lazy="item.picture"/> 在图片img身上绑定指令，该图片只有正式进入到视口区域时才会发送图片网络阅读全文

posted @ 2023-12-10 16:03 自学Java笔记本阅读(17) 评论(0) 推荐(0) 编辑

吸顶交互

摘要：要求浏览器在上下滚动的过程中，如果距离顶部的滚动距离大于78px，吸顶导航显示，小于78px隐藏步骤：准备吸顶导航组件 <script setup></script> <template> <div class="app-header-sticky show"> <div class="con 阅读全文

posted @ 2023-12-10 10:52 自学Java笔记本阅读(13) 评论(0) 推荐(0) 编辑

2023年12月9日

Vue3基于elementPlus定制样式覆盖

摘要： scss 变量替换方案步骤：安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w 阅读全文

posted @ 2023-12-09 15:38 自学Java笔记本阅读(1349) 评论(0) 推荐(0) 编辑

2023年12月8日

vue-quill富文本编辑器实现图片缩放

摘要：安装环境官网：https://vueup.github.io/vue-quill/guide/modules.html npm安装：npm install @vueup/vue-quill@latest --save pnpm安装：pnpm add @vueup/vue-quill@latest 阅读全文

posted @ 2023-12-08 11:33 自学Java笔记本阅读(730) 评论(0) 推荐(0) 编辑

element-plus中的文件上传

摘要：官网：https://element-plus.org/zh-CN/component/upload.html 简单使用：场景：与表单项一起提交，但是需要回显功能，可以用过本地url预览方式实现 <!-- 此处需要关闭 element-plus的自动上传，不需要配置 action等参数只需要做前阅读全文

posted @ 2023-12-08 11:03 自学Java笔记本阅读(486) 评论(0) 推荐(0) 编辑

2023年12月5日

基于element-plus实现表单校验

摘要：官网 https://element-plus.org/zh-CN/component/form.html#自定义校验规则需求在日常开发中，我们需要对表单的内容进行校验，确保用户输入的符合我们正常的业务，并赋予正确的提示，以登录注册举例：功能需求说明：注册功能（校验+注册）当用户输入用户名阅读全文

posted @ 2023-12-05 10:57 自学Java笔记本阅读(549) 评论(0) 推荐(0) 编辑