- 博客(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
3526
1
原创 【Vue3】安装Vite
安装Vitenpm install -g create-vite-app利用Vite创建Vue3项目create-vite-app 项目名安装依赖cd 项目名npm install运行项目npm run dev
2021-01-16 17:37:48
3751
原创 【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
235
原创 【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
124
原创 【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
199
原创 【TypeScript】接口
接口接口是对象的状态(属性)和行为(方法)的抽象(描述)接口: 是一种类型，一种规范，一种规则，一种约束 // id是number类型, 必须有, 只读的 // name是string类型, 必须有 // age是number类型, 必须有 // sex是string类型, 可以没有 interface IPerson { // readonly: 只读 readonly id: number name: stri
2021-01-07 19:41:33
129
原创 【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
243
原创 【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
351
原创 【CSS】属性选择器
/* =为绝对等于 *=为包含这个属性 ^=以什么开头 $=以什么结尾 */ /*a标签带有id属性*/ a[id] { background: red; } /*a标签带有id,值为first*/ a[id=f...
2021-01-05 13:26:55
117
原创 【CSS】结构伪类选择器
伪类：条件 /*ul的第一个子元素*/ li:first-child { background: red; } /*ul的最后一个子元素 */ li:last-child { background: red; } /*定位到父元素，选择当前的第一个元素
2021-01-05 13:06:53
173
原创 【CSS】层次选择器
后代选择器在某个元素的后面：祖爷爷 爷爷 爸爸 你body p{ background: red;}子选择器只有一代，儿子body>p { background: red;}相邻兄弟选择器弟弟选择器，选择兄弟下面一个元素.active+p { background: red;}通用选择器所有弟弟选择器，选择兄弟下面所有的元素.active~p { background: red;}...
2021-01-05 12:47:26
400
原创 【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
150
原创 【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
246
原创 【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
130
原创 【JavaScript】操作BOM对象
浏览器介绍JavaScript诞生就是为了让他能够在浏览器中运行BOM：浏览器对象模型IE6-11ChromeSafariFireFoxwindowwindow代表浏览器窗口window.alert(1)window.innerHeightwindow.innerWidthwindow.outerHeightwindow.outerWidthNavigatorNavigator，封装了浏览器的信息navigator.appName"Netscape"navigato
2020-12-31 14:08:21
388
原创 【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
179
原创 【JavaScript】JSON
JSON是什么JSON是一种轻量级的交换格式简洁和清晰的层次结构使得JSON成为理想的数据交换语言易于人月阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率在JavaScript一切皆为对象，任何js支持的类型都可以用JSON来表示；格式：4. 对象都用{}5. 数组都用[]6. 所有键值对都是用key : valuejson字符串和js对象之间的转换var user = { name: "kudo", age: 3, sex: "男"}//对象转换为json
2020-12-31 10:15:38
166
原创 【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"Datevar now = new Date();now.getFullyear(); //年now.getMonth(); /
2020-12-30 20:31:06
130
原创 【JavaScript】方法
定义方法方法就是把函数放在对象里面，对象只有两个东西，属性和方法var a = { //属性 name: 'kudo', bitrh: 2020, // 方法 age: function() { var now = new Date().getFullYear(); return now - this.bitrh; }}a.namea.age()function getAge() { var now = new Date().getFullYear(); retur
2020-12-30 16:53:42
100
原创 【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
116
原创 【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
96
原创 【JavaScript】Map和Set
Mapvar map = new Map([['tom',100],['jack',90],['haha',80]]);var name = map.get('tom'); //通过key获得valuemap.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
122
原创 【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
123
原创 【JavaScript】对象
若干个键值对var 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值}//定义了一个person对象var 对象名 = { name: "kudo", age: 18}JS中对象，{…}表示一个对象，键值对描述属性xxx:xxx，多个属性之间使用逗号隔开，最后一个属性不加逗号对象赋值person.name = "shuaige"使用一个不存在的对象属性，不会报错。undefinedperson.hahaundefined动态的删减属
2020-12-29 10:41:50
106
原创 【JavaScript】数组
Array可以包含任意的数据类型var arr = [1,2,3,4,5] //通过下标赋值和取值arr[0]arr[0] = 11.长度arr.lenth注意：假如给arr.length赋值，数组大小会发生变化；如果赋值过小，元素就会丢失。2.indexOf，通过元素获得下标索引arr.indexOf(2)1字符串的"1"和数字1是不同的3.slice() 截取Array的一部分，返回一个新的数组，类似于String中的substring4.push, pop 尾部push
2020-12-28 17:28:31
160
原创 【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
238
原创 【JavaScript】严格检查模式strict
//严格检查模式，必须写在第一行 'use strict'; //局部变量用let定义 let i = 1;
2020-12-28 13:23:33
133
原创 【JavaScript】数据类型
数据类型数值，文本，图形，音频，视频变量var a = 1;numberjs不区分小数和整数，Number123 //整数123123.1 //浮点数123.1123.123e3 //科学计数法-99 //负数NaN //not a numberInfinity //表示无限大字符串‘abc’ “abc”布尔值true, false逻辑运算&& 两个都为真|| 一个为真! 比较运算符（重要）=== 等于（类型不一样，值一样，
2020-12-26 16:52:46
271
原创 【JavaScript】浏览器控制台输出
console.log("kudo");相当于javaSystem.out.println("kduo");
2020-12-25 20:05:27
843
原创 【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
158
原创 【SpringMVC】RestFul
@Controllerpublic 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
125
原创 【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
218
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
240
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
122
原创 【Java】Error和Exception
Exception在Exception分支中有一个重要的子类RuntimeException（运行时异常）ArrayIndexOutOfBoundsException（数组下标越界）NullPointerException（空指针异常）ArithmeticException（算术异常）MissingResourceException（丢失资源）ClassNotFoundException（找不到类）这些异常一般由程序逻辑错误引起的，程序应该从逻辑角度尽可能避免这些异常的发生；Error和
2020-12-22 16:42:12
93
原创 【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
72
原创 【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
288
原创 【Java】抽象类
//抽象类 只能单继承public abstract class Action { //约束，有人帮我们实现 //抽象方法，只有方法名字，没有实现 public abstract void doSomething(); //1. 不能new这个抽象类，只能靠子类去实现它 //2. 抽象类可以写普通的方法 //3. 抽象方法必须在抽象类中}//抽象类的所有方法，继承了它的子类都必须实现他的方法，除非子类也是抽象类public class A ext
2020-12-22 14:42:21
81
原创 【Java】static关键字
静态属性，静态方法//staticpublic 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
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人