- 博客(34)
- 收藏
- 关注
RSS订阅原创 微信小程序Behavior
https://img-blog.csdnimg.cn/61a166d46eab4766bd918ee957d3f1f8.jpeg
2023-06-13 22:08:01
450
原创 vue初识
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
2023-05-05 22:05:49
89
原创 js循环遍历（for....of）
可遍历对象：可以被for…of遍历的对象，数组，字符串，伪数组，Set, Map。3、key和value可以分别遍历。2、索引是number类型。优点： 1、代码简洁。
2023-05-05 09:03:16
162
原创 ES6中的promise对象
只要有一个状态发生变化（不管是成功fulfilled还是异常rejected），它就会有返回，其他实例中再发生变化，它也不管了。当参数中的实例对象的状态都为fulfilled时，Promise.all( )才会有返回。catch只接受一个参数，用于处理操作异常后的业务。下一个then()方法的参数是上一个then()方法的返回值。接受一个数组作为参数，数组的元素是Promise实例对象，初始化===>成功 初始化===>失败 不可逆转。promise不是异步的，里面then()方法是异步的。
2023-04-26 20:28:31
60
原创 Es6中默认导出和普通导出的区别
在导入时，可以使用import defaultExport from 'module’语法导入默认导出，也可以只用import * as name from 'module’语法导入所有导出。普通导出必须使用import {nameExport} from 'module’语法导入。每个模块中，只允许使用唯一的一次 export default，否则会报错！默认导入是接受的名称可以任意名称，只要是合法的成员就可以。普通导入时，可以使用as关键字进行重命名。普通导出必须使用相同的名称进行导入。
2023-04-24 19:31:48
68
原创 ES6中的类的基本用法
静态方法： this指向当前类 必须通过类调用。自定义方法 this指向实例化对象。constructor构造。this指向实例化对象。
2023-04-23 19:57:47
46
原创 ES6箭头函数
6、call，apply可以调用箭头函数，但是不能改变this指向。2、如果函数返回值只有一条语句，可以省略{}和return。箭头函数就是把function去掉，在小括号后面加=>7、箭头函数的this指向父作用域，（调用它的地方）3、箭头函数没有augrments内置对象。5、箭头函数没有prototype属性。1、如果有一个参数可以省略小括号。4、箭头函数不能用于创建构造函数。
2023-04-21 17:39:05
31
原创 js的本地存储
保存数据 localStorage.setItem(key,value) value:只能是基本类型。localStorage:生命周期：只要不手动清除，一直存在 内存：几MB。sessionStorage：生命周期：浏览器关闭就会自动清除 内存：几MB。cookie:生命周期：可以设定时间 内存：几kb。
2023-04-18 20:38:51
75
原创 jQuery对HTML的设置与捕获和对页面尺寸的操作
outerWidth() 方法返回元素的宽度（包括内边距和边框）。height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。outerHeight() 方法返回元素的高度（包括内边距和边框）。scrollLeft() 方法设置或者返回滚动条被卷去的元素的宽度。scrollTop() 方法设置或者返回滚动条被卷去的元素的高度。1、arrt()可以获取和设置自定义属性，prop()不可以。
2023-04-17 19:47:12
80
原创 jQuery事件中bind和on的区别
二、on有四个参数，分别是event，selector, data，function 分别是事件，选择器，额外添加的数据和执行函数。一、bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据以及执行函数。2. 使用on添加的事件比如给自己子集使用类选择器添加的 ,后来创建的含有这个类名的子节点也有事件。on可以将子元素的事件委托给父元素进行处理,而且可以给动态添加的元素加上绑定事件。事件冒泡也是委托事件的原型，事件委托就是子类的事情委托给父类的去做。
2023-04-14 21:00:07
189
原创 jQuery 的CSS方法、事件、CSS类、动画
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。3、 slideDown() 方法用于向下滑动元素， slideUp() 方法用于向上滑动元素。2、fadeIn() 用于淡入已隐藏的元素， fadeOut() 方法用于淡出可见元素。可以使用 toggle() 方法来切换 hide() 和 show() 方法。事件：jQuery对象.事件类型(处理程序)
2023-04-13 20:18:46
466
原创 js 正则表达式
说明：重复零次或更多次\d* /^ab*$/：表示一个字符串有一个a后面跟着零个或若干个b。说明：重复一次或更多次\d+ / ab+/：表示一个字符串有一个a后面跟着至少一个b或者更多。说明：字符串用中括号括起来，表示匹配其中的任一字符，相当于或的意思[0 - 9]。说明：选择两者中的一个。：事先定义好的一些特定字符、及这些特定字符的组合，组合成一个“规定字符串”；说明： 重复零次或一次 ：表示一个字符串有一个a后面跟着零个或者一个b。2、\D 匹配至少任意一个非数字的字符。
2023-04-12 16:43:57
36
原创 js 中 函数的防抖和节流
如果一个事件被频繁执行多次，并且触发的时间间隔过短，则防抖函数可以使得对应的事件处理函数，只执行最后触发的一次。：如果一个事件被频繁触发多次，节流函数可以按照固定的频率去执行相应的事件处理方法。函数节流不管事件触发有多频繁，都会保证在规定时间内一定会真正执行一次事件处理函数，而函数防抖只是在最后一次触发后才会执行。防抖和节流，都是为了防止短时间内高频繁调用同一接口的方法。无论你如何乱点，也只有你停止点击的最后一次会请求成功。：设置延时器，短时间高频率触发只有最后一次触发成功。
2023-04-11 19:12:50
99
原创 js中改变this指向多少三种方法
4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是参数列表。4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是数组。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。2、可以改变this的指向，没有参数this指向window。2、可以改变this的指向，没有参数this指向window。
2023-04-08 19:49:03
21
原创 浅拷贝与深拷贝
定义：被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。所有在方法中定义的变量都是放在栈内存中的；栈中存储的是基础变量以及一些对象的引用变量，基础变量的值是存储在栈中，而引用变量存储在栈中的是指向堆中的数组或者对象的地址。定义：深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上,所以对一个对象的修改并不会影响另一个对象。栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的值和引用类型的地址。
2023-04-07 19:25:13
40
原创 js判断数据类型的方法
constructor 判断方法跟instanceof相似,但是constructor检测Object与instanceof不一样,constructor还可以处理基本数据类型的检测,不仅仅是对象类型。据说是无敌万能的方法.如果对象是null跟undefined,直接返回"null"和"undefined",注意:在使用时,一定要引入jquery文件,不然会报错,jQuery is not defined。通常===出现在我们的条件判断中,比如判断一个变量是否为空,变量是否为数据等,示例如下。
2023-04-06 19:39:07
545
原创 js动画之返回顶部
document.documentElement.clientHeight 全部的高度。document.documentElement.clientHeight 可视高度。标准模式下：document.documentElement.scrollTop。document.body.clientHeight 全部的高度。document.body.clientHeight 可视高度。非标准模式：document.body.scrollTop。
2023-03-28 18:38:41
118
原创 动画中的offset、client、scroll 系列
offsetHeight: height + 上下的padding + 上下的border。offsetWidth: width + 左右的padding + 左右的border。scrollWidth: width + 滚动条滚动的距离。offsetTop: 元素距离父元素上侧的距离。offsetLeft: 元素距离父元素左侧的距离。offsetLeft: 元素距离左侧浏览器的距离。offsetTop: 元素距离上侧浏览器的距离。scrollTop: 上下滚动条滚动的距离。
2023-03-27 16:49:11
57
原创 js 定时器 setTiomeout和setInteral的区别
window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval()。setInterval(回调函数，时间间隔) 隔多长时间执行里面的代码。setTimeout(回调函数，时间间隔) 隔多长时间执行里面的代码。清除定时器： learInterval(定时器的名字)清除定时器： clearTimeout(定时器的名字)
2023-03-25 13:59:19
145
原创 JavaScriptAPI中BOM：浏览器对象模型
BOM：browser object model (浏览器对象模型)1、location.hash：地址栏上#及后面的内容。例如https://www.baidu.com/s?confirm() 带确认取消按钮的弹框。3、location.reload()：页面刷新。2、location.host：主机名及端口号。2、history.forward：页面的前进。prompt() 带输入框的弹框。1、history.back：页面的后退。onload（）加载完成事件。
2023-03-24 18:56:00
37
原创 JavaScriptAPI的事件总结
dom2 添加监听事件 ： 事件源.addEventListener(‘事件类型’，事件的处理程序)取消监听事件 事件源.removeEventListener(‘事件类型’,‘函数名’)事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。按下事件 onmousedown 抬起事件 onmouseup。按下事件 onkeydown 抬起事件 onkeyup。dom0 事件源.事件类型 = 事件的处理程序。取消事件 事件源.事件类型 = null。
2023-03-23 19:03:07
48
原创 JavaScriptAPI
var head = document.getElementById(‘head’) ()中要带单引号。**事件公式：事件源.事件类型 = 事件的处理程序 **3、事件的处理程序：事件触发后要执行的代码（函数）鼠标事件 键盘事件 浏览器事件。2、事件类型:事件触发的方式。事件：触发====>响应。1、事件源：被触发的元素。
2023-03-22 19:40:12
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人