JavaScript
文章平均质量分 75
Wyyyy1024
这个作者很懒,什么都没留下…
展开
-
CSS3 filter滤镜
css3 filter 属性原创 2022-12-30 09:45:01 · 1174 阅读 · 1 评论 -
事件循环-宏任务-微任务
事件循环,宏任务,微任务原创 2022-06-25 18:12:18 · 748 阅读 · 0 评论 -
Vue2与Vue3中Ref绑定元素
vue中ref绑定元素原创 2022-06-18 15:47:45 · 5048 阅读 · 0 评论 -
图片裁剪-cropperjs详解
图片裁剪cropperjsGitHub:https://github.com/fengyuanchen/cropperjs安装cnpm install cropperjs使用//<!-- Wrap the image or canvas element with a block element (container) -->//图片必须被块级元素所包裹<div> <img id="image" src="picture.jpg"></原创 2020-12-25 19:04:13 · 3416 阅读 · 0 评论 -
WebAPI中className与classList的区别
classNamewebapi中通过className更改元素样式在style标签中重新定义一个新的样式在js中直接引用:获取的元素.className=’’; <style> .box{ width: 100px; height: 100px; background-color: pink; } .size{ font-size: 30px; } </style><body原创 2020-12-22 18:56:41 · 441 阅读 · 0 评论 -
js中的防抖与节流
防抖与节流防抖防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。应用场景用户在输入框中连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行查询的请求,这样可以有效减少请求次数,节约请求资源;节流节流策略(throttle),顾名思义,可以减少一段时间内事件的触发频率。应用场景 :① 鼠标连续不断地触发某事件(如点击),只在单位时间内只触发一次;② 懒加载时要监听计算滚动条的位置,但不必每次滑动都原创 2020-12-19 15:04:49 · 147 阅读 · 1 评论 -
ES6中的常用语法
ES6letlet关键字就是用来声明变量的使用let关键字声明的变量具有块级作用域在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的防止循环变量变成全局变量使用let关键字声明的变量没有变量提升使用let关键字声明的变量具有暂时性死区特性const声明常量,常量就是值(内存地址)不能变化的量具有块级作用域 if (true) { const a = 10; }console.log(a) // a is not defin原创 2020-12-17 09:01:05 · 229 阅读 · 0 评论 -
js中实现深拷贝的4种方法
js中深拷贝的方法原生js中递归函数拷贝将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据 ,两个对象或数组不共享一块内存 <script> let obj={ abc:'123', def:[{a:1,b:2,c:3},{q:8,w:9}], qwe:{e:4,f:5} } //需求将obj这个对象拷贝出一个新对象修改新对象的值不会影响原对象的值 //定义一个函数 functio原创 2020-12-11 15:21:00 · 12945 阅读 · 2 评论 -
Html5与CSS3新特性
H5新特性新增的语义化标签<header> : 头部标签<nav> : 导航标签<article> : 内容标签<main> : 主体标签<aside> : 侧边标签<footer> : 底部标签<section> : 定义文档某个区域标签新增的多媒体标签<video> : 视频标签<audio> : 音频标签<video src="文件地址"></v原创 2020-12-08 19:10:16 · 118 阅读 · 0 评论 -
js中遍历数组的6种方式
1.原生js中for循环 var arr=[1,2,3,4,5]; for(var i=0;i<arr.length;i++){ console.log(arr[i]) //打印每一个数组元素 }2.原生js中 for in var arr=[1,2,3,4,5];for(var k in arr){ console.log(arr[k]) //打印每一个数组元素}3.ES6中forEach()var array=[1,2,3,4,5]ar原创 2020-12-04 15:05:50 · 4612 阅读 · 1 评论 -
jQuery.extend()与jQuery.fn.extend()的区别
jquery开发插件的两个方法jQuery.fn.extend()jQuery.extend()浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。改变旧对象的值,新对象的值也会改变深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原 对象。浅拷贝jQuery.extend()扩展 jQuery 类本身,为jQuery类添加类方法(静态方法)jQuery.extend({ add: function(a, b) {原创 2020-12-01 19:56:46 · 153 阅读 · 0 评论 -
JavaScript——Promise详解
异步调用定时任务(setTimeout、setInterval)ajax事件处理函数Promise一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值:异步方法并不会立即返回最终的值,而是会返回一个 promise,以便在未来某个时候把值交给使用者Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值,解决异步编程的一种方案原创 2020-11-26 19:48:06 · 478 阅读 · 0 评论 -
js实现——冒泡排序、筛选数组、数组去重、数组翻转
冒泡排序 <script> // 冒泡排序 // var arr = [5, 4, 3, 2, 1]; var arr = [4, 1, 2, 3, 5]; for (var i = 0; i <= arr.length - 1; i++) { // 外层循环管趟数 for (var j = 0; j <= arr.length - i - 1; j++) { // 里面的循环管 每一趟的.原创 2020-11-16 16:06:46 · 288 阅读 · 0 评论 -
js中———九九乘法表、打印n行n列星星、倒三角、正三角、等腰三角
九九乘法表 // 九九乘法表 // 一共有9行,但是每行的个数不一样,因此需要用到双重 for 循环 // 外层的 for 循环控制行数 i ,循环9次 ,可以打印 9 行 // 内层的 for 循环控制每行公式 j // 核心算法:每一行 公式的个数正好和行数一致, j <= i; // 每行打印完毕,都需要重新换一行' //将结果输出到控制台中 var st.原创 2020-11-16 08:48:59 · 2258 阅读 · 0 评论 -
javascript高级——总结
面向对象特性:继承,封装,多态对象对象是一组无序的相关的属性和方法的集合,所有的事物都是对象,对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示。方法:事物的行为,在对象中用方法来表示类class泛指某一大类抽取(抽象)对象共有的属性和方法封装成一大类创建类class 类名{ }//创建实例对象var xx=new 类名();//类必须使用实例化对象constructor构造函数constructor()方法是类的构造函数用于传递参数返回实例对象通过new原创 2020-10-24 10:48:41 · 159 阅读 · 0 评论 -
JavaScript中Array+String常用API(总结)
Array方法描述返回值push()从数组元素最后添加一个或多个元素返回新数组的长度unshift()从数组元素前面添加一个或多个元素返回新数组的长度pop()删除数组中最后一个元素返回删除的元素shift()删除数组中的第一个元素返回删除的元素reverse()翻转数组返回反转后的数组sort()数组排序默认升序 arr.sort(function(a,b){return a-b;//升序 return b-a;//降序})返回...原创 2020-10-23 10:29:18 · 236 阅读 · 0 评论 -
JavaScript——WebAPI(DOM+BOM)
DOM文档对象模型获取元素根据ID获取:document.getElementByID()根据标签名获取:document.getElementsByTagName()根据类名获取(H5新增):document.getElementsByClassName() document.querySelector() document.querySelectorAll()获取body和html: document.body() documen原创 2020-10-10 14:50:21 · 283 阅读 · 0 评论 -
JavaScript基础知识点总结
数据类型基本数据类型Number 数字型String 字符串型Boolean 布尔类型Undefined (声明了未赋值)Null (空值)复杂数据类型object 对象function 函数Array 数组类型转换转换为String类型toString()String()强制转换转换为Number型parseInt() 将string转换成整数数值型parseFloat() 将string转换成浮点型Number()原创 2020-09-21 14:08:54 · 313 阅读 · 0 评论