js解决base64编码问题
发表于|更新于
|浏览量:
地利不如人和,武力不如文德。——恒宽
主要是在解析 JWT 时发现
1 | atob(base64) |
存在编码问题,我们如果想要将 base64 解码为 utf-8:
1 | function parseBase64ToJSON(base64) { |
然后就可以正确解析中文了
相关推荐
2021-03-27
elementUI去掉input上下按钮
快乐就像香水,不是泼在别人身上,而是洒在自己身上。——拉尔夫·沃尔多·爱默生 我们使用el-input当type为number时 会出现右边这种箭头,影响美观 我们可以使用样式穿透 1<el-input type="number"></el-input> 123/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none;} 然后就可以去掉这两个箭头啦
2025-09-24
Chrome DevTools 快速定位请求调用栈并调试前端问题
观古今于须臾,抚四海于一瞬 。一一陆机《文赋》 教你用 Chrome DevTools 快速定位请求调用栈并调试前端问题在前端开发和接口联调中,我们经常遇到这样的场景:某个 HTTP 请求发出后,返回异常,或者你想知道是谁在哪一步发起了这个请求?搞清楚「请求的调用来源」,是定位和解决问题的第一步。今天就来详细聊聊,如何用 Chrome DevTools 追踪请求的 JS 调用栈,并配合断点调试,精准掌控前端网络请求的“源头”。 一、为什么要看请求的调用栈? 定位发起请求的代码片段:前端框架、工具库封装很多,找不到是谁发的请求很常见。 分析异常/冗余请求:有时页面多发、重复发请求,光看 Network 面板无法溯源。 Debug 异步流程:配合断点跳转,可以还原异步流转过程,查明数据流动和时序问题。 二、如何用 Chrome DevTools 查看请求的 JS 调用栈?1. 打开 Network 面板,找到目标请求 按 F12 或右键→检查,打开 Chrome DevTools。 切换到【Network】标签页,刷新页面或触发操作,找到你关注的请求(可用 fil...
2023-01-18
css文字环绕png图片
好意对待犯错误的人,可以得人心,可以团结人——毛泽东 从这里看到的:https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下: 用到了shape-outside以及float 代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
2021-11-27
event
有信仰的人不会孤独。——阿列克谢耶维奇 vue官方文档有介绍$event 我们在开发中经常这么写来获取事件 1<div class="trigger-me" @click="triggerMe">点我触发</div> 方法: 123456methods: { triggerMe(e, name) { console.log('e: ', e); console.log('name: ', name); }} 然后调用一下 可以看到打印出了事件,如果我们需要传入其他参数,就可以使用$event了 1<div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> 再次触发:
2022-05-24
css继承
浅水是喧哗的,深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承:给父节点设置样式,子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承,如果被继承,设想一下,给父节点加了一个border,里面的每个子孙元素都有一个border,这不是我们通常想要的效果 如何来控制这些属性呢? CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。 unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样 这里有一个简单的demo: 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2021-11-12
数组解构赋值
倘若A代表人生的成功,那么公式是:A =X+Y+Z。X是工作,Y是游戏,z是保持缄默。——(美)爱因斯坦 我们以前从一个数组中获取第一项,可能是如下写法: 12let list = [1,2,3]let i = list[0] 有了解构赋值,可以如下写法: 12let list = [1,2,3]let [i] = list 如果稍微复杂点,例如下面这样从对象中取出来数组: 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成: 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog