![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 61
偷吃月亮的美羊羊
把信仰高高挂在灵魂之侧
展开
-
比较全的pc端媒体查询的尺寸
@media screen and (min-width: 600px){ .current-num>div{ margin-top: 0.3rem; }}@media screen and (min-width: 800px) and (max-width: 959px){ .current-num>div{ margin-top: 0.7rem; }}@media screen and (min-width: 960p.原创 2022-02-25 15:55:04 · 752 阅读 · 0 评论 -
JQuery (进阶)
jQuery循环1 each :没有返回值 语法1:$.each(循环对象,function(index,value){}) 语法2:$(循环对象).each(function(index,value){}) 循环数组 //1.循环数组var arr = ["a","b","c"];$.each(arr,function(index,value){ console.log(index +"--------------"+value);});原创 2021-11-25 10:42:38 · 101 阅读 · 0 评论 -
JQuary(从原生js到jq,就发现jq好简单)
1.jQuery介绍jQuery是一个优秀的JavaScript库,以最少的代码实现更多的功能 特点: 1.强大的选择器的功能 $("selector")2.语法简介 $("selector").action()3.隐式迭代 $("div").click(); //5个div会自动循环添加点击事件4.链式操作 $("").操作1().操作2().操作3()5.兼容性好 2.使用2.1 引入下载: https://jquery.com/ 官网 h...原创 2021-11-22 20:38:26 · 577 阅读 · 0 评论 -
less(特别方便)
less less概念:css预处理语言(样式),融入编程思想 /sass,浏览器不能直接识别less文件, 插件:Easy LESS(将less文件,同步编程成css文件) 注释 /* 多行注释:编译成css时会保留注释 *///单行注释:编译成css时不会保留注释 引入 行间内部:style标签中外链:link href/*2.引入 */@import "./reset.css"; /*引入css文件,记得加后缀 */@impor.原创 2021-11-21 19:04:07 · 235 阅读 · 0 评论 -
JS 面向对象(要复习复习复习)
1 概念 编程模式 面向过程:c,c++,注重实现过程(蛋炒饭:准备材料,起锅烧油,放鸡蛋,放米饭,放调料,出锅装盘) 面向对象:java,注重的是结果(蛋炒饭:点外卖) 面向对象的特征 封装 继承 多态 类(对象):一种大范围的抽象的对象 实例对象:具体的对象 对象的组成: 属性:静态的,名词性 ------ var 方法:动态的,行为,作用----f..原创 2021-11-20 23:03:49 · 94 阅读 · 0 评论 -
JS 函数高级(包括闭包的一些笔试题,防抖,节流)
1.回调函数 callback 异步:做一个操作的时候,可以去做其他的事情 定时器 同步:做一个操作的时候,其他的都只能等待 alert for //- 异步:做一个操作的时候,可以去做其他的事情 定时器console.log(1);setTimeout(function () { console.log("定时器"); }, 2000);console.log(2);// - 同步:做一个操作的时候,其他的都只能等待 alert foralert(1);...原创 2021-11-19 20:12:49 · 520 阅读 · 0 评论 -
JS 事件高级(包括DOM事件流,阻止事件冒泡,阻止事件默认行为,,,以及对我来说,很好用的 事件代理)
事件对象概念 事件处理函数:事件发生时调用的函数 事件对象:window.event,内置的对象,事件发生的时候会将所有和事件相关的信息都存储在事件对象中,鼠标位置,事件类型,事件目标。。。 //事件对象:事件发生的时候,会将所有和事件相关的信息,存储在事件对象中window.event //标准、ie : window.event / event//ff: event必须加window,不然会报错,加window不会报错,但是获取到的是undefind// 火狐...原创 2021-11-18 23:22:35 · 63 阅读 · 0 评论 -
JS BOM(也是超级长的单词哦)
BOM:Browser Object Model 浏览器对象模型 window和document window:js中最顶层的一个对象,窗口 document:文档 window提供的方法系统对话框(是查错改错的好办法!!!!!) alert(message) : 警告框 confirm("message"): 带确认的对话框 prompt(message,default) : 带输入的对话框 //1. ale...原创 2021-11-17 22:33:02 · 72 阅读 · 0 评论 -
JS DOM表单操作(补充)
1.DOM表单操作1.1 快速获取表单元素 快速获取表单元素 form.标签name属性 //1.获取元素var oForm = document.getElementsByTagName("form")[0];//2.快速获取表单元素 form.标签name属性console.log(oForm.user);console.log(oForm.password);console.log(oForm.sex); //RadioNodeList(2)[input, input.原创 2021-11-17 22:26:59 · 152 阅读 · 0 评论 -
JS DOM(dom很多长单词)
DOM DOM:Document Object Model 文档对象模型 浏览器渲染: DOM树:浏览器会html标签解析成树型结构,由节点组成 CSS树 查找节点 DOM获取节点 通过id获取 : document.getElementById("id名") 通过类名获取 : document/父元素.getElementsByClassName("类名") 通过标签名获取 : document/父元素.g原创 2021-11-14 20:54:33 · 95 阅读 · 0 评论 -
JS 正则(~_~)
正则对象 正则对象:RegExp 概念:提前定义的,用于检测字符串的逻辑公式 (正则表达式) /^1[3-9]\d{9}$/ 作用:验证字符串是否满足条件 登录注册 创建正则 关键字new创建 //1.new关键字创建 new RegExp(检索的表达式,修饰符) igvar reg1 = new RegExp("[0-9]","ig"); //转义 console.log(reg1); // /[0-9]/gi 字面量创建 ..原创 2021-11-12 19:47:36 · 211 阅读 · 0 评论 -
JS 字符串和数组对象方法(包括数组去重,比较存储,数组排序以及数组的迭代方法)
字符串对象 charAt 语法:str.charAt(下标) 作用:获取字符串中对应下标的字符 charCodeAt 语法:str.charCodeAt(下标) 作用:获取字符串中对应下标字符的编码 判断是不是纯数字 indexOf 语法:str.indexOf(searchStr,start) 作用:查找一个字符串在另一个字符串中首次出现的位置,出现返回对应的下标,没有返回-原创 2021-11-11 23:38:06 · 165 阅读 · 0 评论 -
JS Date,Math,String(要背很多方法)
对象的方法 对象: 在JS中万物皆对象,可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 本地对象「内部对象」:JS中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String,Error对象, 其中Global和Math这两个对象又被称为“内置对象”,这两个对象在脚本程序初始化时被创建,不必实例化这两个对象。 宿主对象(全局对象):宿主对象就是执行JS脚本的环境提供的对象原创 2021-11-10 23:17:48 · 66 阅读 · 0 评论 -
JS 定时器(hhhhhh)
1.定时器1.1 定时器的基本概念 定时器的分类 延迟定时器: 语法: ms 延迟一段时间执行函数一次 作用:等待一定的时间后执行一次 使用场景:广告弹窗 间歇定时器: 语法:setInterval(函数,时间) 隔一段时间执行函数一次 作用: 隔一段时间执行函数一次 使用场景:轮播图,倒计时,抽奖 1.2 setTimeout原创 2021-11-09 20:35:58 · 1119 阅读 · 0 评论 -
JS 函数封装(今天代码超多bug 要慢慢改了,所以只更新一点点吧)
只能获取行间样式 : 标签.style.样式名获取非行间样式标准浏览器:getComputedStyle(标签).样式名IE浏览器:标签.currentStyle.样式名//2.标准浏览器:getComputedStyle(标签).样式名var width = getComputedStyle(oDiv).width;alert(width);//3. IE浏览器:标签.currentStyle.样式名var width = oDiv.currentStyle.width;alert(wid原创 2021-11-08 22:43:47 · 94 阅读 · 0 评论 -
JS 函数(今天是函数)
函数 函数:函数就是将具有独立功能的代码块,整合到一起并命名,需要的时候调用即可(当它被调用时可重复使用代码块) 作用:提高效率,提高代码重用率 1 函数的使用场景 作为事件处理函数 函数封装(代码复用) 对象的方法 //1.使用场景1:作为事件的处理函数document.onclick = function(){ console.log("处理函数");}//2.使用场景2:封装(代码复用)function change(){ ...原创 2021-11-07 15:01:51 · 97 阅读 · 1 评论 -
JS 流程控制语句(ps:今天北京初雪)
分类 顺序结构(按代码顺序,从上往下执行) 选择结构(分支语句) : if if-else if-else if switch 循环结构:for while do-while for-in 选择结构(分支语句)单分支: if 语法:if(条件){ 条件成立时执行的代码 } /* 单分支 语法:if(条件){ 条件成立时执行的代码 } 特殊: 1.if后面的大括号可以省略,省略就只能控制紧跟在后面的一条语句 ...原创 2021-11-06 22:40:24 · 64 阅读 · 1 评论 -
JS 基础交互(交互三部曲)
交互三步曲:找到对应的标签,添加事件,事件发生时的反馈获取标签 通过id获取 语法:document.getElementById("id名"):获取到的是一个唯一标签 //1.通过id获取元素var oSs = document.getElementById("ss");//2.添加事件 标签.onclick = function(){ 事件发生时要执行的操作 }oSs.onclick = function(){ alert("easy");} 通..原创 2021-11-06 22:29:27 · 1047 阅读 · 0 评论 -
JS 运算符(多复习一点)
运算符 概念 运算符:用于执行程序代码的运算,针对于一个以上的操作数进行运算 1 + 1 : 1---操作数 +:运算符 表达式:由一个或多个操作数通过运算符组成是式子 1 + 1,a = 10, a++ 运算符:算术运算符、赋值运算符、逻辑运算符、比较运算符,三目运算符 算术运算符种类:+ - * / %(取余,求模),++(自增,自加), -- 基本操作 //1.算术运算符 + - * / %(取余,求模),++(.原创 2021-11-02 23:10:36 · 144 阅读 · 0 评论 -
JS 数据类型转换 (很小的知识点但是是基础)
有些时候,需要将数据转换为其他类型进行操作,转换方式:强制转换、隐式转换强制转换通过方法,将数据必须转换为某种数据类型强制转换为number Number(要转换的数据) : 强制转换为number类型,不能转换的结果为NaN parseInt(要转换的数据) : 从左往右开始转换,遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果为NaN,取整 parseFloat(要转换的数据):从左往右开始转换,遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果...原创 2021-11-02 22:59:54 · 69 阅读 · 0 评论 -
JS 变量与数据类型(慢慢的就开始啦)
变量 变量(标识符):变量存储数据的容器,变量名中存放数据 语法: 声明变量: var 变量名 = 值 命名规则: 1.只能以字母、数字、下划线,$组成,并且不能以数字开头 2.不能使用关键字和保留字 3.见明知意,遵循驼峰标识 tagName TagName 4.不要重名,后面的会覆盖前面 //1.声明变量var a;console.log(a); //undefined ,未定义,声明变量,但是没有赋值a = 100000;console.l原创 2021-10-29 23:36:45 · 63 阅读 · 0 评论 -
Hi,JS(初识)
什么是JavaScript? 作用:网页交互 概念:基于对象和事件驱动的解释性脚本语言 基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。 事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。 解释性: 编译性:高级语言,计算机无法直接识别,先进行编译,再执行原创 2021-10-28 22:40:22 · 527 阅读 · 0 评论 -
2021-10-13
今天是被jwt支配的一天,所以就讲一下我对jwt的理解叭通俗的讲,就是在古代,我要请你你,去找我的朋友要东西,但是,我的朋友不认识你,凭什么给你东西呢,那肯定是一定的东西,信封,随身携带的东西,等等,你拿上这些东西,给了我的朋友,我朋友才会把东西给你对吧。所以jwt就是,保存在你自己身上的,也就是保存在客户端而不是服务端的,登录好麻烦啊...原创 2021-10-13 00:17:16 · 62 阅读 · 0 评论