- 博客(10)
- 收藏
- 关注
原创 令牌Token的生成和使用详解 通过用前端原生ajax网络请求和后端node.js的expres库模拟demo来实现
令牌Token作用和使用场景Token主要是用于登录模块使用,实现在设置的一段时间内来实现自动登录,减少再次输入账号密码,提高用户体验为什么不使用cookie和session来实现自动登录而使用令牌Token不使用cookie是因为cookie数据保存在浏览器上数据不加密容易被伪造数据不安全,加上cookie数据手动可以删除数据。不使用session的原因是因为session数据以文件的形式保存在服务器,如果用户数量大,这样增加造成服务器压力,和session数据在不同服务器上数据不共享,因..
2021-11-05 00:59:06
788
原创 js中栈和队列的用法
栈是一种先进后出的远测的有序集合。新添加或删除的元素都是从栈的末尾里操作的,栈的末尾称为栈顶,另一端称为栈底。//创建一个类表示栈function Stack(){}//定义一个数组来存储栈的元素var arr=[];add()//表示往栈顶里添加元素del()//表示往栈顶里删除一个元素topElement()//返回一个栈顶元素isEmpty()//判断栈里是否为空,如果...
2020-03-07 14:42:08
414
原创 vue的懒加载
Commonjs模式下的懒加载用法 { path: '/', name: 'HelloWorld', component: resolve=>(require(["@/components/HelloWorld"],resolve)) }2.es模式下的懒加载用法const HelloWorld = ()=>import("...
2020-03-06 10:33:56
90
原创 vue的生命周期函数
VUE的生命周期函数表示vue在实例化到销毁过程自动执行的函数2.第一个生命周期函数beforeCreate,表示vue实例在完全创建之前自动执行的函数,这时data和methods还没有初始化<div id="app"> <div id="name">{{name}}</div> <input type="button" @click="...
2020-03-05 15:52:25
174
原创 webpack环境下包的引入机制
1.例如下面的两种包的引入//在webpack环境下的vue-router包的安装 npm install vue-router --save//导入如下import router from 'vue-router'const path=require('path')//import是es5的模块引入规范//require是commonjs的模块引入规范2.看到上面引入包的时候就加...
2020-03-04 21:02:21
255
原创 HTML的盒子模型
HTML的盒子类型有两种一种是默认的w3c的盒子模型:其中标签元素的宽度width等于border(边框)的宽度+padding(内边距)的宽度+content(内容)的宽度,元素的高度height等于border(边框)的高度+padding(内边距的高度)+content(内容)的高度另一种是IE的盒子模型:其中标签元素的宽度width等于content(内容)的宽度,高度height等于...
2020-03-03 11:04:46
281
原创 vue的图片懒加载
在webpack环境下的图片懒加载用法第一步是下载依赖包 npm i vue-lazyload -S第二步是在main.js入口文件导入import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload)//这个是默认配置//或者使用下面的配置Vue.use(VueLazyload, { preLoad: 1.3, //预载高度比...
2020-03-02 21:16:18
130
原创 Math对象常用的属性和方法
1.Math对象的PI属性,作用返回3.14圆周率 var PI=Math.PI console.log(PI)//打印输出 3.1415926535897932.Math对象的abs()方法,作用返回一个绝对值 //各种数据类型的绝对值 var dou=Math.abs(-21.121) var num=Math.abs(2131) var nul=Math.abs(null)...
2019-12-13 15:20:03
942
1
原创 数组常用的属性和方法
1.数组的定义和初始化数据加粗样式 //数组的定义 var hello=["test1","test2","test3"]; var age=Array(); //数组数据初始化 var age=Array(18,19,20,21); var hello=["test1","test2","test3"]; hello[3]="test3"; hello[4]="test4";...
2019-12-13 11:12:59
403
原创 在js中,break和continue的用法
1.Break的用法正常for循环输出 for(var i=0;i<=10;i++){ console.log(i) //输出打印0 1 2 3 4 5 6 7 8 9 10 }break在for循环输出 for(var i=0;i<=10;i++){ if(i==5){ break; //break的作用当i值等于5时,直接跳出循环,后面的值不输...
2019-12-10 17:01:18
1338
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人