- 博客(20)
- 收藏
- 关注
原创 使用javascript实现点击复制到剪贴板
一、使用javascript实现点击复制到剪贴板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2022-04-14 10:12:08
1876
原创 【无标题】
1. 防抖策略防抖策略(debounce)是当事件被触发后,延迟n秒后再执行回调函数,如果在这n秒内事件被再次触发,则重新计时.好处是:它能够保证用户在频繁触发某些事件的时候,不会频繁的执行回调,只会被执行一次.防抖的概念:如果有人进电梯(触发事件),那电梯将在10秒钟后出发(执行事件监听器),这时如果又有人进电梯了(在10秒内再次触发该事件),我们又得等10秒再出发(重新计时)。防抖的应用场景:用户在输入框连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行查询的请求,这样可以有效减少请求
2022-04-08 16:03:59
65
原创 uniapp项目中使用阿里图标
一、uniapp引入阿里图标1、第一步:选择想要的图标加入购物车注意:批量注入的方法(按F12 在console里面输入下方的代码)var span = document.querySelectorAll('.icon-cover');for (var i = 0, len = span.length; i < len; i++) { console.log(span[i].querySelector('span').click());}2、点击下载图标3、下载之后,只
2022-03-07 14:11:52
1543
原创 JavaScript基础
一、var变量1、如果定义了变量但是没有赋值,就会出现undefined例var age console.log(age) //undefined2、如果直接给变量赋值,没有定义变量,也可以把值输出来3、如果没有定义也没有赋值就会导致程序奔溃4、变量的命名规则1.只能有由字母,数字,下划线,$组成2.数字不能开头3.严格区分大小写4.不能使用关键字做变量名(关键字默认为蓝色)5.尽量使用语义明确的单词做变量名,不要使用拼音6.如果变量名过长,可以使用驼峰原则,或下划线分隔5、编程语言
2022-03-07 11:59:36
269
原创 break ,continue ,return 的区别
break ,continue ,return 的区别break :结束当前的循环体(如 for、while)continue :跳出本次循环,继续执行下次循环(如 for、while)return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的代码...
2022-03-07 11:59:00
102
原创 函数的声明方式
一、函数1、函数的两种声明方式a、自定义函数方式(命名函数)利用函数关键字 function 自定义函数方式// 声明定义方式function fn() {...}// 调用 fn(); 因为有名字,所以也被称为命名函数调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面b、函数表达式方式(匿名函数)利用函数表达式方式的写法如下:// 这是函数表达式写法,匿名函数后面跟分号结束var fn = function(){...};// 调用的方式,函数调用必须写
2022-03-07 11:58:22
4258
原创 对象的创建方式
一、对象1、创建对象的三种方式a、方式一:利用字面量创建对象var star = { name : '小明', age : 18, sex : '男', sayHi : function(){ alert('大家好啊~'); }};b、方式二: 利用 new Object 创建对象创建空对象 var andy = new Object();//通过内置构造函数Object创建对象,此时andy变量已经保存了创建出来的空对象给
2022-03-07 11:57:40
226
原创 JavaScript数组的使用
一、数组1、创建数组的方式a、方法一:利用 new 创建数组var arr = new Array()b、方法二:利用数组字面量创建数组var 数组名 = [‘小白’,‘小黑’,‘大黄’,‘瑞奇’];2、数组的length属性可以被修改:如果设置的length属性值大于数组的元素个数,则会在数组末尾出现空白元素;如果设置的length属性值小于数组的元素个数,则会把超过该值的数组元素删除 var arr5 = [ "red",'blue','green','white'] //清
2022-03-07 11:56:46
489
原创 原生js的操作
一、原生js的操作1、添加一个类名div.className=“box”2、修改样式this.style.color=“red”3、元素自带的属性可以通过"."来获取属性值getAttribute可以获取自带属性和自定义属性的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></he
2022-03-07 11:55:49
746
原创 2021-06-02
一:ajax的请求1、ajax发送get请求(带参数)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <p> <input type="text" id="username"> </p> <
2021-06-08 19:53:39
75
原创 解决父盒子与子盒子重叠的问题
一、如果父盒子没有边框,或间距,那么子盒子的margin-top会合并解决方法:1、给父盒子设置边框2、设置父盒子的上内间距3、设置为overflow: hidden; 触发浏览器的haslayout
2021-06-02 21:20:41
1190
原创 解决回调地狱的问题
一、使用callback()获取异步函数的返回值function getMsg( callback ) { setTimeout(function () { //对这个函数进行调用,将这个对象作为参数传递进去 callback({msg:"hello nodejs"}) },2000)}getMsg( function (obj) { console.log(obj) //结果是:{msg:"hello nodejs"}} )二、使用ca
2021-06-02 20:21:15
202
原创 html中的节点、元素、标签的区别
一、节点Node1、含义:节点是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点。例如: html标签、属性、文本、注释、整个文档等都是一个节点。2、节点的类型按照大小关系分类如下文档节点,表示的是整个html元素节点,表示的是html中的标签属性节点,表示的是html标签中的属性文本节点,表示的是html标签中的内容文本节点最终是要映射成为 js对象,程序员操作这些对象来改变网页属性和方法,不同类型的节点具有不同的属性和方法二、html元素HTML文档是由各
2021-04-09 10:36:59
2567
原创 html的隐藏和显示
一、隐藏的方法1、方法一:display:none2、方法二:visibility:hidden3、方法三:overflow:hidden
2021-04-01 15:45:13
518
原创 水平居中、垂直居中和水平垂直居中
一、水平居中的方式1、行内元素给行内元素的父元素设置 text-align:center。(注:text-align:center对块级元素没有效果)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width:
2021-04-01 14:08:16
1332
原创 html中什么时候使用什么标签
html中什么时候使用什么标签一、需要换行的,那么就选块级元素。例举常用的:div、p、ul、table等等1、段落行、列较多,排位要求整齐的,可以选择table。2、段落一列或一行的,可以选择 ul。3、内容不太整齐,内部元素较多的,选择 div。4、仅文字的可以选择 p。二、不需要换行的,那么就选内联元素。例举常用的:span、a、input、i等等1、仅文字选择 span 。2、链接选择 a 。3、控件选 input 。4、background 显示 icon 图片的,可以选择
2021-03-29 11:13:41
585
原创 1、软件的基本介绍
一、软件的分类1、系统软件:window、linux、macOS等2、应用软件:office、qq等3、游戏软件:绝地求生、王者荣耀等二、软件的组成1、客户端① 含义:客户端(Client)或称为用户端,是指与服务器相对应,为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外,一般安装在普通的客户机上,需要与服务端互相配合运行 。② 客户端的形式文字客户端 :古老的方式,通过命令行来使用软件图形化界面 :通过点击拖动来使用软件。在windows中、macOS中、Andro
2021-03-15 19:56:02
1401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人