CZY阳光-CSDN博客

原创令牌Token的生成和使用详解通过用前端原生ajax网络请求和后端node.js的expres库模拟demo来实现

令牌Token作用和使用场景Token主要是用于登录模块使用，实现在设置的一段时间内来实现自动登录，减少再次输入账号密码，提高用户体验为什么不使用cookie和session来实现自动登录而使用令牌Token不使用cookie是因为cookie数据保存在浏览器上数据不加密容易被伪造数据不安全，加上cookie数据手动可以删除数据。不使用session的原因是因为session数据以文件的形式保存在服务器，如果用户数量大，这样增加造成服务器压力，和session数据在不同服务器上数据不共享，因..

2021-11-05 00:59:06 753

原创 js中栈和队列的用法

栈是一种先进后出的远测的有序集合。新添加或删除的元素都是从栈的末尾里操作的，栈的末尾称为栈顶，另一端称为栈底。//创建一个类表示栈function Stack(){}//定义一个数组来存储栈的元素var arr=[];add()//表示往栈顶里添加元素del()//表示往栈顶里删除一个元素topElement()//返回一个栈顶元素isEmpty()//判断栈里是否为空，如果...

2020-03-07 14:42:08 405

原创 vue的懒加载

Commonjs模式下的懒加载用法 { path: '/', name: 'HelloWorld', component: resolve=>(require(["@/components/HelloWorld"],resolve)) }2.es模式下的懒加载用法const HelloWorld = ()=>import("...

2020-03-06 10:33:56 84

原创 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 151

原创 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 227

原创 HTML的盒子模型

HTML的盒子类型有两种一种是默认的w3c的盒子模型:其中标签元素的宽度width等于border(边框)的宽度+padding(内边距)的宽度+content(内容)的宽度，元素的高度height等于border(边框)的高度+padding(内边距的高度)+content(内容)的高度另一种是IE的盒子模型:其中标签元素的宽度width等于content(内容)的宽度,高度height等于...

2020-03-03 11:04:46 264

原创 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 110

原创 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 914 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 371

原创在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 1294 1

weixin_40669758的博客