猪猪猪a-CSDN博客

原创 JS之闭包

本质：函数（内嵌函数）闭包就是能访问到外部函数中变量的内部函数定义：一个可以访问自由变量的函数function a(){ var x='111'; //闭包函数 function b(){ console.log(x);// }}原理：依赖于作用域链引用自由变量的过程中将自由变量注入到自身的作用域闭包构成要点 1. 闭包必须有函数的嵌套 2. 内部函数必须要访问函数外部的变量或者参数(能够访问自由变量)

2022-04-07 20:31:17 221

原创 js+简单轮播图

最近看综艺《一往无前的蓝》粉上了一个男孩子，以致于最近学js选的素材都是他，哈哈，笑死。这次呢做的就是一个简单的轮播图，有上一张，下一张的按钮切换，以及张数显示，可能会有点小bug，希望大佬能指点一下，还有一个巨大的问题，就是我不知道那个轮播的点点怎么写，暂时就没写那个点点，等什么时候回了，我再解决一下这个大问题。那就浅看一下吧。页面布局块： css： <style> * { padding...

2022-03-27 20:51:06 369

原创 DOM节点操作

DOM(document object model)文档对象模型作用如下： 1、动态操作元素的属性 2、动态的操作元素的样式属性 3、动态的实现元素的节点操作获取元素节点getElementById() 根据元素id获取一个元素节点<div id='box1'>111</div><script> let box1=getElementById('box1');</script>getElements..

2022-03-23 10:25:53 618

原创 js小练习-数组去重的几种常见方法

最近有练习到数组去重这个题，老师说方法多的是，代码是死的，人是活的，那就浅看一下，我能想到几种方法吧。第一种：使用includes()方法includes() 判断一个数组是否包含在另一个数组中，根据情况返回 true 或 false。 var arr = ['a', 1, 2, 3, 'a', 3, 1, 2]; var arr1 = []; //创建一个新数组 for (let i = 0; i < arr.length;

2022-03-19 15:32:26 150

原创 js基础小练习-处理数组

如果以后写页面要这样拼串，我会疯掉，真的！！！已知var arr=["userName=admin","password=123456","sex=男","address=武汉"] 转化为：输出结果（1） update from table(userName='admin',password='123456',sex='男',address='武汉') （2） insert table(userName,password,sex,address) values('...

2022-03-19 14:26:21 129

原创 Javascript常用API

就很烦,最近学到了API,各式各样的API让我眼花缭乱,记不住的感觉,每次用到的时候,到处该用哪个API,类型多种多样,实在记不住,只能浅整理一下.如果有遗漏,各位大佬们评论区告诉我,嘻嘻!!!...

2022-03-19 14:08:50 1076

原创 Javascript实现简单倒计时

说实话，写这个我也很脑阔疼，虽然也就四五十行代码，我还是更喜欢写那种几千行的静态页面，哈哈，这个获取每一个时间的时，分，秒我真的是炸了，下面就让各位大佬浅看一下吧，如果有更好的方法，求大佬指点，嘻嘻。 //倒计时效果 <div></div> //距离周一 8： 30 剩下 xx: xx： xx 定时器 var str = ''; let divs = document.querySe...

2022-03-19 11:41:44 1285

原创 Javascript基础小练习-随机验证码

最近学习javascript循环控制语句，自定义函数，以及各种API穿插到一起，简直学到爆炸，逻辑思维对于女生来讲确实有点跟不上，只能靠多做题，来锻炼一下自己的逻辑思维能力啦。1、随机验证码利用自定义函数，随机生成验证码，通过传两个形参，第一个形参表示验证码的类型，包括数字型，字符串型，以及数字和字符串混合型，第二个形参表示验证码的长度。随机颜色的生成就利用随机数随机生成三原色的三个值。代码如下：<script> //封装自定义函数，实现随机验证...

2022-03-18 22:22:07 969

原创 javascript数据类型+类型转换

1、数据类型（1）字符串类型 -js中的字符串使用引号，单双都行，但是不要混合注意:同类型的引号不要发生嵌套 -转义字符串，js中使用\作为转义字符 \' --> ' \" --> " \t --> 制表符 \n --> 换行...

2022-03-18 10:37:36 322

原创 js输出10*10表格+隔行变色+随机变色

1.js输出10*10表格+隔行变色（奇数行蓝色，偶数行粉色）结果如图：随机从0-9，（0，2，4，6，8蓝色），（1，3，5，7，9粉色）2.js输出10*10表格+随机变色效果如图：

2022-03-13 17:25:41 1189

原创定位(position）

1.定位的使用场景：下拉菜单，二级分类，楼层导航，固定导航栏，文字在图片上显示.....2.常见定位分为三种：相对定位，绝对定位，固定定位。（1）相对定位 position:relative;元素正常占用标准文档流，相对元素自身当前所处的位置来进行定位（位置调整）。如：给元素添加绝对定位：position: relative;（2）绝对定位:position: absolute; 元素脱离文档流（不占位），默认依据浏览器的的左上角来进行定位。如：...

2022-03-13 15:08:46 1566 2

原创浮动：float: left | right | none；

1.浮动的应用场所：浮动可以解决元素横排的问题，同时浮动布局在网页缩放过程中，会保留原有的的布局结构（模块横向排列）。 float:left; 左浮 float:right; 右浮注意：元素一旦浮动就会脱离文档流（不占位，漂浮）。2.元素浮动造成的影响：（1）、浮动的元素会覆盖正常的元素。如图：两个div正常情况下：给下面的小div添加浮动后：覆盖正常的div（...

2022-03-13 14:26:30 4634

原创 css选择器—四大基本选择器

一、四大基本选择器 1、统配选择器（*）：匹配页面中的所有元素。 *{ } 例：页面中所有的元素都变成红色，背景是绿色 *{ color:red; background-color: darkseagreen; } 如图：...

2022-02-21 15:55:21 6077

weixin_46124651的博客