Zzz小白飞-优快云博客

原创 Vue学习笔记（八）

理解一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由key是路径，value可能是function或component（组件）。

2022-07-31 11:46:18 1599

在A组件中有一个数据x，B,C,D组件都想要得到他，需要绑定全局事件总线，在B,C,D中使用事件总线接收数据，在A中使用事件总线发送数据。（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。B,C,D想要更改数据x，在需要在A中使用事件总线接收数据，在B,C,D中使用事件总线提供数据。vuex不属于最后一个组件，将很多组件都要使用的数据存储在vuex中，通过API的调用实现读写。，直接编写```commit`......

2022-07-28 23:25:50 694

原创 Vue学习笔记（六）

理解数据在组件的自身（在slot插槽定义的那个组件里面），但根据数据生成的结构需要组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）父组件向子组件传递带数据的标签，当一个组件有不确定的结构时,就需要使用slot技术，注意插槽内容是在父组件中编译后,再传递给子组件的。作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于。分类默认插槽、具名插槽、作用域插槽。............

2022-07-28 23:15:24 969

原创 Layui框架官网不能进去后，其中的Layer弹窗的如何使用

问题描述昨天做毕设的时候，做前端的注册功能，手机验证码防刷的提示框，想弄个好看的提示框，发现了layer，但是找了很久，发现网上的layer.js都用不了，没有太多头绪昨天就放弃了，今天早上才发现原来layer是layui的组件（本人前端菜鸡，所以不怎么熟悉），于是想到了layui下架的原因，就去找layui的镜像网站，终于找到了可以使用的layer.js，下面做个记录。解决方案 layui镜像网站：https://lh_yun.gitee.io/layui/www.layui.com/index.h

2022-04-16 11:02:13 1597 2

转载 Spring 夺命连环18问

文章预览：1.spring 中都用到了哪些设计模式?2.spring 中有哪些核心模块?3.说一下你理解的 IOC 是什么?4.spring 中的 IOC 容器有哪些?有什么区别?5.那 BeanFactory 和 FactoryBean 又有什么区别?6.@Repository、@Service、@Compent、@Controller它们有什么区别?7.那么 DI 又是什么?8.说说 AOP 是什么?9.动态代理和静态代理有什么区别?10.JDK 动态代理和 CGLIB 代理有什么区别？11.Sprin

2022-03-26 17:54:47 166

转载 @Autowired和@Resource的区别是什么？

前言最近review别人代码的时候，看到了一些@Autowired不一样的用法，觉得有些意思，特定花时间研究了一下，收获了不少东西，现在分享给大家。也许@Autowired比你想象中更强大。1. @Autowired的默认装配我们都知道在spring中@Autowired注解，是用来自动装配对象的。通常，我们在项目中是这样用的： package com.sue.cache.service; import org.springframework.stereotype.Service; @Service pu

2022-03-26 16:39:34 811

转载 Web server failed to start. Port 10000 was already in use.（谷粒）

（学识浅薄，大神请指教）原因：这个端口被占用解决方法：首先打开cmd运行界面，输入netstat -ano|findstr “10000”（10000是被占用的端口号） tasklist|findstr “11808”，查找具体占用进程杀死进程，taskkill /f /t /im yundetectservice.exe （注意空格） ...

2022-03-20 21:02:58 1722

原创哈希表等查找成功和查找不成功的平均查找长度（线性探测法+链地址法）

最近刷面试题遇到哈希表求平均查找长度的题，已经忘了，来记录下 Question1: 将关键字序列（7、8、30、11、18、9、14）散列存储到散列表中。散列表的存储空间是一个下标从0开始的一维数组，散列函数为： H(key) = (keyx3) MOD 7，处理冲突采用线性探测再散列法，要求装填（载）因子为0.7。 (1) 请画出所构造的散列表。 (2) 分别计算等概率情况下查找成功和查找不成功的平均查找长度。 Ans： (1).首先明

2022-03-06 09:26:35 14228 18

原创接口和抽象类的区别是什么？通过代码示例讲解

接口和抽象类的区别抽象类可以存在普通成员函数，而接口中只能存在public abstract方法。抽象类中的成员变量可以是各种类型的，而接口中的成员变量只能是public static final类型的（jdk1.8默认就有）抽象类只能继承一个，接口可以实现多个。接口方法默认修饰符是 public ，抽象方法可以有 public 、 protected 和 default 这些修饰符（抽象方法就是为了被重写所以不能使用 private 关键字修饰！）。从设计层⾯来说，接口的设计

2022-02-27 20:45:54 284

转载 vue中关于$event的通俗理解

vue中关于$event的通俗理解通过对$event的多次打印结果，可见： $event是指当前触发的是什么事件（鼠标事件，键盘事件等） $event.target则指的是事件触发的目标，即哪一个元素触发了事件，这将直接获取该dom元素下面是例子: <button @click="console.log($event)" name="哈哈">单击</button> 由于鼠标点击，所以触发鼠标单击事件，打印出来的是事件，如下图：展开后确实有target属性，且target说明

2022-02-24 17:25:26 3510

转载 Do not access Object.prototype method ‘hasOwnProperty‘ from target object Do not access Object.p

今天在学习Vue时，写了一个TodoList小案例，实现其编辑功能，使用hasOwnProperty，对todo上是否有该属性，进行if判断时，发现报错，我的代码如下： //编辑 handleEdit(todo) { if (todo.hasOwnProperty('isEdit')) { todo.isEdit = true } else { this.$set(todo, 'isEdit', true) } }

2022-02-24 17:09:39 484 1

原创 Vue学习笔记（五）

点击跳转：Vue学习（一）点击跳转：Vue学习（二）点击跳转：Vue学习（三）点击跳转：Vue学习（四）文章预览：点击跳转：Vue学习（一）点击跳转：Vue学习（二）点击跳转：Vue学习（三）点击跳转：Vue学习（四）4、使用Vue脚手架4.1、初始化脚手架1、说明2、具体步骤4、备注：4.2、分析脚手架1、脚手架文件结构2、关于不同版本的Vue3、vue.config.js配置文件4、使用脚手架构建出来的index.html文件5、使用脚手架构建出来的main.js文件4.3、ref属性4.4、p

2021-12-17 18:24:01 327

原创第一次使用Vue脚手架遇到的坑

今天自学到vue的脚手架，跟着张天禹老师做了简单的脚手架实例，但是我遇到了一个坑，也是自己的粗心大意吧，耽误了不少时间，特来记录一下。问题描述脚手架启动完毕，控制台报错，组件名称不规范 [Vue warn]: Invalid component name: "Student ". Component names should conform to valid custom element name in html5 specification. 导致问题的原因及解决方案终极原因就是我不小心习惯性的

2021-12-16 09:26:37 2051 3

原创 Vue学习笔记（四）

点击跳转：Vue学习（一）点击跳转：Vue学习（二）点击跳转：Vue学习（三）文章预览：点击跳转：Vue学习（一）点击跳转：Vue学习（二）点击跳转：Vue学习（三）3、Vue组件化编程3.1、模块3.2、组件3.3、模块化3.4、组件化3.5、非单文件组件1、非单文件组件的基本使用2、组件的几个注意点3、组件的嵌套4、VueComponent5、一个重要的内置关系3.6、单文件组件1、其余文件(这些文件内创建组件)2、App.vue文件3、main.js文件4、index.html文件，准备一个容器

2021-12-14 21:34:24 1399

原创 Vue学习笔记（三）

点击跳转：Vue学习（一）点击跳转：Vue学习（二）文章预览：点击跳转：Vue学习（一）点击跳转：Vue学习（二）Vue核心（续）2.15、收集表单数据 v-model详解2.16、过滤器（filter）2.17、内置指令1、v-text 指令2、v-html 指令3、v-cloack指令4、v-once指令5、v-pre指令2.18、自定义指令2.18、生命周期1、引出生命周期2、分析生命周期3、生命周期总结 Vue核心（续） 2.15、收集表单数据 v-model详解收集表单数据：若：<

2021-12-11 20:40:52 1189

原创 Vue学习笔记（二）

点击跳转：Vue学习（一）文章预览：点击跳转：Vue学习（一）Vue核心（续）2.10、计算属性（computed）1、姓名案例_插值语法实现2、姓名案例_methods实现3、姓名案例_计算属性实现2.11、监视属性（侦听器watch）1、天气案例-监视属性（1）天气案例（2）天气案例_监视属性（3）天气案例_深度监视（4）天气案例_ 深度监视 _简写2、computed和watch2.12、绑定样式1、class样式2、style样式2.13、条件渲染1、v-if2、v-show3、代码2.14、列表

2021-12-07 19:46:41 1170

原创 Vue学习笔记（一）

文章预览：1、Vue简介1.1、Vue是什么1.2、谁开发的1.3、Vue特点1.4、搭建Vue开发环境直接用script引入2、Vue核心2.1、初始Vue2.2、模板语法2.3、数据绑定2.4、el与data的两种写法：1、el2、data2.5、MVVM2.6、Object.defineProperty()1、对象的定义与赋值2、Object.defineProperty()语法说明3、属性的特性以及内部属性4、属性描述符5、数据描述符6、存取描述符7、存取器描述8、数据描述符和存取描述均具有以下描述

2021-11-27 19:32:26 2515

原创 Redis模拟发送手机验证码

文章预览：使用redis模拟验证码发送1、需求2、导入依赖3、生成6位数字验证码4、设置验证码（难点）5、校验验证码6、测试使用redis模拟验证码发送 1、需求 1、输入手机号，点击发送后随机生成6位数字码，2分钟有效 2、输入验证码，点击验证，返回成功或失败 3、每个手机号每天只能输入3次 2、导入依赖  <dependency> <groupId>redis.clients</groupId> <art

2021-10-07 20:34:15 550

原创 / 和 /* 和 /** 的区别

/ 和 /* 的区别 / 不会拦截页面（比如：/xxx/login.html），只会拦截路径（比如：/xxx/login） /* 都会拦截（即路径+ 页面） / 和 /* 的区别 /* 是拦截所有的文件夹，不包含子文件夹 /** 是拦截所有的文件夹及里面的子文件夹 ...

2021-10-01 23:08:20 1960

原创 SpringBoot项目中的 ClassPath路径指的是哪个路径

针对SpringBoot项目来说，ClassPath指的是哪些路径首先，对于SpringBoot项目来说，classpath指的是src.main.java和src.main.resources路径以及第三方jar包的根路径，存放在这两个路径下的文件，都可以通过classpath作为相对路径来引用； src.main.java和src.main.resources路径下的内容，在执行了Maven的Compile后，都会被放到target.classes目录下，包括.class文件，静态资源文件（

2021-09-30 15:02:19 5883

原创 HashMap底层源码分析（一）———put实现原理

今天自学了HashMap的put的源码实现，来记录下，第一次理解HashMap，可能写的乱，如有不对，大家评论一起讨论 1、源码中的重要常量 DEFAULT_INITIAL_CAPACITY : HashMap的默认容量，16 /** * The default initial capacity - MUST be a power of two. * 默认初始容量-必须是2的次幂。 */ static final int DEFAULT_INITIAL_CAPACITY = 1 << 4; /

2021-09-15 14:59:12 414

转载 Java: trim()方法和strip()方法之间的区别

Java在JDK11中的String类中引入strip方法，trim()和strip()功能类似，主要区别是: trim()可以去除字符串前后的半角空白字符 strip()可以去除字符串前后的全角和半角空白字符半角和全角半角是我们多数人在打字的时候使用的状态，如果我们不去刻意调整半全角，它会一直伴随着我们，因为半角状态下，人们已经习惯了这种打字模式，半角状态下可以使用任何标点符号，而且对于空格也没有特殊限制。全角占两个字节，半角占一个字节。半角全角主要是针对标点符号来说的，全角标点占两个字节，半

2021-09-07 14:42:30 1119

原创 MyBatis注册映射文件（resource、class、package 三者区别）

MyBatis注册映射文件（resource、class、package 三者区别） resource（推荐使用）适用于类路径下，直接加载mybatis对应的映射文件，用/进行分割，对于文件名称和文件位置没有强制限制条件，比较灵活，不容易出错 <mappers> <mapper resource="com/fei/dao/BookMapper.xml"/> </mappers> class 仅适用于类路径下，接口文件与映射文件在同一路径下，且接口名与映

2021-09-03 10:07:57 826

原创 SpringMVC中的/*和/的区别

区别： / :会匹配到/login这样的路径型url，不会匹配到模式为 .jsp这样的后缀型url /*:会匹配所有url：路径型的和后缀型的url(包括/login,.jsp,.js和.html等) <url-pattern> / </url-pattern>  <url-pattern> /* </url-pattern> <!--会

2021-08-31 17:10:09 707

原创 SpringMVC学习笔记（一）

文章预览：1、什么是SpringMVC1.1、概述1.2、中心控制器1.3、SpringMVC执行原理1.4、执行原理总结 1、什么是SpringMVC 1.1、概述 Spring MVC是Spring Framework的一部分，是基于Java实现MVC的轻量级Web框架。我们为什么要学习SpringMVC呢? Spring MVC的特点：轻量级，简单易学高效 , 基于请求响应的MVC框架与Spring兼容性好，无缝结合约定优于配置功能强大：RESTful、数据验证、格式化、本地化、主题等

2021-08-31 16:30:08 146

原创 left join连接条件放在on和放在where后面的区别

结论对于左连接left join而言：筛选条件放在on的后面是先进行筛选，后进行连接查询。筛选条件放在where的后面是先进行连接查询，后进行筛选。

2021-08-31 11:38:47 341

原创 Java Web项目，执行文件上传的代码后，在Target文件下找不到上传的文件

问题描述：今天执行文件上传的代码后，在Target文件下，并没有看到自己上传的文件，后来发现在Tomcat文件夹的webapps/ROOT路径下找到了自定义的uploads文件夹，代码也没有问题，那么问题出现在哪里？解决方案：我们在IDEA中部署tomcat服务器的时候，需要注意在Deployment里面选择使用部署后缀为war exploded，不要使用后缀为war的选项进行部署，这样就能解决上传文件出现在Tomcat服务器相关文件夹下的问题。 ...

2021-08-23 16:03:36 1058

原创 Java中使用反射实现两数交换遇到的坑（二）

Java中使用反射实现两数交换遇到的坑（二）哈哈哈，我又来了，继上一篇的问题，继续来讨论~ 主要来讨论下 java.lang.reflect.Filed.class中setInt()与set()的区别直接上代码~ setInt()代码： //使用反射交换两个整数 private static void swap(Integer i, Integer j) { int temp = i; try { Field field = i.

2021-08-21 17:37:23 205

原创 Java中使用反射实现两数交换遇到的坑（一）

Java中使用反射实现两数交换遇到的坑（一）今天使用反射实现两数交换的时候，遇到个有趣的问题，记录一下~ 直接上代码~ //使用反射交换两个整数 private static void swap(Integer i, Integer j) { Integer temp = i; try { Field field = i.getClass().getDeclaredField("value"); field.

2021-08-21 00:22:42 169

原创 Java中两数交换引发的值传递问题及解决方案

Java中值传递的问题今天导师分享了一个有趣的代码，记录一下，让我们一起看看~ //交换两个整数 private static void swap(int i, int j) { int temp = i; i = j; j = temp; } public static void main(String[] args) { int i = 1; int j = 2; swap(i,j); System.out.println("i:" + i);

2021-08-20 23:46:35 311

原创 getParameter()和getAttribute()区别

今天写代码突然想到的问题，先简单记录下getParameter()和getAttribute()区别，后续可能会有修改~ getParameter(): getAttribute()：两者区别： getParameter()获取的是客户端设置的数据。 getAttribute()获取的是服务器设置的数据。 getParameter()永远返回字符串 getAttribute()返回值是任意类型 ...

2021-08-20 16:42:12 180

原创 request.getRequestDispatcher().forward(request,response)和response.sendRedirect()的区别

学习Web的时候好奇的问题，网上查到答案，记录一下~ 一、request.getRequestDispatcher().forward(request,response) 1、属于转发，也是服务器跳转，相当于方法调用，在执行当前文件的过程中转向执行目标文件，两个文件(当前文件和目标文件)属于同一次请求，前后页共用一个request，可以通过此来传递一些数据或者session信息，request.setAttribute()和request.getAttribute()。 2、在前后两次执行后，地址栏不变，仍

2021-08-19 17:24:30 437

原创 ResultSet的getDate()、getTime()和getTimestamp()比较

最近在做一个项目，发现个知识点，记录一下数据库中存储时间格式为2021-8-11 16:09:28，现在要从ResultSet中取出时间，当然是要包含年月日时分秒的，发现 rs.getDate()只是返回日期部分 (只精确到天) java.sql.Date rs.getTime()只是返回时间部分 (只精确到秒) java.sql.Time rs.getTimestamp()才是返回时间和日期 (精确到毫秒) java.sql.Timestamp ...

2021-08-19 10:43:33 1274

原创 java中==和equals()的区别

java中==和equals()的区别本人是个菜鸟小白，每天都在一点点学习，最近遇到这种问题，今天来讨论一下… 一、先来说说Java的基本数据类型和引用类型 Java中有八大基本数据类型：byte，short，int，long，double，folat，boolean，char 其中占1个字节的是byte，short和char占两个字节，int，float占四个字节，double和long占8个字节，boolean占1位，只有true和false，这八种数据变量中直接存储值八大基本数据类型对应着各自的封

2021-08-09 11:54:24 255

空空如也

空空如也