![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 72
水草123
前端问题记录总结
展开
-
【JavaScript】Array.fill(new Array()) 创建二维数组不是想要的结果?
Array.fill(new Array()) 创建二维数组不是想要的结果?如何正确创建二维数组原创 2022-05-04 17:54:02 · 1385 阅读 · 0 评论 -
【JavaScript】数组去重
总结几种常用的数组去重方法:1.for循环从第一个元素开始,他后面的元素依次与之比对是否重复,重复则删除当前元素,第一次循环结束后,数组中就没有元素和第一个元素重复了,然后用第二个元素去比对。function unique(arr) { for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[j] == arr[i])原创 2022-05-03 09:50:04 · 108 阅读 · 0 评论 -
【JavaScript】深拷贝与浅拷贝
【JavaScript】深拷贝与浅拷贝原创 2022-04-18 22:16:57 · 654 阅读 · 0 评论 -
【axios】axios的基本使用
axios是一个专注于网络请求的库。 不同于jquery,功能复杂,既可以操作dom,又可以做动画,还可以发ajax请求。axios是一个专注于网络请求的库。一、基本使用1.导入库文件在js中导入axios的库文件后,会直接在全局挂载一个axios方法,就可以直接使用了。<!-- 导入axios的库文件 --><script src="lib/axios.js"></script><script> console.log(axios);&原创 2022-04-01 17:59:12 · 23784 阅读 · 2 评论 -
【JavaScript】宏任务与微任务
【JavaScript】宏任务与微任务原创 2022-03-27 22:42:49 · 3053 阅读 · 0 评论 -
【JavaScript】改变函数的this指向——call函数、apply函数、bind函数
【JavaScript】改变函数的this指向——call函数、apply函数、bind函数原创 2022-03-23 15:45:37 · 1867 阅读 · 0 评论 -
【JavaScript】原型对象、对象原型、原型链及其查找规则
【JavaScript】原型对象、对象原型、原型链及其查找规则原创 2022-03-21 16:08:32 · 2402 阅读 · 0 评论 -
【JavaScript】事件执行机制、同步与异步、事件循环(event loop)
【JavaScript】事件执行机制、同步与异步、事件循环(event loop)原创 2022-03-17 22:21:48 · 1598 阅读 · 0 评论 -
【JavaScript】面向对象的Tab栏分页切换案例
之前我们用原生js实现过Tab栏的分页切换效果,这是一种面向过程的方式,详见【JavaScript】自定义属性的应用案例——Tab栏分页切换,而今天我们来通过一种面向对象的方式来重新实现一下Tab栏分页切换。两大编程思想:面向过程 POP(Process-oriented programming):分析出解决问题所需要的步骤,然后用函数把步骤按顺序实现。面向对象 OOP(Object-oriented programming):把事务分解成一个个对象,然后由对象之间分工合作。以对象功能来划分问题,而原创 2022-03-16 11:36:30 · 1872 阅读 · 1 评论 -
【JavaScript】网页放大镜效果案例
【JavaScript】网页放大镜效果案例加深对e.pageX,e.pageY,offsetLeft,offsetTop,offsetWidth,offsetHeight的理解和应用鼠标事件mouseover,mouseout,mousemove的应用首先搭建一个简单的网页结构:<style> * { margin: 0; padding: 0; } .wrap { width: 1200px;原创 2022-03-06 18:01:23 · 969 阅读 · 1 评论 -
【JavaScript】mouseover和mouseenter的区别
共同点: 都是鼠标经过元素时,会触发事件。不同点:mouseenter不会冒泡。所以当使用mouseover时,鼠标经过盒子本身会触发,鼠标经过子盒子也会触发(因为冒泡)。而使用mouseenter时,只有经过盒子本身才会触发。代码测试:分别给父元素绑定mouseover事件和mouseenter事件。<style> .father { width: 300px; height: 300px; .原创 2022-03-05 22:09:28 · 868 阅读 · 0 评论 -
【JavaScript】自定义属性的应用案例——Tab栏分页切换
直接上代码:<style> * { margin: 0; padding: 0; } li { list-style-type: none; } .box { width: 500px; margin: 50px auto; } .box .nav { height: 30px; line-height: 30px;原创 2022-02-25 22:31:50 · 1102 阅读 · 1 评论 -
【JavaScript】DOM核心事件总结
关于DOM操作,我们主要针对元素的操作,主要包括创建、增、删、改、查、属性、事件等。主要如下:原创 2022-02-25 21:47:36 · 413 阅读 · 1 评论 -
【Javascript】for循环中的绑定事件为什么要用this
【Javascript】for循环中的绑定事件先来看一段代码:<div class="box"> <ul> <li> <img src="images/4.jpg" alt=""> </li> <li> <img src="images/9.jpg" alt=""> </li>原创 2022-02-20 16:13:13 · 845 阅读 · 2 评论 -
【JavaScript】获取元素小结
【JavaScript】获取元素小结获取页面中的元素可以使用以下几种方式获取页面中的元素可以使用以下几种方式根据ID获取根据标签名获取通过HTML5新增方式获取特殊元素获取原创 2022-02-14 21:56:08 · 440 阅读 · 0 评论