- 博客(17)
- 收藏
- 关注
RSS订阅原创 js防抖和节流
html：<body> <input type="text" class="inp"></body>js： let inp = document.querySelector('.inp') let timer = null let flag = true //防抖 inp.oninput = function () { clearTimeout(timer) timer = setTimeout(() => {
2022-04-08 14:23:48
144
原创 js冒泡排序
//冒泡排序 let arr = [2, 4, 1, 6, 3] function bubbled(arr) { for (let i = 0; i < arr.length - 1; i++) { //【！！注意】这里不是j=i，因为回回都必须重头遍历，才能不漏一个嘛~ for (let j = 0; j < arr.length - 1; j++) { if (arr[j] >
2022-03-20 03:15:00
136
原创 小程序图片和视频下载到本地
**首先获取用户权限 **getUserSetting(isVideo, downLOadPath) { wx.showLoading({ title: '加载中...', mask: true, }); let that = this wx.getSetting({ success(res) { if (res.authSetting['scope.writePhotosAlbum'] === undefined) {
2022-03-18 17:44:37
2804
原创 TypeScript常用
ts数据类型ts作为js的超集，必然还有js所有的数据类型：BooleanNumberStringArrayFunctionObjectSymbolundefinednullTs还新增一些数据类型：void 当前方法没有返回值any 这个数据的数据类型可以是任何的数据(和原来的js就完全一样了)never 表示永远都不会发生值的类型unknown 只能赋值给any和unknown类型的变量tuple元组 多种元素的组合枚举类型 就
2021-11-13 23:16:33
1050
原创 Http常见的状态码
Http状态码是什么？用以表示网页服务器超文本传输协议状态的3位数字代码简单来说，http状态码的作用是服务器告诉客户端当前请求响应的状态，通过状态码就能判断和分析服务器的运行状态分类状态码第一位数字决定了不同的响应状态：1表示消息2表示成功3表示重定向4表示请求错误5表示服务器错误1xx表示请求已被接受，需要继续处理，这类响应时临时响应，质保函状态行和某些可选的响应有信息，并以空行结束常见的有：状态码表示意思100（客户端继续发送请求，这是临时响应）
2021-10-07 21:00:57
360
原创 原生Ajax
Ajax 全名：Async Javascript And XML作用：在网页不刷新的情况下可以请求数据然后实现网页局部刷新或者渲染如何创建一个原生的ajax？//第一步:创建一个XMLHttpRequest的实例 为xhr let xhr = new XMLHttpRequest();//实例里面有一个readyState 他代表请求的状态 //readyState: 0 请求未初始化 刚刚实例化xmlHttpRequest //readyState: 1 客户端与服务器建立链接 调
2021-10-05 19:29:14
115
原创 Async和Await
Async1.asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异 步函数2.异步async函数调用，跟普通函数的使用方式一样3.异步async函数返回一个promise对象4.async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的Awaitawait只能作用在async修饰的方法中,不能单独使用,如果使用报错:await is only valid in async functions and the top level
2021-10-04 15:17:04
384
1
原创 Promise的使用
Promise的实例使用 new 来创建一个promise对象let promise = new Promise((resolve, reject) => { if (success) { resolve(value); // fulfilled } else { reject(error); // rejected }});Promise 有三种状态[PromiseState]: pending(进行中) fulfilled(已成功)
2021-10-03 18:04:02
135
原创 普通函数与箭头函数的区别
js中的this指向调用场景普通函数、对象方法、call apply bindclass箭头函数修改this指向call apply bind 三者的区别1.call和apply会立即调用2.call后面的跟的是一个集合，用","分割3.apply后面跟的是一个数组4.bind不会立即调用，用“（）”调用，他不会执行改变this的方法，而是返回一个新的改变this的指向的方法this指向总结1.普通函数调用，this指向weindow2.对象方法中，this指向当前对象3.c
2021-10-02 13:28:35
86
原创 ES5，ES6class类 继承
ES5中的继承分别为：原型链继承 （子类构造函数的prototype指向父类的实例）call 继承 也会称为构造函数继承组合继承 （原型链继承和call继承）寄生组合继承原型链继承//子类构造函数.prototype=父类的实例//父类构造函数function Parent(x){ this.x = x;}//父类原型Parent.prototype.getX = function (){ console.log("getX",this.x)}
2021-09-30 15:49:55
182
原创 js中的数据类型
js中的数据类型数据类型分为两种：基本数据类型和引用数据类型基本数据类型Number(数字)String(字符串)Blooean（布尔值）Null（空）Undefind (未定义）Symbol （唯一值）BigIn （最大值）引用数据类型Object （对象）Function （函数）Array （数组）RegExp （正则）Date （时间）数据类型判断typeof() instanceof() constructor() Obje
2021-09-30 12:33:21
43
原创 let var const 的区别
let const var 的区别1.是否存在变量提升？2.是否存在暂时性死区？3.是否允许重复声明变量？4.是否存在块级作用域？5.是否能修改声明的变量？1.是否存在变量提升？变量提升就是在变量声明之前能够使用，代码不会报错 console.log(a);//undefined var a = 10; 2.是否存在暂时性死区？var声明的变量没有暂时性死区 let const存在暂时性死区用let const声明变量之前没法调用console.log(a) //代码会报错
2021-09-29 20:00:40
61
原创 数组的方法
1.push()//将参数追加到数组的尾部，返回添加后的数组的长度，原数组会发生改变。2.pop()//从数组尾部删除一个元素，返回这个被删除的元素，原数组发生改变3.unshift()//在数组的最前面添加一个元素，返回的是新数组的长度，原数组发生改变4.shift()//在数组的最前面删除一位，返回的是删除的元素，原数组发生改变5..slice()//数组截取 不传参数，返回原数组，可以传两个参数，//第一个参数：从该参数表示的索引开始截取，直至数组结束，返回这个截取数组，原数组不变
2021-09-28 11:51:18
48
原创 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, l
2021-07-12 16:43:15
62
原创 2021-06-04弹性布局
弹性布局：给父元素加 display: flex;定义弹性盒的主轴方向 这个方向规定了弹性项的基本排列方式默认值是row row表示主轴方向为横向column 表示主轴方向为纵向row-reverse 横向倒序排列column-reverse 纵向倒序排列flex-direction: row;justify-content：定义弹性项在主轴方向上的排列方式flex-start 弹性项沿开始方向布局flex-end 弹性项尾部对齐space-between 两边对齐中间留白spa
2021-06-04 17:00:31
159
原创 CSS基本语法
css基本语法7.1 CSS简介1、HTML的局限性HTML只关注内容的语义，如是一个标题,是插入一张图片……很早之前的网页都很简单，没有样式，如贪吃蛇、俄罗斯方块。虽然HTML可以做简单的样式，但使用起来非常繁琐，代码臃肿。2、CSS 层叠样式表（cascading style sheets）,有时也称为CSS样式表或级联样式表，它也是一种标记语言。目标：由HTML专注做结构呈现，样式交给CSS，即结构（HTML）和样式（css）相分离7.2、CSS基本语法1、 选择器{属性1：属性值；
2021-05-28 16:23:42
233
原创 html表单
html表单表单：收集用户信息，提交给后台。在HTML中，一个完整的表单通常由表单域、表单元素（表单控件）、提示信息 3个部分构成。6.1 表单域：一个包含表单元素的区域标签定义一个表单域，以实现用户信息的收集和传递。会把它范围内的表单元素信息（值）提交给服务器（后台）。1、格式：2、属性： action url地址 向何处发送表单数据method get/post 如何发送表单数据name 名称 指定表单的名称，以区分同一个页面中的多个表单域6.2 表单元素：允许用户在表单中输入或
2021-05-28 16:21:11
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人