peppacatt-CSDN博客

原创 Vue教程_vue-router(四)

1 概述理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。 1.1 基本使用安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou 组件 import About from '.

2022-04-18 04:15:00 840

原创 Vue教程_vuex(三)

1 概述 1.1 原理图原理图: 1.2 总结 1.概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.何时使用？多个组件需要共享数据时 3.搭建vuex环境创建文件：src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 V

2022-04-18 00:57:37 756

原创 JavaScript教程_ES6(二)

1 对象的简化写法 ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法,这样的书写更加简洁 let name = 'aaa'; let change = function(){ console.log('change()执行了...'); } //未简化的完整写法 const school = { name: name, change: change, improve: function(){ consolg.log('improve()执行了

2022-04-17 21:23:55 823

原创 JavaScript教程_基础(一)

1 函数 1.1 函数基础 1.1.1 什么是函数实现特定功能的n条语句的封装体；只有函数是可执行的，其它类型的数据是不能执行；函数也是对象。 1.1.2 如何定义函数函数声明：整体会被提升到当前作用域顶部。表达式：也会提升到顶部，但是只有变量名提升。 1.2 原型与原型链 1.2.1 原型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl

2022-04-17 21:23:11 168

原创 Vue教程_Vue脚手架(二)

1 vue脚手架 Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台） cli就是command line interface vue命令行接口就是用来创建一个vue工程的一个工具 1.1 初始化脚手架 1.1.1 初始化步骤: 注意:npm下载可能会下载不下来,需要配置(淘宝/华为)镜像,执行下面的命令 npm config set registry https://registry.npm.taobao.org 使用npm config list可查看配置,配置好之后需要重新启动c

2022-04-17 21:16:43 1671

原创 Vue教程_基础(一)

1 vue核心 1.1 搭建开发环境搭建vue开发环境有两种方式: 1.通过引入vue script脚本的方式 2.通过脚手架的方式 (1) 引入vue脚本的方式搭建环境搭建vue开发环境并去掉浏览器console控制台的警告 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <script type="text

2022-04-12 00:26:57 16853 1

原创 Vue教程_tips

1 el和data的两种写法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>el与data的两种写法</title>  <script type="text/javascript" src="../js/vue.js"></script> </head> <

2022-04-12 00:26:32 1647

原创 Java基础_Stream

返回Java基础_目录方法引用当要传递给Lambda体的操作，已经有实现的方法了，可以使用方法引用！方法引用可以看做是Lambda表达式深层次的表达。换句话说，方法引用就是Lambda表达式，也就是函数式接口的一个实例，通过方法的名字来指向一个方法，可以认为是Lambda表达式的一个语法糖。要求：实现接口的抽象方法的参数列表和返回值类型，必须与方法引用的方法的参数列表和返回值类型保持一致！格式：使用操作符“::” 将类(或对象) 与方法名分隔开来。如下三种主要使用情况：对象::实例方法名类

2022-03-09 20:59:46 567

原创 Java基础_Java比较器

Java中的对象，正常情况下，只能进行比较：==或 != 。不能使用 >或<的，但是在开发场景中，我们需要对多个对象进行排序，言外之意，就需要比较对象的大小。如何实现？使用两个接口中的任何一个：Comparable或 Comparator /** * Comparable接口的使用举例：自然排序 * 1.像String、包装类等实现了Comparable接口，重写了compareTo(obj)方法，给出了比较两个对象大小的方式。 * 2.像String、包装类重写compareTo

2022-03-02 19:53:21 160

原创 Java基础_多线程

返回Java基础_目录程序,进程,线程 JVM中的程序计数器和虚拟机栈是线程私有的方法区和堆是属于进程的,多个线程可以共享方法区和堆线程的创建和使用创建线程方式1:重写Thead run方法 .新建类继承Thread类新建的类重写run方法创建新建的这个类对象调用start方法 start方法的作用: 启动当前线程调用run方法 Thread.currentThread().getName() 获取当前线程的名称 package com.peppacatt.wswtest.ja

2022-02-27 21:35:34 315

原创 Java基础_函数式接口

介绍定义: 如果一个接口中,只有一个抽象方法,则此接口就是函数式接口 Runnable就是一个函数式接口自定义一个函数式接口 @FunctionalInterface可以加也可以不加,加上可以做一个验证 Java内置函数式接口 import org.junit.Test; import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.function.Consumer;

2022-02-24 23:18:10 155

原创 Java基础_Lambda表达式

为什么要使用Lambda表达式案例 1 2 使用 1 2 3 4 5 6 总结 * 总结： * ->左边：lambda形参列表的参数类型可以省略(类型推断)；如果lambda形参列表只有一个参数，其一对()也可以省略 * ->右边：lambda体应该使用一对{}包裹；如果lambda体只有一条执行语句（可能是return语句），省略这一对{}和return关键字 ...

2022-02-24 22:51:25 337

原创 git教程

1 安装打开git官网下载下载成功之后双击 2 使用 2.1 设置用户签名 $ git config --global user.name peppacatt $ git config --global user.email peppacatt@163.com 2.2 查看配置信息 git config --list

2022-02-21 20:03:25 164

原创 Java基础_泛型

F 泛型 F. 1 泛型概述 F.1.1 什么是泛型所谓泛型，就是允许在定义类、接口时通过一个标识表示类中某个属性的类型或者是某个方法的返回值及参数类型。这个类型参数将在使用时（例如，继承或实现这个接口，用这个类型声明变量、创建对象时）确定（即传入实际的类型参数，也称为类型实参）。泛型的类型不能是基本数据类型,用包装类代替如果实例化时，没有指明泛型的类型。默认类型为java.lang.object类型。 F.1.2 为什么要有泛型案例1:不使用泛型案例2:使用泛型 Iterator源码:

2022-01-14 16:48:25 233

原创 Java基础_枚举类和注解

1.枚举类枚举类的理解: 类的对象只有有限个，确定的。我们称此类为枚举类当需要定义一组常量时，强烈建议使用枚举类I

2022-01-13 10:59:05 273

转载 java 两个list 交集并集差集去重复并集

前提需要明白List是引用类型，引用类型采用引用传递。我们经常会遇到一些需求求集合的交集、差集、并集。例如下面两个集合: List<String> list1 = new ArrayList<String>(); list1.add("A"); list1.add("B"); List<String> list2 = new ArrayList<String>(); list2.add("B"

2021-07-02 14:59:47 434

原创 Windows解除端口占用

1.占用查询端口的pid查询 C:\Users\helloworld>netstat -ano|findstr "9097" TCP 0.0.0.0:9097 0.0.0.0:0 LISTENING 6832 TCP [::]:9097 [::]:0 LISTENING 6832 2.关闭对应pid C:\Users\helloworld>task

2021-06-30 18:04:03 214

原创 jquery常用的元素获取方式

1.子元素和后代元素选择器:find和children 区别: children函数只获取其满足条件的第一层子节点 find函数则获取所有下级子节点 <div id="mydiv"> <p id="pid"></p> <span class="aspan">hello</span> <div> <a id="aid"></a> <span class=

2021-06-30 10:53:44 1031

转载 BigDecimal相关

概述 Java在java.math包中提供的API类BigDecimal，用来对超过16位有效位的数进行精确的运算。双精度浮点型变量double可以处理16位有效数，但在实际应用中，可能需要对更大或者更小的数进行运算和处理。一般情况下，对于那些不需要准确计算精度的数字，我们可以直接使用Float和Double处理，但是Double.valueOf(String) 和Float.valueOf(String)会丢失精度。所以开发中，如果我们需要精确计算的结果，则必须使用BigDecimal类来操作。 do

2021-06-07 17:29:02 169