![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端
kudo_sama
这个作者很懒,什么都没留下…
展开
-
npm install 报错
清楚缓存npm cache clean --force再试试npm install原创 2021-03-21 16:48:00 · 149 阅读 · 0 评论 -
【Vue3】导入router和route,setup中无法使用this
import { useRouter, useRoute } from "vue-router"; const router = useRouter(); const store = useStore();原创 2021-02-06 16:28:07 · 3399 阅读 · 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 · 3577 阅读 · 0 评论 -
【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 · 158 阅读 · 0 评论 -
【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 · 74 阅读 · 0 评论 -
【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 · 112 阅读 · 0 评论 -
【TypeScript】接口
接口接口是对象的状态(属性)和行为(方法)的抽象(描述)接口: 是一种类型,一种规范,一种规则,一种约束 // id是number类型, 必须有, 只读的 // name是string类型, 必须有 // age是number类型, 必须有 // sex是string类型, 可以没有 interface IPerson { // readonly: 只读 readonly id: number name: stri原创 2021-01-07 19:41:33 · 72 阅读 · 0 评论 -
【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 · 157 阅读 · 0 评论 -
【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 · 280 阅读 · 0 评论 -
【CSS】属性选择器
/* =为绝对等于 *=为包含这个属性 ^=以什么开头 $=以什么结尾 */ /*a标签带有id属性*/ a[id] { background: red; } /*a标签带有id,值为first*/ a[id=f...原创 2021-01-05 13:26:55 · 54 阅读 · 0 评论 -
【CSS】结构伪类选择器
伪类:条件 /*ul的第一个子元素*/ li:first-child { background: red; } /*ul的最后一个子元素 */ li:last-child { background: red; } /*定位到父元素,选择当前的第一个元素原创 2021-01-05 13:06:53 · 102 阅读 · 0 评论 -
【CSS】层次选择器
后代选择器在某个元素的后面:祖爷爷 爷爷 爸爸 你body p{ background: red;}子选择器只有一代,儿子body>p { background: red;}相邻兄弟选择器弟弟选择器,选择兄弟下面一个元素.active+p { background: red;}通用选择器所有弟弟选择器,选择兄弟下面所有的元素.active~p { background: red;}...原创 2021-01-05 12:47:26 · 327 阅读 · 0 评论 -
【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 · 84 阅读 · 0 评论 -
【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 · 166 阅读 · 0 评论 -
【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 · 75 阅读 · 0 评论 -
【JavaScript】操作BOM对象
浏览器介绍JavaScript诞生就是为了让他能够在浏览器中运行BOM:浏览器对象模型IE6-11ChromeSafariFireFoxwindowwindow代表浏览器窗口window.alert(1)window.innerHeightwindow.innerWidthwindow.outerHeightwindow.outerWidthNavigatorNavigator,封装了浏览器的信息navigator.appName"Netscape"navigato原创 2020-12-31 14:08:21 · 302 阅读 · 0 评论 -
【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 · 95 阅读 · 0 评论 -
【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 · 120 阅读 · 0 评论 -
【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 · 73 阅读 · 0 评论 -
【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 · 38 阅读 · 0 评论 -
【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 · 65 阅读 · 0 评论 -
【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 · 39 阅读 · 0 评论 -
【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 · 61 阅读 · 0 评论 -
【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 · 70 阅读 · 0 评论 -
【JavaScript】对象
若干个键值对var 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值}//定义了一个person对象var 对象名 = { name: "kudo", age: 18}JS中对象,{…}表示一个对象,键值对描述属性xxx:xxx,多个属性之间使用逗号隔开,最后一个属性不加逗号对象赋值person.name = "shuaige"使用一个不存在的对象属性,不会报错。undefinedperson.hahaundefined动态的删减属原创 2020-12-29 10:41:50 · 56 阅读 · 0 评论 -
【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 · 78 阅读 · 0 评论 -
【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 · 194 阅读 · 0 评论 -
【JavaScript】严格检查模式strict
//严格检查模式,必须写在第一行 'use strict'; //局部变量用let定义 let i = 1;原创 2020-12-28 13:23:33 · 80 阅读 · 0 评论 -
【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 · 219 阅读 · 0 评论 -
【JavaScript】浏览器控制台输出
console.log("kudo");相当于javaSystem.out.println("kduo");原创 2020-12-25 20:05:27 · 757 阅读 · 0 评论