拥星辰与洛-优快云博客

原创箭头函数

一、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 159

原创 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 480

原创防抖事件：

原理：防抖的原理就是你不管点击触发多少次，我只会在时间触发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 227

原创 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 925

原创 position定位

static:静态定位HTML元素的默认值，即没有定位，遵循正常的文档流对象，不受top、bottom、left、right影响。Fixed:固定定位元素的位置相对于浏览器窗口是固定位置，fixed定位使元素的位置与文档流无关，因此不占据空间，fixed定位的元素与其他元素重叠。relative:相对定位元素的定位是相对于其他正常位置，移动相对定位元素，但它原本所占据的空间不会改变，经常用作绝对定位元素的容器块。absolute:绝对定位元素的位置相对于最近的已定位父元素，如果元素

2021-10-10 21:53:40 87

原创隐藏元素的三种方式

方法1：display:none.hide{display: none;}设置元素的display属性为none；不占用页面空间，其占有的空间会被其他元素所占有，从而会引起浏览器的重排和重汇。方法2：visibility:hidden.hide{visibility: hidden;}设置元素的visibility属性为visibility:hidden;元素会占用页面空间，因此只会导致浏览器的重...

2021-10-10 21:44:30 1587

原创求数组中存储的最大值

定义数组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 291

原创中国结制作

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 123

原创排序的三种方法，冒泡排序、选择排序、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 127

原创 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 217

原创认识HTML的基本知识

HTML 标题标题（Heading）是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题。 <h6> 定义最小的标题。HTML 水平线<hr> 标签可以在 HTML 页面中创建一条水平线，用于文档隔开。HTML 注释可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。写法：<!--这是一个...

2021-09-20 21:06:07 106

原创 HTML简介

<!DOCTYPE html>声明为 HTML5 文档 <html>元素是 HTML 页面的根元素 <head>元素包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落注：在浏览器的页面上使用键盘...

2021-09-20 20:23:47 217

jxl03280825的博客