- 博客(12)
- 收藏
- 关注
原创 箭头函数
一、ES6标准新增了一种新的函数:Arrow Function(箭头函数)。函数的定义方法我们通常是:var fn1 = function(a, b) { return a + b} function fn2(a, b) { return a + b}使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。var fn1 = (a, b) => { return a
2021-11-07 23:31:27
119
原创 JavaScript中var、let和const的区别
一、前言在ES6中函数声明不仅可以使用var声明还可以使用let、const,接下来讨论var、let、const三者的区别。二、var使用var关键字声明的变量如果在函数作用域里面,则这个变量时局部变量,如果在任何函数外的顶层,则该变量就是全局变量。var a = 1; //此处声明的变量a为全局变量function foo(){ var a = 2;//此处声明的变量a为函数foo的局部变量 console.log(a);//2}foo();console.log(
2021-10-31 21:27:00
434
原创 防抖事件:
原理:防抖的原理就是你不管点击触发多少次,我只会在时间触发n秒之后才执行一次代码案例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .boss{ width: 200px; height: 200px; background: #00
2021-10-24 23:31:36
187
原创 js制作2022年倒计时
js部分 window.onload = function (ev) { var nowDate, nowTimes, lastTimes, lastSeconds, lastD, lastH, lastM, lastS; var time = document.getElementsByTagName('div')[0]; // 1. 定义将来时间 var preDate = new Date('2022/01/01 00:00:
2021-10-17 17:44:44
880
原创 position定位
static:静态定位HTML元素的默认值,即没有定位,遵循正常的文档流对象,不受top、bottom、left、right影响。Fixed:固定定位元素的位置相对于浏览器窗口是固定位置,fixed定位使元素的位置与文档流无关,因此不占据空间,fixed定位的元素与其他元素重叠。relative:相对定位元素的定位是相对于其他正常位置,移动相对定位元素,但它原本所占据的空间不会改变,经常用作绝对定位元素的容器块。absolute:绝对定位元素的位置相对于最近的已定位父元素,如果元素
2021-10-10 21:53:40
51
原创 隐藏元素的三种方式
方法1:display:none.hide{display: none;}设置元素的display属性为none;不占用页面空间,其占有的空间会被其他元素所占有,从而会引起浏览器的重排和重汇。方法2:visibility:hidden.hide{visibility: hidden;}设置元素的visibility属性为visibility:hidden;元素会占用页面空间,因此只会导致浏览器的重...
2021-10-10 21:44:30
1531
原创 求数组中存储的最大值
定义数组var arr3 = [1,3,2,5,10,100,50];定义最大值var max =arr3[0];循环for (var i=0;i<arr3.length;i++) { if(max<arr3[i]){ max=arr3[i]; } } console.log("最大值:" + max);输出结果
2021-10-07 23:53:20
238
原创 中国结制作
css部分 //设置背景图层 .box{ width: 300px; height: 300px; background-color: blue; position: relative; top: 60px; left: 180px; } .tux1{ width: 40px; height: 130px; position: absolute;//定位
2021-10-07 23:48:42
89
原创 排序的三种方法,冒泡排序、选择排序、sort排序
首先定义一个数组,然后使用各种方法去排序。var arr = [1,3,5,7,9,10,13,15,56];冒泡排序:for (var i = 0; i < arr.length-1; i++) { for (var j = 0;j<arr.length-i;j++) { if(arr[j]>arr[j+1]){ var box = arr[j]; arr[j] = arr[j+1]; arr[j+1] = box; }
2021-09-26 18:34:47
94
原创 js+css制作乘法口诀表
话不多说直接上代码,解释的很详细。一、css部分span{ display: inline-block; /*span是行内元素 设置宽高无效 转换成inline-block宽高才会生效*/ width: 70px; /*设置边框宽度*/ height: 30px; /*设置边框高度*/ line-height: 30px; /*设置行高*/ border: 1px solid black;/*设置边框样式为1px大小,边框颜色为black*/ text-alig
2021-09-26 18:20:16
178
原创 认识HTML的基本知识
HTML 标题标题(Heading)是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题。 <h6> 定义最小的标题。HTML 水平线<hr> 标签可以在 HTML 页面中创建一条水平线,用于文档隔开。HTML 注释可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。写法:<!--这是一个...
2021-09-20 21:06:07
69
原创 HTML简介
<!DOCTYPE html>声明为 HTML5 文档 <html>元素是 HTML 页面的根元素 <head>元素包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8。 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落注:在浏览器的页面上使用键盘...
2021-09-20 20:23:47
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人