weixin_51770393-优快云博客

原创 var let const 的区别

var let const 的区别let 是 ES6新增的变量类型，用来代替 var 的一些缺陷，跟 var 相比主要有以下区别：1. let 使用块级作用域在 ES6之前，ES5中js只有全局作用域和函数作用域，例如：if(true) { var a = 'name'}console.log('a',a) // name作用域是一个独立的地盘，让变量不外泄出去，但是上例中的变量就外泄了出去，所以此时 JS 没有块级作用域的概念。var a = 1;function fn() {

2021-03-29 23:00:54 108

原创防抖与节流

防抖与节流1.防抖高频率事件在 n 秒内只触发一次，如果再次被触发，则重新计时方案设置定时器，当 n 秒内再次被触发，则清除定时器。<button id="btn">提交</button><script >document.getElementById('btn').addEventListener('click', submit)function submit(){ console.log('请求数据')}</script>上

2021-03-21 23:04:55 98

原创 js if判断石头剪刀布猜拳

和计算机猜拳的游戏，用户输入剪刀，石头，布，与计算机的出拳进行比较，判断胜负。var a = prompt('请输入剪刀或者石头或者布')var bvar c = parseInt((Math.random()*3)+1)// console.log(c); if(c ==1) { b = '剪刀'}else if (c == 2) { b = '石头' }else if (c == 3){ b = '布' }if (a == b) {alert('平局')}else if

2020-11-29 22:27:48 643

原创二级菜单

注意事项：1.二级菜单的hover事件一定要写在父元素才起作用2.为了防止导航栏下面的banner图或内容盖住二级菜单，需要给导航栏定位，来提高二级菜单的层级，否则会影响下面布局3.定位之后，二级菜单的宽将不再继承它父元素的宽，需要重新定义，否则它将被内容撑开<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c

2020-11-22 20:35:03 592

原创 background属性

1.background-color 规定要使用的背景颜色。body { background-color:yellow; }h1 { background-color:#00ff00; }p { background-color:rgb(255,0,255); }2.background-position 规定背景图像的位置。body{ background-image:url('bgimage.gif');background-repeat:no-r

2020-11-22 18:55:45 163

原创伪类选择器

伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。静态伪类和动态伪类伪类选择器分为两种。（1）静态伪类：只能用于超链接的样式。如下：:link 超链接点击之前:visited 链接被访问过之后（2）动态伪类：针对所有标签都适用的样式。如下：:hover “悬停”：鼠标放到标签上的时候:active

2020-11-22 18:26:05 569

原创浮动带来的影响和清除浮动

清除浮动浮动的特点与作用文档流：所有的内容都是占位的，正常情况下：块元素：上下显示，独占一行内联元素：水平排列，左右显示浮动改变块元素的排列方式，让内容从上下排显示成水平显示。** float的属性值**：left 左浮动right 右浮动none 不浮动注意：浮动元素会脱离文档流，不占位，盒子重叠，内容不重叠；如果想要内容都水平排列，需要所有的盒子都设置浮动如果浮动的元素大于父元素的宽，显示不下就会另起一行，第二行显示浮动不占位的副作用只会同级之间产生，浮动的副作用都是往下影响

2020-11-20 13:31:47 324 1

原创 HTML5语义化标签

HTML5语义化标签有利于SEO，有利于解析代码，可读性可维护性增强。为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构比div标签有更加丰富的含义，方便开发与维护方便其他设备解析有利于合作，遵守W3C标准部分HTML标签HTML标签或属性英文全称定义a Anchor 锚abbr Abbreviation 缩写词acronym Acronym 取首字母的缩写词address

2020-11-13 09:57:42 144

原创 Tab切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> //css样式 <style> * {

2020-10-22 00:59:38 138

原创全选反选