js
前端小嘟
你好
展开
-
前端刷新token,判断token是否过期(jwt鉴权)
4.1 什么是 JWTJWT 是 Auth0 提出的通过 对 JSON 进行加密签名来实现授权验证的方案;就是登录成功后将相关用户信息组成 JSON 对象,然后对这个对象进行某种方式的加密,返回给客户端;客户端在下次请求时带上这个 Token;服务端再收到请求时校验 token 合法性,其实也就是在校验请求的合法性。4.2 JWT 的组成JWT 由三部分组成: Header 头部、 Payload 负载 和 Signature 签名。原创 2023-10-17 14:33:34 · 3464 阅读 · 0 评论 -
js运行机制分析
之所以出现打印出10个10 是受到了setTimeout的异步机制的影响。所以先分析一下js机机制。原创 2023-02-20 11:17:41 · 330 阅读 · 0 评论 -
nvm切换node版本(window)
window用户切换node版本。2.查看可安装的所有node版本。1.查看本地安装的node版本。,需要重新配置一下环境变量即可。3.安装对应的版本号。5.查看node版本。原创 2023-01-17 16:55:06 · 185 阅读 · 0 评论 -
判断H5页面是在小程序的webview环境中,还是在微信环境中,还是不在微信
先判断是否微信环境, 然后微信环境下, 是否 在小程序环境 嵌套的h5页面。原创 2022-11-28 14:33:21 · 983 阅读 · 0 评论 -
封装localStorage,解决获取不到更新后的值问题
问题描述我们在js里面获取了某一个localstorage的值,但是之后它改变了,我们js只执行一遍没办法再次获取它的值,当然可以刷新页面获取,但如果是我们的页面就不能刷新页面了,此时我们可以重写localStorage的setItem方法,当调用setItem方法设置新值的时候,会newEvent(‘setItemEvent’)实现方法在main.js里面全局引入,并use,然后调用该dispatchEventStroage方法,以解决setitemEvent不会立即生效的问题。...原创 2022-07-25 16:01:16 · 3288 阅读 · 0 评论 -
如何关闭vscode保存自动格式化
1.打开setting.json按照以下步骤打开setting.json2.修改setting.json文件在此文件内添加一行代码"editor.codeActionsOnSave": { "source.fixAll.eslint": false }即可关闭vscode保存自动格式化原创 2022-04-14 15:10:55 · 21071 阅读 · 5 评论 -
工作中常用的js代码(易忘,长期更新)
1.replace用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串数组全局匹配Json.Stringfy(arr).replace('/xx/g','123')原创 2021-09-03 15:26:13 · 144 阅读 · 0 评论 -
js之从嵌套对象中获取id放入arr中
简单方法 相信大家应该都会想到使用递归遍历对象将id的值添加到数组上但是这样的话数据量大的话,需要消耗大量内存JSON.stringify(arr).match(/(?<="id":)\d+/g).map(x => parseInt(x))使用正则将数组嵌套的对象进行整理 就可以直接获取 id的值...原创 2021-08-27 13:28:10 · 436 阅读 · 0 评论 -
JavaScript 通过日期参数获得区间内所有日期 例如
const beginDate = ref("2021-08-02"); const endDate = ref("2021-08-08"); //获得区间内所有日期 const getAllDate = (start, end) => { let dateArr = []; let startArr = start.split("-"); let endArr = end.split("-"); let db = new Date()原创 2021-08-19 15:55:07 · 573 阅读 · 0 评论 -
JavaScript之 this指向(速记)
判断this指向根据优先级判断函数在某个调用位置应用的是哪条规则。按照下面的顺序进行判断:函数是否在new中调用(new绑定)?如果是的话this绑定的是新创建的对象 var fun = new foo() 函数是否通过call、apply(显示绑定)?如果是的话this绑定的是指定的var fun = foo.call(obj)函数是否在某个上下文对象中调用(隐式变量)?如果是的话,this绑定的是那个上下文对象var bar = obj.foo()4.如果使用默认原创 2021-08-09 16:55:09 · 96 阅读 · 0 评论 -
前端面试基础题必问题一
link和@import的区别link为html中的标签不仅可以加载CSS还可以连接属性等 引入的css样式会被同时加载@import是css提供的语法规则只用于导入css样式表在页面加载完毕之后再加载 ie5以上可以兼容 一般使用link标签引入css水平、垂直居中写法水平居中1.行内元素 text-align :center2.margin:0 auto3.position:absolute left:50% right:50% transfrom:transalateX..原创 2021-06-28 13:54:25 · 109 阅读 · 0 评论 -
js继承之方法(1)
1. 原型链继承方法依据上一节prototype与_proto_关系所延伸出的继承方法//父类function Person(name){ this.name = name this.sleep = function(){ console.log(this.name+'正在睡觉') }}Person.prototype.sayHello = function(){ console.log("使用原型得到名字:%s,年龄:%d",this.name,this.age);}//子类原创 2021-06-11 10:03:25 · 48 阅读 · 0 评论 -
JavaScript继承之prototype 与 _ proto _关系
__ proto__(隐式原型)与prototype(显式原型)隐式原型指向创建这个对象的函数(constructor)的prototype显式原型每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象隐式原型JavaScript中任意对象都有一个内置属性[[prototype]],在ES5之前没有标准的方法访问这个内置属性,但是大多数浏览器都支持通过__proto__来访问S5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf().原创 2021-06-11 08:55:02 · 182 阅读 · 3 评论 -
js封装一个多物体多属性运动的函数
function startMove(node, cssObj, complete) {//complate = show;clearInterval(node.timer);node.timer = setInterval(function () {var isEnd = false; //假设都到目的值了 (质数那里一样) 如果只有一个到达目的值不效果 全都到达目的值才执行for (var attr in cssObj) {var iTarget = cssObj[attr];//通过g原创 2020-09-14 19:45:26 · 335 阅读 · 0 评论 -
js数组常用的方法 包含ES6方法
arr.push() 末尾追加一个元素 可以天骄多个数组 返回值是数组的长度arr.pop() 用来删除数组的末尾一个元素 返回删除的那个数 ()不可添加东西arr.unshift()在数组最前面添加一个元素 返回新数组的长度 ()里面可添加多个元素arr.shift() 是删除数组最前面的一个元素 返回删除的数 ()返回删除的数arr.splice() 截取数组中某些内容 按数组索引来截取(1.从哪个索引位置开始,截取多少个,替换的新元素)返回裁切被裁切的部分 ar.原创 2020-09-10 19:50:16 · 162 阅读 · 1 评论