qq_44748497的博客

@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.

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);});

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...

less less概念：css预处理语言(样式），融入编程思想 /sass，浏览器不能直接识别less文件， 插件：Easy LESS(将less文件，同步编程成css文件) 注释 /* 多行注释：编译成css时会保留注释 *///单行注释：编译成css时不会保留注释 引入 行间内部:style标签中外链：link href/*2.引入 */@import "./reset.css"; /*引入css文件，记得加后缀 */@impor.

1 概念 编程模式 面向过程：c,c++，注重实现过程(蛋炒饭：准备材料，起锅烧油，放鸡蛋，放米饭，放调料，出锅装盘) 面向对象：java，注重的是结果（蛋炒饭：点外卖） 面向对象的特征 封装 继承 多态 类（对象）：一种大范围的抽象的对象 实例对象：具体的对象 对象的组成： 属性：静态的，名词性 ------ var 方法：动态的，行为，作用----f..

1.回调函数 callback 异步：做一个操作的时候，可以去做其他的事情 定时器 同步：做一个操作的时候，其他的都只能等待 alert for //- 异步：做一个操作的时候，可以去做其他的事情 定时器console.log(1);setTimeout(function () { console.log("定时器"); }, 2000);console.log(2);​// - 同步：做一个操作的时候，其他的都只能等待 alert foralert(1);...

事件对象概念 事件处理函数：事件发生时调用的函数 事件对象：window.event，内置的对象，事件发生的时候会将所有和事件相关的信息都存储在事件对象中，鼠标位置，事件类型，事件目标。。。 //事件对象：事件发生的时候，会将所有和事件相关的信息，存储在事件对象中window.event //标准、ie ： window.event / event//ff： event必须加window，不然会报错，加window不会报错，但是获取到的是undefind// 火狐...

BOM：Browser Object Model 浏览器对象模型 window和document window：js中最顶层的一个对象，窗口 document：文档 window提供的方法系统对话框（是查错改错的好办法！！！！！） alert(message) : 警告框 confirm("message"): 带确认的对话框 prompt(message,default) : 带输入的对话框 //1. ale...

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.

DOM DOM：Document Object Model 文档对象模型 浏览器渲染： DOM树：浏览器会html标签解析成树型结构，由节点组成 CSS树 查找节点 DOM获取节点 通过id获取 ： document.getElementById("id名") 通过类名获取 ： document/父元素.getElementsByClassName("类名") 通过标签名获取 ： document/父元素.g

正则对象 正则对象：RegExp 概念：提前定义的，用于检测字符串的逻辑公式 （正则表达式） /^1[3-9]\d{9}$/ 作用：验证字符串是否满足条件 登录注册 创建正则 关键字new创建 //1.new关键字创建 new RegExp(检索的表达式，修饰符) igvar reg1 = new RegExp("[0-9]","ig"); //转义 console.log(reg1); // /[0-9]/gi 字面量创建 ..

字符串对象 charAt 语法：str.charAt(下标) 作用：获取字符串中对应下标的字符 charCodeAt 语法：str.charCodeAt(下标) 作用：获取字符串中对应下标字符的编码 判断是不是纯数字 indexOf 语法：str.indexOf(searchStr,start) 作用：查找一个字符串在另一个字符串中首次出现的位置，出现返回对应的下标，没有返回-

对象的方法 对象： 在JS中万物皆对象，可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 本地对象「内部对象」：JS中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String，Error对象， 其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。 宿主对象（全局对象）：宿主对象就是执行JS脚本的环境提供的对象

1.定时器1.1 定时器的基本概念 定时器的分类 延迟定时器： 语法： ms 延迟一段时间执行函数一次 作用：等待一定的时间后执行一次 使用场景：广告弹窗 间歇定时器： 语法：setInterval(函数,时间) 隔一段时间执行函数一次 作用： 隔一段时间执行函数一次 使用场景：轮播图，倒计时，抽奖 1.2 setTimeout

只能获取行间样式 ： 标签.style.样式名获取非行间样式标准浏览器：getComputedStyle(标签).样式名IE浏览器：标签.currentStyle.样式名//2.标准浏览器：getComputedStyle(标签).样式名var width = getComputedStyle(oDiv).width;alert(width);//3. IE浏览器：标签.currentStyle.样式名var width = oDiv.currentStyle.width;alert(wid

函数 函数：函数就是将具有独立功能的代码块，整合到一起并命名，需要的时候调用即可（当它被调用时可重复使用代码块） 作用：提高效率，提高代码重用率 1 函数的使用场景 作为事件处理函数 函数封装（代码复用） 对象的方法 //1.使用场景1：作为事件的处理函数document.onclick = function(){ console.log("处理函数");}​//2.使用场景2：封装（代码复用）function change(){ ...

分类 顺序结构（按代码顺序，从上往下执行） 选择结构(分支语句) ： if if-else if-else if switch 循环结构：for while do-while for-in 选择结构(分支语句)单分支： if 语法：if(条件){ 条件成立时执行的代码 } /* 单分支 语法：if(条件){ 条件成立时执行的代码 } 特殊： 1.if后面的大括号可以省略，省略就只能控制紧跟在后面的一条语句 ...

交互三步曲：找到对应的标签，添加事件，事件发生时的反馈获取标签 通过id获取 语法：document.getElementById("id名")：获取到的是一个唯一标签 //1.通过id获取元素var oSs = document.getElementById("ss");//2.添加事件 标签.onclick = function(){ 事件发生时要执行的操作 }oSs.onclick = function(){ alert("easy");} 通..

运算符 概念 运算符：用于执行程序代码的运算，针对于一个以上的操作数进行运算 1 + 1 ： 1---操作数 +：运算符 表达式：由一个或多个操作数通过运算符组成是式子 1 + 1，a = 10, a++ 运算符：算术运算符、赋值运算符、逻辑运算符、比较运算符，三目运算符 算术运算符种类：+ - * / %（取余，求模），++(自增，自加)， -- 基本操作 //1.算术运算符 + - * / %（取余，求模），++(.

有些时候，需要将数据转换为其他类型进行操作，转换方式：强制转换、隐式转换强制转换通过方法，将数据必须转换为某种数据类型强制转换为number Number(要转换的数据) ： 强制转换为number类型，不能转换的结果为NaN parseInt(要转换的数据) : 从左往右开始转换，遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果为NaN，取整 parseFloat(要转换的数据):从左往右开始转换，遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果...

变量 变量（标识符）：变量存储数据的容器，变量名中存放数据 语法： 声明变量： var 变量名 = 值 命名规则： 1.只能以字母、数字、下划线，$组成，并且不能以数字开头 2.不能使用关键字和保留字 3.见明知意，遵循驼峰标识 tagName TagName 4.不要重名,后面的会覆盖前面 //1.声明变量var a;console.log(a); //undefined ,未定义，声明变量，但是没有赋值a = 100000;console.l

什么是JavaScript？ 作用：网页交互 概念：基于对象和事件驱动的解释性脚本语言 基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。 事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。 解释性： 编译性：高级语言，计算机无法直接识别，先进行编译，再执行

今天是被jwt支配的一天，所以就讲一下我对jwt的理解叭通俗的讲，就是在古代，我要请你你，去找我的朋友要东西，但是，我的朋友不认识你，凭什么给你东西呢，那肯定是一定的东西，信封，随身携带的东西，等等，你拿上这些东西，给了我的朋友，我朋友才会把东西给你对吧。所以jwt就是，保存在你自己身上的，也就是保存在客户端而不是服务端的，登录好麻烦啊...