- 博客(159)
- 收藏
- 关注
RSS订阅原创 【Vue3】导入router和route，setup中无法使用this
import { useRouter, useRoute } from "vue-router"; const router = useRouter(); const store = useStore();
2021-02-06 16:28:07
3546
1
原创 【Vue3】安装Vite
安装Vite npm install -g create-vite-app 利用Vite创建Vue3项目 create-vite-app 项目名 安装依赖 cd 项目名 npm install 运行项目 npm run dev
2021-01-16 17:37:48
3772
原创 【TypeScript】泛型
泛型 在定义函数，接口，类的时候不能预先确定要使用的数据的类型 function getArr<T>(value: T, count: number): T[] { let arr: Array<T> = [] for(let i = 0; i < count; i++) { arr.push(value) } return arr } let arr1 = getA
2021-01-09 17:58:47
252
原创 【TypeScript】函数
函数 函数：封装了一些重复使用的代码，在需要的时候直接调用即可 // 命名函数 function add(x: number, y: number): number { return x + y } // 匿名函数 let add2 = function (x: number, y: number): number { return x + y } // 完整写法 // (x: number, y: numb
2021-01-09 15:59:54
133
原创 【TypeScript】类
类 类：可以理解为模板，通过模板可以实例化对象 面向对象的编程思想 // ts中类的定义及使用 class Person { // 定义属性 name: string age: number gender: string // 构造函数 constructor(name: string, age: number, gender: string) { this.name =
2021-01-08 20:10:11
209
原创 【TypeScript】接口
接口 接口是对象的状态(属性)和行为(方法)的抽象(描述) 接口: 是一种类型，一种规范，一种规则，一种约束 // id是number类型, 必须有, 只读的 // name是string类型, 必须有 // age是number类型, 必须有 // sex是string类型, 可以没有 interface IPerson { // readonly: 只读 readonly id: number name: stri
2021-01-07 19:41:33
139
原创 【TypeScript】基础类型
布尔类型 // 布尔类型 let flag: boolean = true console.log(flag) 数字类型 // 数字类型 let a1: number = 10 // 十进制 let a2: number = 0b1010 // 二进制 let a3: number = 0o12 // 八进制 let a4: number = 0xa // 十六进制 console.log(a1) console.log(a2) cons
2021-01-07 11:30:20
258
原创 【CSS】列表样式练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="css/style.css" rel="stylesheet" type="text/css"/> </head> <body>
2021-01-05 14:58:22
360
原创 【CSS】属性选择器
/* =为绝对等于 *=为包含这个属性 ^=以什么开头 $=以什么结尾 */ /*a标签带有id属性*/ a[id] { background: red; } /*a标签带有id,值为first*/ a[id=f...
2021-01-05 13:26:55
129
原创 【CSS】结构伪类选择器
伪类：条件 /*ul的第一个子元素*/ li:first-child { background: red; } /*ul的最后一个子元素 */ li:last-child { background: red; } /*定位到父元素，选择当前的第一个元素
2021-01-05 13:06:53
182
原创 【CSS】层次选择器
后代选择器 在某个元素的后面：祖爷爷 爷爷 爸爸 你 body p{ background: red; } 子选择器 只有一代，儿子 body>p { background: red; } 相邻兄弟选择器 弟弟选择器，选择兄弟下面一个元素 .active+p { background: red; } 通用选择器 所有弟弟选择器，选择兄弟下面所有的元素 .active~p { background: red; } ...
2021-01-05 12:47:26
411
原创 【JavaScript】jQuery
jQuery库，里面存在大量的JavaScript函数 获取jQuery <script src="https://cdn.bootcss.com/jquery/3.4.1/core.js"></script> 选择器 //标签 document.getElementsByTagName(); //id document.getElementById(); //类 document.getElementsByClassName();
2021-01-02 16:41:14
157
原创 【JavaScript】操作表单
表单是什么 文本框 text 下拉框 select 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 password … 表单的目的：提交信息 获取要提交的信息 <form action="post"> <p> <span>用户名：</span> <input type="text" id="username"> </p> <p> <
2021-01-01 19:05:15
254
原创 【JavaScript】操作DOM对象
核心 浏览器页面就是一个Dom树形结构 更新：更新DOM节点 遍历DOM节点：得到DOM节点 删除：删除一个DOM节点 添加：添加一个新的节点 要操作一个DOM节点，就必须先获得这个DOM节点 获得DOM节点 <div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p> </
2021-01-01 16:49:11
137
原创 【JavaScript】操作BOM对象
浏览器介绍 JavaScript诞生就是为了让他能够在浏览器中运行 BOM：浏览器对象模型 IE6-11 Chrome Safari FireFox window window代表浏览器窗口 window.alert(1) window.innerHeight window.innerWidth window.outerHeight window.outerWidth Navigator Navigator，封装了浏览器的信息 navigator.appName "Netscape" navigato
2020-12-31 14:08:21
413
原创 【JavaScript】面向对象编程
原型对象 类：模板 原型对象 对象：具体的实例 在JavaScritp这个需要大家换一下思维方式 原型： //原型对象 xiaoming.__proto__ = student; class //定义一个学生类 class Student { constructor(name) { this.name = name; } hello() { alert('hello'); } } //继承 class XiaoStudent extends Student { constructo
2020-12-31 13:32:41
192
原创 【JavaScript】JSON
JSON是什么 JSON是一种轻量级的交换格式 简洁和清晰的层次结构使得JSON成为理想的数据交换语言 易于人月阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率 在JavaScript一切皆为对象，任何js支持的类型都可以用JSON来表示； 格式： 4. 对象都用{} 5. 数组都用[] 6. 所有键值对都是用key : value json字符串和js对象之间的转换 var user = { name: "kudo", age: 3, sex: "男" } //对象转换为json
2020-12-31 10:15:38
176
原创 【JavaScript】Date日期对象
内部对象 标准对象 typeof 123 "number" typeof '123' "string" typeof true "boolean" typeof NaN "number" typeof [] "object" typeof {} "object" typeof Math.abs "function" typeof undefined "undefined" Date var now = new Date(); now.getFullyear(); //年 now.getMonth(); /
2020-12-30 20:31:06
150
原创 【JavaScript】方法
定义方法 方法就是把函数放在对象里面，对象只有两个东西，属性和方法 var a = { //属性 name: 'kudo', bitrh: 2020, // 方法 age: function() { var now = new Date().getFullYear(); return now - this.bitrh; } } a.name a.age() function getAge() { var now = new Date().getFullYear(); retur
2020-12-30 16:53:42
108
原创 【JavaScript】变量的作用域
在JavaScript中，var定义变量实际是有作用域的。 假设在函数体中声明，则在函数体外不可以使用 function a() { var x = 1; x = x + 1; } x = x + 2 //Uncaught ReferenceError: x is not defined 如果两个函数使用了相同的变量名，只要在函数内部，就不冲突 function a() { var x = 1; x = x + 1; } function b() { var x = "a"; x = x +
2020-12-30 16:29:03
124
原创 【JavaScript】函数
定义函数 定义方式一 //绝对值函数 function abs(x) { if (x >= 0) { return x; } else { retrun -x; } } 一旦执行到return代表函数结束，返回结果 如果没有执行return，函数执行完也会返回结果，结果就是undefined 定义方式二 var abs = function(x) { if (x >= 0) { return x; } else { return -x; } } funct
2020-12-29 16:41:57
103
原创 【JavaScript】Map和Set
Map var map = new Map([['tom',100],['jack',90],['haha',80]]); var name = map.get('tom'); //通过key获得value map.set('admin',123); //新增 map.delete("tom"); //删除 Set: 无序不重复的集合 var set = new Set([3,1,1,1,1]); //Set可以去重 set.add(2); set.delete(1); console.log(set.h
2020-12-29 11:30:03
136
原创 【JavaScrpt】分支和循环
if判断 var age = 3; if (age > 3) { alert("haha"); }else { alert("kuwa"); } while循环 var age = 3; while (age < 100) { age = age + 1; console.log(age); } do { age = age + 1; console.log(age); } while (age < 100) for循环 for (let i = 0; i < 100
2020-12-29 11:01:27
130
原创 【JavaScript】对象
若干个键值对 var 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值 } //定义了一个person对象 var 对象名 = { name: "kudo", age: 18 } JS中对象，{…}表示一个对象，键值对描述属性xxx:xxx，多个属性之间使用逗号隔开，最后一个属性不加逗号 对象赋值 person.name = "shuaige" 使用一个不存在的对象属性，不会报错。undefined person.haha undefined 动态的删减属
2020-12-29 10:41:50
116
原创 【JavaScript】数组
Array可以包含任意的数据类型 var arr = [1,2,3,4,5] //通过下标赋值和取值 arr[0] arr[0] = 1 1.长度 arr.lenth 注意：假如给arr.length赋值，数组大小会发生变化；如果赋值过小，元素就会丢失。 2.indexOf，通过元素获得下标索引 arr.indexOf(2) 1 字符串的"1"和数字1是不同的 3.slice() 截取Array的一部分，返回一个新的数组，类似于String中的substring 4.push, pop 尾部 push
2020-12-28 17:28:31
172
原创 【JavaScript】字符串
字符串 正常字符串我们是用单引号或者双引号 注意转义字符 \' \n \t \u#### Unicode字符 \x## Ascll字符 多行字符串编写 //esc下面那个键 var msg = ` hello world` 模板字符串 let name = "kudo"; let age = 3; let msg = `你好，${name}` 字符串长度 str.length 字符串不可变 大小写转换 str.toUpperCase() str.toLowerCa
2020-12-28 13:42:07
247
原创 【JavaScript】严格检查模式strict
//严格检查模式，必须写在第一行 'use strict'; //局部变量用let定义 let i = 1;
2020-12-28 13:23:33
146
原创 【JavaScript】数据类型
数据类型 数值，文本，图形，音频，视频 变量 var a = 1; number js不区分小数和整数，Number 123 //整数123 123.1 //浮点数123.1 123.123e3 //科学计数法 -99 //负数 NaN //not a number Infinity //表示无限大 字符串 ‘abc’ “abc” 布尔值 true, false 逻辑运算 && 两个都为真 || 一个为真 ! 比较运算符（重要） = == 等于（类型不一样，值一样，
2020-12-26 16:52:46
278
原创 【JavaScript】浏览器控制台输出
console.log("kudo"); 相当于java System.out.println("kduo");
2020-12-25 20:05:27
865
原创 【SpringMVC】Jackson和Fastjson
<!--JSON乱码问题配置--> <mvc:annotation-driven> <mvc:message-converters register-defaults="true"> <bean class="org.springframework.http.converter.StringHttpMessageConverter"> <constructor-arg...
2020-12-25 16:33:15
173
原创 【SpringMVC】RestFul
@Controller public class RestFulController { //原来: http://localhost:8080/add?a=1&b=2 //RestFul: http://localhost:8080/add/a/b //@RequestMapping(value = "/add/{a}/{b}", method = RequestMethod.GET) @RequestMapping("/add/{a}/{b}") pu
2020-12-25 12:22:46
134
原创 【SpringMVC】使用注解开发SpringMVC
web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/
2020-12-24 20:22:16
230
1
原创 【SpringMVC】初识
web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org.
2020-12-24 16:39:14
251
1
原创 【Java】捕获和抛出异常
try catch public static void main(String[] args) { int a = 1; int b = 0; //Ctrl+Alt+T try { //try 监控区域 System.out.println(a/b); } catch (Error e) { //catch 捕获异常 System.out.println("Error"
2020-12-22 17:19:49
138
原创 【Java】Error和Exception
Exception 在Exception分支中有一个重要的子类RuntimeException（运行时异常） ArrayIndexOutOfBoundsException（数组下标越界） NullPointerException（空指针异常） ArithmeticException（算术异常） MissingResourceException（丢失资源） ClassNotFoundException（找不到类） 这些异常一般由程序逻辑错误引起的，程序应该从逻辑角度尽可能避免这些异常的发生； Error和
2020-12-22 16:42:12
105
原创 【Java】内部类
public class Outer { private int id; public void out() { System.out.println("这是外部类的方法"); } //内部类 public class Inner { public void in() { System.out.println("这是内部类的方法"); } //获得外部类的私有属性
2020-12-22 15:16:20
80
原创 【Java】接口
//接口都需要有实现类 public interface UserService { //常量 int AGE = 1; //public static final int AGE = 1; //接口中的所有定义其实都是抽象的public void add(); void delete(); void update(); void query(); } //实现了接口的类，就要重写接口中的方法 //利用接口实现多继承 public cl
2020-12-22 15:01:18
313
原创 【Java】抽象类
//抽象类 只能单继承 public abstract class Action { //约束，有人帮我们实现 //抽象方法，只有方法名字，没有实现 public abstract void doSomething(); //1. 不能new这个抽象类，只能靠子类去实现它 //2. 抽象类可以写普通的方法 //3. 抽象方法必须在抽象类中 } //抽象类的所有方法，继承了它的子类都必须实现他的方法，除非子类也是抽象类 public class A ext
2020-12-22 14:42:21
91
原创 【Java】static关键字
静态属性，静态方法 //static public class Student { private static int age; //静态的变量 private double score; //非静态的变量 public void run() { } public static void go() { } public static void main(String[] args) { Student s1 = new S
2020-12-22 11:48:36
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人