- 博客(26)
- 收藏
- 关注
RSS订阅原创 Tree 树形控件 添加文字提示
<el-tree :data="treeShape" row-key="id" :indent='0' ref="tree" :props="defaultProps" accordion :render-content="renderContent"></el-tree> renderContent(h, { node, data, store }) { return ( <span class="custom-tree-node...
2022-03-10 15:08:58
586
原创 TypeScript泛型
泛型 泛指所有类型我们不自己定义类型，让用户用参数的形式告诉函数需求一个函数传递过来什么类型就返回什么类型// 不确定用户传递什么类型的参数回来，那么也就不能确定返回值 function getLength(arg: string | number | any[]): string | number | any[] { return arg } getLength('1234') getLength(123) getLength([1, 2, 3])// 类型的参数.
2021-11-14 20:33:11
647
原创 TypeScript中的class
js中的class类 class Parent { constructor(x) { this.x = x; this.sayHello = function () { console.log("sayHello") } } getX() { console.log("getX==>", this.x)
2021-11-14 20:23:51
443
原创 TypeScript
TS介绍TypeScript 是添加了类型系统的 JavaScript，更倾向于后端的语言，严谨的代码。适用于开发大型项目。 TypeScript可以编译成可以和js 。1. 基本类型let name: string = '小明'let str: string = "hello world";let age: number = 18let flag: boolean = true;flag = false;// flag =1 flag =0 报错flag = 1 >.
2021-11-14 20:07:44
549
原创 聊一聊HTTP的状态码有哪些
聊一聊HTTP的状态码有哪些？2××成功200 表示从客户端发来的请求在服务器端被正确处理 201 Created 请求已经被实现，而且有一个新的资源已经依据请求的需要而建立 202 Accepted 请求已接受，但是还没执行，不保证完成请求 204 Nocontent 表示请求成功，但响应报文不含实体的主体部分 206 PartialContent 进行范围请求 3××重定向301 moved...
2021-10-07 19:37:58
93
原创 防抖和节流 代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2021-10-07 19:09:05
92
原创 JavaScript拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> <meta http-e.
2021-10-07 18:49:24
132
原创 HTTP常见状态码
1xx 提示信息 – 表示接受的请求正在处理2xx 成功状态码 – 表示请求正常处理完毕3xx 重定向 – 要完成请求必须进行更进一步的处理4xx 客户端错误 – 客户端请求出错，服务器无法处理请求5xx 服务器端错误 – 服务器处理请求出错100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205.
2021-10-07 18:40:44
105
原创 原生ajax
原生ajax四步1.创建一个XMLHttpRequest核心对象实例2.调用xml的open方法 open第一个参数是请求方式,第二个参数是请求地址,第三个参数是异步false,同步true3.xml的监听 监听xhr本身的状态是不是第四步和http状态码 xhr本身的状态0请求未初始化刚刚实例化XMLHttpRequest1服务器建立连接调用了open方法2请求已经被接受3请求...
2021-10-05 20:54:31
76
原创 Async和Await
async 可以作用在任何方法前,返回值是一个Promise对象(回调函数也可以使用async) let fn = async () => { return } console.dir(fn()); 函数内部return的返回值,会成为then回调函数的参数 let fn = async () => { return 123 } console.dir(fn()); fn()...
2021-10-05 20:14:10
162
原创 Promise的使用
promise实例Promise接受一个函数作为参数，该函数的两个参数分别是resolve成功后的回调和reject失败后的回调。resolve函数的作用：在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject函数的作用：在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。let promise = new Promise((resolve, reject)=>{ resolve("1")//成功后的回调 reject("2")//失.
2021-10-03 22:01:37
84
原创 this指向、箭头函数与普通函数
js中的this指向方法是谁调用的,那么在方法中this就指向谁(.前面是谁,this就是谁) let obj = { fn: function () { console.log(this);//obj } }; obj.fn();如果没有调用this始终指向window(定时器中this指向window function fn() { conso..
2021-10-02 20:57:23
148
原创 ES6中的Class继承
Es6中的ClassES6引入了Class（类）这个概念，通过class关键字可以定义类。该关键字的出现使得其在对象写法上更加清晰，更像是一种面向对象的语言。 私有属性和方法和公有属性声明方法 class Fn{ constructor(x) {// 1.私有属性和方法 this.x = x this.Hello = function (){ } } // 2.私有.
2021-10-01 22:43:29
162
原创 寄生组合继承
寄生组合继承结合原型链继承和call继承的方法,同时自己创建一个对象,并且让这个对象的原型指向父类构造函数的prototype.实现寄生组合继承。 function Parent(x) { this.x = x this.Hello = function () { } } Parent.prototype.getx = function () { console.log('getx ===>', this.x); ...
2021-10-01 22:26:48
82
原创 js组合继承
组合继承结合原型链继承和借用构造函数继承组合起来实现的继承 function Parent(x) { this.x = x this.Hello = function () { } } Parent.prototype.getx = function () { console.log('getx ===>', this.x); } function Sub(y) { this.y = y
2021-10-01 22:13:59
123
原创 call继承
call继承(借用构造函数继承)在子类构造函数中把父类构造函数当作普通的函数执行,并且通过call方法把父类构造函数中的this替换成子类的实例(this),这样相当于给子类实例设置了私有的属性和方法.ript> function Parent(x) { this.x = x this.Hello = function () {} } function Sub(y) { this.y = y; ..
2021-10-01 21:53:42
80
原创 js中的数据类型
基本数据类型字符串 数字 布耳值 未定义的 空 唯一值 大数字String Number Boolean undefined null symbol bigInt// symbol ==> 唯一值 两个完全一样的值用symbol()声明，判断时不会一样 // 在对象里可以用来声明两个一样的键值 console.log(Symbol("wh") === Symbol("wh"))...
2021-09-29 08:30:00
149
原创 var - let - const 的区别
1.是否存在变量提升？变量提升---使用 var 来声明变量的时候，会提到当前作用域的顶端，而赋值操作在原处不变；并且也不会报错。也就是预解析（预解释）。就相当于var str;console.log(str); //undefineda = 'Hello';fn() //1function fn() { console.log(1);}例： console.log(a); //undefined var a = 10; console.lo..
2021-09-28 15:57:35
67
原创 原型链继承
代码 function Parent(x) { this.x = x this.Hello = function () {} } Parent.prototype.getx = function () { console.log('getx ===>', this.x); } function Sub(y) { this.y = y } Sub.prototype = new Pa
2021-09-28 11:31:17
98
原创 reset.css --- css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2021-09-26 18:38:14
56
原创 vue-cli3打包优化的文章
在开发过程中vue项目打包是需要做一些性能优化的，这里写了关于我知道的要做的优化的部分，废话不多说直接上代码了，仅供参考 欢迎提出意见const UglifyJsPlugin = require('uglifyjs-webpack-plugin')const path = require('path')// 开启Gzip需要的依赖 yarn add compression-webpack-plugin -Dconst CompressionWebpackPlugin = require('com
2021-09-26 18:29:37
47
原创 npm发包流程
NPM发包流程NPM的官方网站是：https://www.npmjs.com01: 注册账号 注册一个npm账号，因为npm发包流程需要依赖这个账号 值得一提的是npm的用户名一旦生效便不能再做修改 NPM的官方网站是：https://www.npmjs.com 注册成功需要在qq邮箱进行邮箱验证重新发布即可 最有在同一个浏览器02: 准备一个项目 项目，是指一个标准的NPM项目。 1. 创建一个文件夹 2. $npm init -y // 初始化项目
2021-09-26 17:23:15
123
原创 JavaScript 简单原理题
1.JS中的数据类型和常用的判断数据类型的方法基本数据类型String 字符串 Number 数字 null 空 Boolean 布耳值 undefined 未定义的 symbol 唯一值 bigInt 大数字引用数据类型Object 对象 Array 数组 Date 时间 Function 函数 RegExp 正则2.let var const的区别用var声明的变量，存在变量的提升。用let/const声明的变量，不存在变量的提升。变量提...
2021-09-09 21:27:20
121
原创 数组的常用方法
1.forEach数组循环、遍历-->原生jsletarr=[1,2,3,4,5]arr.forEach((item,index)=>{ // item 是内容， index 是索引(下标）console.log(item,index); })2.every()法用于检测数组所有元素是否都符合指定条件(es6)every遍历数组每一项，每一项返回true,则最...
2021-09-06 22:02:12
100
原创 yarn + vite + element-plus搭建vue项目遇到的问题
从vue3的官网中看到我们可以使用vue-cli搭建项目，也可以使用vite搭建项目 ，因为vite执行的速度会相对来说快了一点 所以这里我们说一下使用vite搭建项目以及遇到的一些问题第一步创建项目创建项目的命令yarn create vite-app vite-demo创建完成后可看到项目文件夹解构如下可以看到里面没有vue的路由 当然官网给我们了一个制作一个简单的路由跳转的方法，这个可以官网自行参考 我们这里使用vue-router安装vue-router安装命令yarn.
2021-07-15 22:01:20
973
转载 Vue3.0如何在setup中获取定义的全局方法
有些情况下我们需要定义全局方法 然而在vue3.0中我们定义全局方法需要在globalProperties上面定义大部分情况下还是可以定义在main.js中的 我们这里就以定义在main.js中为例// 这里我们就简单的随便添加一个属性 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store...
2021-07-15 21:39:43
1837
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人