js解决base64编码问题
发表于|更新于
|浏览量:
地利不如人和,武力不如文德。——恒宽
主要是在解析 JWT 时发现
1 | atob(base64) |
存在编码问题,我们如果想要将 base64 解码为 utf-8:
1 | function parseBase64ToJSON(base64) { |
然后就可以正确解析中文了
相关推荐
2025-05-31
remix
精诚所加,金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix:现代化的全栈 Web 框架随着 Web 开发技术的不断演进,开发者对框架的要求不仅局限于前端性能的优化,还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求,Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架,专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心,帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix?Remix 是一个开源的全栈 Web 框架,致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑,使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括: 服务端渲染(SSR):通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强:支持现代浏览器功能,同时为低性能设备提供良好体验。 路由驱动开发:基于文件系统的路由,让开发者专注于功能实现。 数据加载优化:支持服务端数据加载和缓存机制,减...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...
2023-09-11
css画一个圈带一条线
深窥自己的心,而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px(分割线 * 白色渲染到21px(分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果: .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2022-11-20
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2025-11-07
apache-shenyu对接mcp-server-swagger-import
友谊是两颗心真诚相待,而不是一颗心对另一颗心的敲打。——鲁迅《鲁迅杂文选》 本次 PR(https://github.com/apache/shenyu-dashboard/pull/556)主要为 ShenYu Dashboard 的 MCP Server 管理模块引入了 Swagger 文件导入的前端支持。改动点如下: 主要涉及文件及改动说明 src/locales/en-US.json、src/locales/zh-CN.json 改动: 新增多条与 Swagger 导入相关的中英文国际化文案,如“Swagger Import”、“Swagger URL”、“项目名称”等。 目的: 确保新增页面和弹框的所有 UI 字段均能国际化显示。 src/models/mcpServer.js 改动: 引入并注册了 mcpSwaggerImport 的异步 effect。 新增了 swaggerImport generator 方法,通过 redux-saga 管理,与后端交互处理导入流程,反馈成功/失败提示,并在必要时回调刷新页面数据。 目的: 规范导入业...
2026-04-04
twenty
学习是劳动,是充满思想的劳动。——乌申斯基 Twenty:社区驱动的“现代 Salesforce 替代品”,一位把 CRM 做成开源作品的理想主义者Twenty 走进来时,先把名片递给你: Building a modern alternative to Salesforce, powered by the community. 它不是冷冰冰的销售系统,更像一位有脾气、有追求的“客户关系管家”:不想再让 CRM 变成昂贵的牢笼,也不愿意让用户的数据被锁在黑箱里。它想做的是——用开源和社区把 CRM 这件事重新写一遍。 它还会抬起头,认真地补一句身份宣言: The #1 Open-Source CRM Why Twenty:它为什么非要“重做 CRM”?Twenty 讲理由时不绕弯,三句话,像三根钉子钉在桌面上。 1)CRMs 太贵了,而且用户被困住了传统 CRM 的套路太熟练:把客户数据锁住,然后涨价。Twenty 不认这个理,它的态度是:不该这样。 2)体验需要一次真正的“重启”Twenty 觉得老世界的 CRM 已经背了太多历史包袱。它要一个 fresh sta...

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