- 博客(8)
- 收藏
- 关注
原创 JavaScript变量声明var、let、const
在学习JavaScript中是很少离开变量的,在JavaScript这门语言中目前(包括ES6新增)提供了我们熟知的四种方法声明变量,var、function、let、const。这里专注于讲var、let、const(如有空缺,后期补充)。首先在初识JavaScript时,(至少我是)使用var来声明变量,这里声明一个变量str。 //这里我们声明一个变量str var str = 'string';1. 使用var声明时有变量提升,会将变量提升至赋值之上类似于
2022-01-05 16:52:16 349
原创 JavaScript使用构造函数实现无缝滚动轮播图
最近学习了构造函数和class类,于是大脑突发异想(恶疾),想着能不能实现一些实用的功能,就有了今天的这个小项目,使用构造函数实现无缝滚动轮播图。 这就是js + html代码(css代码过于难视就不展现了): <div class="side-show"> <div class="arrow"> <span class="arrow-l"><</span> ...
2021-12-21 11:49:11 247
原创 JavaScript数组常用的方法
1. 数组的创建js中一般有两种方式创建数组; //1. 数组的创建 var arr = [1,2,1,3,6,8,7]; //第一种直接用方括号括起来,里面元素用逗号隔开。 var arr_sec = new Array(1,2,3); //第二种则是直接用Array 对象创建。2.方法(1)push 方法 arr.push(num); //arr.push(num) 在数
2021-12-04 11:18:42 377
原创 JavaScript事件监听引起的事件覆盖
最近写了一个轮播图小案例,因为JS结构问题产生了一个小bug,虽然最后解决了但还是想了解一下这个bug是怎么产生的,即事件监听的嵌套引起的事件覆盖。1.关于bug的产生与描述:首先我自己重新写了一下这段代码<div> <button>点击</button> </div> <script> var n = 0; var div = document.query...
2021-11-25 10:15:26 1500 1
原创 CSS定位与层级的理解
有一次写项目,发现了一个我个人未理解的一个问题,就是z-index在定位中失效了,后来才发现假如给予层级、定位的盒子与另一个给予层级、定位的盒子为父子关系,那么z-index是不生效的。 尤其是在早期使用JS写页面下拉菜单效果的时候,时常(个人)会把下拉菜单内容写在导航栏里面,再用定位,这就造成了一个问题,下拉菜单会从导航栏z轴最上面滑出,这时我们使用z-index是不生效的,因为下拉菜单和导航栏是夫父子关系。下面我用代码来解释一下: <div class=...
2021-11-08 22:28:56 576 1
原创 用数组存储标坐标返回的对象
今天找了个鼠标拖动盒模型并实现返回效果的作业,下午做了一下,主要的知识盲区还是对于盒模型在页面的坐标的返回值存储的一个问题,下面方法不是我原创,但却是是一个不错的方法,所以给大家分享一下。首先我们会用到push这个方法以及对象: //定义两个变量,其为盒子与页面的距离 这里为getX与getY arr.push({ X: getX, Y: getY ...
2021-11-03 23:43:31 483
原创 JavaScript判断输入值是否为素数
朋友今天出了一道算法,判断回文素数。回文素数每判断出来,出了一堆bug(第一次写博客的萌新瑟瑟发抖),结果就判断了一个素数,咋看其实素数挺简单的,但是执行起来还是有难度,可能是自己还学的不够。...
2021-11-02 21:59:44 1079
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人