Zzz的博客

Vue学习笔记（八）

qq_45075124 — Sun, 31 Jul 2022 11:46:18 +0800

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

Vue学习笔记（七）

qq_45075124 — Thu, 28 Jul 2022 23:25:50 +0800

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

Vue学习笔记（六）

qq_45075124 — Thu, 28 Jul 2022 23:15:24 +0800

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

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

qq_45075124 — Sat, 16 Apr 2022 11:02:13 +0800

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

Spring 夺命连环18问

qq_45075124 — Sat, 26 Mar 2022 17:54:47 +0800

文章预览：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

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

qq_45075124 — Sat, 26 Mar 2022 16:39:34 +0800

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

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

qq_45075124 — Sun, 20 Mar 2022 21:02:58 +0800

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

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

qq_45075124 — Sun, 06 Mar 2022 09:26:35 +0800

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

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

qq_45075124 — Sun, 27 Feb 2022 20:45:54 +0800

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

vue中关于$event的通俗理解

qq_45075124 — Thu, 24 Feb 2022 17:25:26 +0800

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

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

qq_45075124 — Thu, 24 Feb 2022 17:09:39 +0800

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

Vue学习笔记（五）

qq_45075124 — Fri, 17 Dec 2021 18:24:01 +0800

点击跳转：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

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

qq_45075124 — Thu, 16 Dec 2021 09:26:37 +0800

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

Vue学习笔记（四）

qq_45075124 — Tue, 14 Dec 2021 21:34:24 +0800

点击跳转：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文件，准备一个容器

Vue学习笔记（三）

qq_45075124 — Sat, 11 Dec 2021 20:40:52 +0800

点击跳转：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详解收集表单数据：若：<

Vue学习笔记（二）

qq_45075124 — Tue, 07 Dec 2021 19:46:41 +0800

点击跳转：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、列表

Vue学习笔记（一）

qq_45075124 — Sat, 27 Nov 2021 19:32:26 +0800

文章预览：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、数据描述符和存取描述均具有以下描述

Redis模拟发送手机验证码

qq_45075124 — Thu, 07 Oct 2021 20:34:15 +0800

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

/ 和 /* 和 /** 的区别

qq_45075124 — Fri, 01 Oct 2021 23:08:20 +0800

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

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

qq_45075124 — Thu, 30 Sep 2021 15:02:19 +0800

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