
前端
拥星辰与洛
这个作者很懒,什么都没留下…
展开
-
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 阅读 · 0 评论 -
防抖事件:
原理:防抖的原理就是你不管点击触发多少次,我只会在时间触发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 · 228 阅读 · 0 评论 -
position定位
static:静态定位HTML元素的默认值,即没有定位,遵循正常的文档流对象,不受top、bottom、left、right影响。Fixed:固定定位元素的位置相对于浏览器窗口是固定位置,fixed定位使元素的位置与文档流无关,因此不占据空间,fixed定位的元素与其他元素重叠。relative:相对定位元素的定位是相对于其他正常位置,移动相对定位元素,但它原本所占据的空间不会改变,经常用作绝对定位元素的容器块。absolute:绝对定位元素的位置相对于最近的已定位父元素,如果元素原创 2021-10-10 21:53:40 · 88 阅读 · 0 评论 -
隐藏元素的三种方式
方法1:display:none.hide{display: none;}设置元素的display属性为none;不占用页面空间,其占有的空间会被其他元素所占有,从而会引起浏览器的重排和重汇。方法2:visibility:hidden.hide{visibility: hidden;}设置元素的visibility属性为visibility:hidden;元素会占用页面空间,因此只会导致浏览器的重...原创 2021-10-10 21:44:30 · 1591 阅读 · 0 评论 -
中国结制作
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 · 125 阅读 · 0 评论 -
排序的三种方法,冒泡排序、选择排序、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 · 129 阅读 · 0 评论 -
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 阅读 · 0 评论