- 博客(22)
- 收藏
- 关注
RSS订阅原创 JS事件委托
作用：事件委托主要用来减少内存消耗，不用处理多次循环绑定使用方法：var target = document.getElementsById("获取元素")//元素调用target.addEventListener(type, listener, options);type：必选参数,需要绑定的事件名称，"不要带on"listener:必选参数，回调函数，你需要绑定的方法；options：可选参数，默认为false；表示"事件冒泡"，设置为true后为"事件捕获"1、捕获阶段：事件从win
2022-04-10 17:40:15
8397
1
原创 var 和 Let的区别
let是ES6新增的语法，主要解决ES5var 变量提升（bug）的问题；Let的主要特点如下：块级作用域不会造成变量提升不能重复声明变量暂时性死区var的主要特点：var声明会造成变量提升var没有块级作用域var可用重复声明，后者取代前者暂时性死区就是声明了变量，但未赋值Var 是全局变量 let const是块级作用域，只在命令所在的代码块内有效块级作用域Let块级作用域只能获取当前作用域内的值，不能像var变量提升那样，不能一直向上寻找...
2022-03-27 23:04:39
148
原创 JS数组去重
//数组去重 // 方法1 var add = [1,2,3,2,1,4,5,8,5,6,2,3,5]; console.log(add.sort()); // console.log(add); for(var i = 0;i<add.length;i++){ if(add[i]==add[i+1]){ add.splice(i--,1) ..
2022-03-20 17:48:32
62
原创 JS 九九乘法表
样式如下：JS代码：RGB效果可加可不加；只需要把style=background:${colorr()}注释就好 document.write(`<table>`) for(var i=1;i<10;i++){ document.write(`<tr>`) // document.write(`<br>`) for(var k=1;k<i+1;k++){
2022-03-20 17:10:12
472
2
原创 i++和++i的区别
i++先赋值再自增 var i = 1; var b=i++; console.log(b); console.log(i); var c=i++; console.log(c); console.log(i); 可以看到输出对应的值分别是 1 ， 2，2，3 var i = 1; var b=i++; console.log(b); 先分
2022-03-13 21:03:20
643
原创 CSS透明度
CSS两种设置透明度方式：opacity :设置背景透明度rgba():设置颜色透明度 1.opacity 属性的效果是给背景颜色添加透明度，取值范围是0~1， 但也会让处于背景颜色中的字体一同透明， 单用效果很好 2.rgba（）： R：红色值。正整数 （0~255） G：绿色值。正整数 （0~255） B：蓝色值。正整数（0~255） A：透明度。取值0~1之间 rgba（）也可以添加背景颜色和透明度，但这个透明效果并不会影响到 其他元素，比如文字两种透明效
2022-03-06 23:55:35
18320
原创 CSS清除浮动（float）的三种方式
标题CSS清除浮动（float）的三种方式为什么要清除浮动？浮动的原理是让图片脱离文档流，直接浮在画面上。我们一般布局都是只设置宽度不设置高度，让内容来填充高度。但利用浮动后会让原本填充的高度消失，父元素高度为0，后续添加内容布局机会混乱。这时候就可以利用清除浮动来解决父元素高度塌陷的问题。1.添加挡板元素<style> .father{ border: 1px solid red; width: 900px;
2022-02-27 23:41:05
6979
1
原创 get请求和post请求的区别
先说get请求和post请求的区别在哪get请求超链接跳转交互传参表单get提交ajsx异步get方式post请求安全性高文本、流文件传递post理论上无限制get请求用URL来传递数据一个标准的URL网址，在最后有一个querystring部分，表示对页面查询，用?来表示这部分，内容必须是k=v,对个参数用&来链接，此时页面将能收到这些参数，但以为太容易被拦截导致安全性低https://editor.csdn.net/md/?not_checkout=1post
2022-02-21 00:18:00
606
原创 CSS 常用API
最近又双叒叕叕在学习CSS，导致不得不重新开始复习TATposition:定位posotion作用absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。fixed生成相对定位的元素，相对于其正常位置进行定位。absolute 常用于二级菜单，且absolute是相对与父级（relative）来进行定位的，当没有relative这个属性，则会向上查询，还没有父级就
2022-02-21 00:01:43
854
原创 图片放大缩小
<style> div{ width:300px; height: 300px; margin: 50px auto; overflow: hidden; text-align:center;} div img{ cursor: pointer; transition: all 0.6s;} div img:hover{ transfo.
2022-02-13 12:39:59
353
原创 点击选中效果
<style type="text/css"> .che-box { display:inline; } .che-box input{ display: none; } .che-box label{ display: inline-block; border: 1px solid #e1e1e1; border-radius: 4px; padd..
2022-02-13 12:30:06
79
原创 3种异步加载方案
异步加载方案：script是一个同步的代码 1.defer : 等DOM Tree生成之后才执行也可以加载异步的脚本 <script defer src = "引入js文件"></script> <script src = "引入js文件">defer</script> 2.async：只能异步加载外部的链接文件，不能加载内部脚本，并且在js文件加载完后立马执行<script src = "引入js文件" async>&
2022-02-13 12:26:01
867
原创 手写call、apply、bind功能代码
call：函数.call(对象，参数) 将函数中的this指向对象，并且直接执行函数，参数要一一传递 function demo(){ console.log(this); } var obj = { name:'1', age:2, // fn: demo; }Function.prototype.mycall = function(){
2022-02-13 12:10:28
207
原创 JS奥特曼打怪兽（纯享文档版）
**思路分析：** 先用函数和this创建一个壳子，将怪兽和奥特曼的属性写上， 之后要像回合制游戏那样，你一轮我一轮这样打下去，然后在判断谁的HP=0就停止 所以在写攻击的方式（impact）然后循环一直到一方被打败 主要还是借鉴了一些别人的代码思路 如下： [原创链接](https://blog.csdn.net/weixin_45935720/article/details/107014755?ops_request_misc=%257B%2522requ...
2022-01-09 23:46:26
689
3
原创 this指向
this指向最近理解的东西有一些多，只能通过一些案例来记录结构，写这篇文章主要是来理清思路避免到时候又忘掉了0.01.this是什么？是在函数被调用时才发生的绑定，this 既不指向函数自身，也不指函数的词法作用域。2.this能干什么？能更灵活处理数据this的4种绑定规则分别是：默认绑定、隐式绑定、显示绑定、new 绑定。优先级从低到高。this的指向：分为全局和函数作用域在全局中 this固定指向window在函数中 取决于函数时如何调用3.this的运用场景函数有所属对象，则
2022-01-09 23:35:32
242
1
原创 【每周总结】
1.--------不可变数据（3个）：**Number（数字）String（字符串）Tuple（元组）--------可变数据（3个）：List（列表）Dictionary（字典）Set（集合）数学函数例子num= Math.round(num) //四舍五入 num= Math.floor(num); // 向下取整num= Math.ceil(num); // 向上取整var re = Math.pow(3,3); //幂运算var re = M
2021-12-19 23:34:42
173
原创 CSS选择器
CSS选择器基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签，比如p不能差异化选择较多p { color: red;}类选择器可以选出1个或者多个标签可以根据需求选择非常多.nav { color:red;}id选择器—次只能选择1个标签ID属性只能在每个HTML文档中出现一次一般和js搭#nav {color:red;}通配符选择器选择所有的标签选择的太多，有部分不需要特殊情况使用* {color: red;}
2021-03-20 16:30:50
53
原创 HTML标签笔记
HTML标签笔记属性值描述button定义可点击按钮(多数情况下，用于通过JavaScript启动脚本)。checkbox定义复选框。file定义输入字段和"浏览"按钮，供文件上传。hidden定义隐藏的输入字段。image定义图像形式的提交按钮。password定义密码字段。该字段中的字符被掩码。radio定义单选按钮。reset定义重置按钮。重置按钮会清除表单中的所有数据。submit定义提交按钮。提交按钮会把表单数
2021-03-19 17:38:23
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人