- 博客(52)
- 收藏
- 关注
RSS订阅原创 关闭页面后清除token 必须登录后才能进到页面里(cookie版)
【代码】关闭页面后清除token 必须登录后才能进到页面里(cookie版)
2022-12-21 09:49:16
806
原创 数据结构总结1
与其他语言相比js的数组的特性：1.添加与删除比较麻烦些2.查看与修改是很简单的实现的方法： 总的构造函数push（） 添加新的元素到栈顶pop （） 移除栈顶元素，并返回被移出的元素peek（）返回栈顶元素， 不做任何修改isEmpty() 判断是否为空，返回布尔值size() 返回栈元素的个数toString() 将栈内元素以字符串形式输出三、队列：一种受限的线性结构 enqueue() 添加新元素到队列中 dequeue （）删除元素并返回
2022-07-11 10:49:20
86
原创 Vue的生命周期
1.beforeCreate (){} vue实例创建之前2.created（）{} vue实例已创建3. beoreMount(){} 挂载开始前调用4.mounted(){} 挂载完毕后调用5.beforeUpdate(){} 数据更新时调用6.updated(){} 更新完毕7 activated() {} keep-alive 组件激活时调用8.deactivated (){} keep-alive 组件停用时调用9.beforeDestroy() 实例销毁前调用10.destroy
2022-07-06 22:22:44
150
原创 vue的组件 components
组成：html +Js+css模板:二、注册组件 1、注册全局组件2、注册局部组件 三、父子组件之间的传值1、父组件想子组件传值在子组件中使用props 方法接收父组件的数值2、子组件想父组件传值子组件发射自定义事件 this.$emit("自定义事件类型"，参数1，参数2) 父组件进行接收 父组件接收...
2022-07-04 21:52:20
912
原创 vue的知识总结2
1、文本2、HTML3、简单表达式 三、列表渲染和条件渲染1、列表渲染2、条件渲染 相关指令 v-if 这里是A v-else-if 这里是c v-else 这里什么都不是c v-show 嘿嘿嘿嘿 v-if 是真正的条件渲染 v-...
2022-07-02 10:44:52
186
原创 什么是构造函数
1、什么是构造函数2、为什么要使用构造函数？举个例子，我们要录入一年级一班中每一位同学的个人信息，那么我们可以创建一些对象，比如：像上面这样，我们可以把每一位同学的信息当做一个对象来处理。但是，我们会发现，我们重复地写了很多无意义的代码。比如 name、age、gender、hobby 。如果这个班上有60个学生，我们得重复写60遍。这个时候，构造函数的优势就体现出来了。我们发现，虽然每位同学都有 name、gender、hobby这些属性， 但它们都是不同的，那我们就把这些属性当做构造函数的参数传
2022-06-16 15:02:08
821
原创 promise
1.作用：防止出现回调地狱，提高代码的可读性，像同步操作那样去执行异步操作；2.简单理解写法：其中：resolve 对应的 then() 正确执行reject 对应的 catch（） 错误执行 3.Promise防止地狱回调其中： return 的也是一个Promise，所以可直接用 .then();...
2022-06-16 09:24:08
91
原创 JQuery的核心基础
一、两种加载模式及区别1.window.load:2. $(document).ready(function){});二、DOM与JQuery可互相转换1、DOM转JQUeryvar ps =document.getELelmentbyId("p");console.log($(ps);2. JQuery转DOMconsole.log($("p")[0] //下标法三、属性操作
2022-06-08 21:03:23
64
原创 触屏事件 touch
触屏包括的事件：touchstart当手指触摸屏幕时触发 touchmove当手指在屏幕上滑动时连续触发 touchend当手指从屏幕上移开时触发 touchcancel当系统停止跟踪触摸时触发每个touch事件都包括 touches targetTouches chnageTouchestouch的属性：clientX 触摸目标在视口中的x坐标1 clientY 触摸目标在视口中的y坐标 pageX触摸目标在页面中的x坐标 pageY触摸目标在页面中的y坐标 screenX触摸
2022-05-25 16:35:56
595
原创 存储的相关知识
cookie 事件：其值必须写成 key=value 等号两边不能有空格所有cookie的累加长度限制为4KB,超长会被忽略value 必需项，用于指定cookie的值expires:用来指定cookie的过期时间domain 指定cookie所在域path 指定路径，必须是绝对路径secure 指定cookie只能在加密协议HTTPS下发送到服务器特点：存储量小，需要设置事件期限才能进行删除，前后端走动同步localStorage 事件：本地存储，存储的数据没有过期时间..
2022-05-25 16:24:04
70
原创 检索数据的三种方法
第一种 传统方法 function check(info) { //检索原数据 //1.传统写法 // var arr = []; //准备一个空数组来存储 // for (var i = 0; i < cities.length; i++) { // var city = cities[i]; // if (city.nm.indexOf(info) !== -1 || city
2022-05-23 17:41:12
1197
原创 事件类型的基本类型
UI事件load 当前页面完全加载后在 window上触发图片也可以触发load事件 resize 当窗口大小变化是在window上触发 scroll 当用户滚动带动条的元素中的内容时，在该元素上面触发鼠标事件onclick 单击 ondbclick 双击 oncontextmenu 右击菜单 onmouseover 移入 onmouseout 移出 onmouseenter 移入 onmouseleave 移出 onmousedown 按下 onmouseup ...
2022-05-22 16:06:38
95
原创 键盘事件 控制div移动
第一种： 不太适用，div移动的不顺利window.onkeydown=function(e){var l=dOk.offsetLeft;var t=dOk.offsetTop;if(e.keyCode===37){l-=5;}else if(e.keyCode===38){ t-=5;}else if(e.keyCode===39){l+=5;}else if(e.keyCode===40){t+=5;}dOk.style.left=l+'px';dO.
2022-05-22 09:25:00
251
原创 BOM的相关知识
BOM：B：Bowser O:object M:medol作用：提供了一系列与浏览器相关的信息BOM的对象：window对象：窗口位置screenLeft 左上角的水平距离 screenTop 左上角的垂直距离窗口大小innerWIdth 返回网页在当前窗口中可见部分的宽度，包括滚动条宽度 innerHeight返回网页在当前窗口中可见部分的高度， 包括滚动条高度 outerWidth返回浏览器窗口宽度，包括浏览器菜单和边框 outerHeight返回浏...
2022-05-19 19:30:25
80
原创 什么是DOM
DOM：提供了很多队标签进行增删改查的操作；D:document 文档O:object 对象M:model 模型DOM方法：createElement() 创建元素节点setAttribute（nalue，value）直接设置属性appendChild（）拼接子节点removeChild（）删除子节点querySelector() 返回匹配元素querySelectorAll() 返回类数组集合DOM 的获取属性nextElementSibling 获取下一个
2022-05-18 17:12:29
60
原创 Math的用法
Math.celi(n) n向上取整Math.round(n) n 四舍五入Math.floor(n)n 向下取整Math.random(n)n 随机取数（0,1）；Math.pow（n,m）n的m次方Math.abs(n)返回n的绝对值Math.PI(n)圆周率
2022-05-10 19:46:32
129
原创 常用的函数
1、随机函数function rand(min,max){return Math.round(Math.random()*(max-min)+min)}2、字符串反转function reverseString(string){retrun string.split('').reverse().jion('');}3、冒泡排序for(var i=0;i<arr.length-1; i++){for(var j=0;j<arr.length-i-1;i++)
2022-05-10 19:41:28
120
原创 dom的知识学习
dom的结构是树形结构，可以嵌套DOM的操作：增function createElement() 创建元素节点 function setAtrribute(name,value) 直接设置属性 function appendChild() 拼接子节点 function insertBefore()插入子节点删function removeChild() 删除子节点 function removeAtrributeNode() 删除属性节点改fn repalce()Ch...
2022-05-10 19:27:08
182
原创 字符串的运用
字符串的运用str.UpperCase() 转为大字字母 str.LowerCase() 转为小写字母 str.repalce() 替换 str.spilt(X) 字符串的裁剪 返回一个数组 X某种规则 str.indexOf() 获取元素下标，若没有 则返回-1 str.substr(start,length) start:返回start 开始 length:指定length的内容 str.string(start,stop)返回start和stop之间的内容...
2022-05-08 10:38:32
153
原创 数组的方法
数据操作添加删除 push（x）将元素拼接到数组末尾 unshift(x) 将元素拼接到开头 shift(x)将数组第一个元素删除 pop（x）将数组最后一个元素删除 concat() 拼接数组排列reverse() 颠倒数组元素的顺序 sort（）对数组中的元素进行排序...
2022-05-05 20:24:48
196
原创 今日的总结
<! DOCTYPE html>的含义：当前文档使用HTML5 的标准进行解析 定义帧动画：@keyframes 定义服务请的字体：@font-face 动画：animation 过渡：transition 盒子阴影：box-shadow 怪异盒模型的特点：面积不变，向内凹陷； viewport的特点：使网页适用于各种设备 边框样式：border-style rem与em 的意思：rem：HTML标签的字体大小子 em：父级标签字体大小 水平布局等间分布：父级用弹...
2022-05-03 21:29:22
161
原创 今日的总结
用less的时候，保存自动生成一个css文件，在HTML中引用css文件。 给某个标签一个伪类选择器时 要在另起一行写 列：(其中上边已经对a进行了设计)a: hover{}。强制转换数据类型parseInt(n) n转换为整数 parseFloat(n) n转为浮点型 Number（n）n转为数字typeof（n）查看n 的数据类型isNaN（n） 判断n是否是NaNMathMath.ceil(n) n 向上取整 Math.floor(n) n向下取整 Math.ro...
2022-05-03 21:18:06
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人