- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 【JavaScript】Array.fill(new Array()) 创建二维数组不是想要的结果?
Array.fill(new Array()) 创建二维数组不是想要的结果?如何正确创建二维数组
2022-05-04 17:54:02 1465
原创 【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 129
原创 【Vue】Vue基础总结 思维导图
Vue基础主要包括指令、过滤器(filters)、侦听器(watch)、计算属性(computed)、自定义属性(props)、生命周期及生命周期函数、组件之间的数据共享、ref引用、创建工程化Vue项目(vue-cli) 几个大的方面。
2022-04-05 20:48:05 1336
原创 【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 24015 2
原创 【JavaScript】改变函数的this指向——call函数、apply函数、bind函数
【JavaScript】改变函数的this指向——call函数、apply函数、bind函数
2022-03-23 15:45:37 1897
原创 【JavaScript】事件执行机制、同步与异步、事件循环(event loop)
【JavaScript】事件执行机制、同步与异步、事件循环(event loop)
2022-03-17 22:21:48 1638
原创 【JavaScript】面向对象的Tab栏分页切换案例
之前我们用原生js实现过Tab栏的分页切换效果,这是一种面向过程的方式,详见【JavaScript】自定义属性的应用案例——Tab栏分页切换,而今天我们来通过一种面向对象的方式来重新实现一下Tab栏分页切换。两大编程思想:面向过程 POP(Process-oriented programming):分析出解决问题所需要的步骤,然后用函数把步骤按顺序实现。面向对象 OOP(Object-oriented programming):把事务分解成一个个对象,然后由对象之间分工合作。以对象功能来划分问题,而
2022-03-16 11:36:30 1935 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 998 1
原创 【JavaScript】mouseover和mouseenter的区别
共同点: 都是鼠标经过元素时,会触发事件。不同点:mouseenter不会冒泡。所以当使用mouseover时,鼠标经过盒子本身会触发,鼠标经过子盒子也会触发(因为冒泡)。而使用mouseenter时,只有经过盒子本身才会触发。代码测试:分别给父元素绑定mouseover事件和mouseenter事件。<style> .father { width: 300px; height: 300px; .
2022-03-05 22:09:28 906
原创 【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 1150 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 916 2
原创 【JavaScript】获取元素小结
【JavaScript】获取元素小结获取页面中的元素可以使用以下几种方式获取页面中的元素可以使用以下几种方式根据ID获取根据标签名获取通过HTML5新增方式获取特殊元素获取
2022-02-14 21:56:08 480
原创 【CSS】如何清除浮动的影响、BFC
CSS如何清除浮动的影响、BFC参考文章:1.清除浮动: https://segmentfault.com/a/1190000041226085https://blog.csdn.net/m0_59897687/article/details/1225229292.浮动与绝对定位: https://blog.csdn.net/csdn_ds/article/details/751456823.box-shadow: https://www.cnblogs.com/dongtianee/p/4545
2022-01-20 12:20:19 691 1
html+js+css实现网页轮播图效果
2022-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人