首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    常见问题之JS——Url地址转码与解码

    常见问题之JS——Url地址转码与解码 背景 日常我们开发时,我们会遇到各种各样的奇奇怪怪的问题(踩坑o(╯□╰)o),这个常见问题系列就是我日常遇到的一些问题的记录文章系列,这里整理汇总后分享给大家,...1、encodeURI和decodeURI let url = 'http://127.0.0.1:8080/login?uri=http://127.0.0.1:8080/userInfo?...id=test001&name=无名'; console.log(url); console.log(encodeURI(url)); 看其打印的情况,我们会发现经过encodeURI处理后的地址发生了转码...同样的,前端接受到这类转码后的地址,我们可以使用decodeURI进行解码回来。 当然,encodeURI也是有局限的,它有一些常见的字符还是无法做到有效转码。...: @ & = + $ , #等这类特殊字符进行转码,这样就可以满足于我们上面的测试代码的使用了,同样的遇到该类的转码后的地址,我们可以使用decodeURIComponent将其解码回来。

    3.7K20

    javascript基础修炼(6)——前端路由的基本原理

    2.2 应用 浏览器访问一个页面时,当前地址的状态信息会被压入历史栈,当调用history.pushState()方法向历史栈中压入一个新的state后,历史栈顶部的指针是指向新的state的。...在下面的示例中,点击导航按钮,可以看到url地址栏发生了变化,且控制台打印出了响应的信息。...3.hash 和 history API对比 对比 hash路由 History API 路由 url字符串 丑 正常 命名限制 通常只能在同一个document下进行改变 url地址可以自己来定义,只要是同一个域名下都可以...,自由度更大 url地址变更 会改变 可以改变,也可以不改变 状态保存 无内置方法,需要另行保存页面的状态信息 将页面信息压入历史栈时可以附带自定义的信息 参数传递能力 受到url总长度的限制, 将页面信息压入历史栈时可以附带自定义的信息...运行附件中的router-demo-hash.html,点击导航按钮,即可看到url地址栏以及内容区域同步更改。

    1.6K30

    用cloudflare搭建免费的个人短链接平台

    短链接服务,可以通过将一个普通的冗长的网址缩短生成一个新的较短的网址,便于分享传播。 短链接主要应用场景如下: 短信发送 短信里用短链接,可以极大减少字符,现在很多营销短信都是用的短网址。...微博字数限制,公众号关键字链接限制等,短网址可以缩短字符,规避掉这些限制。 微信防屏蔽 微信里有各种屏蔽,用短链接可以避免暴露原有地址关键字,规避屏蔽。...短链长度就是随机生成的key也就是短链接的path部分的长度, 长度不够时容易出现重复,遇到重复时会自动延长, 修改脚本开头的变量default_len 注意:key均为对应大写 回到【资源】,快速编辑...,复制项目中的index.js的代码,即以下代码内容,保存并编译。...await checkWhite(new URL(req["url"]).host))){ // 非演示模式下,非白名单地址当成地址不合法处理, return new Response

    4.5K30

    Vue路由实现原理

    H5中的History对象的属性(部分) 属性 描述 length 历史记录数组的长度 state 表示当前的处在哪个记录上 H5中的History对象的方法(部分) 方法 描述 back() 等效于用户点击回退按钮...监听地址栏 上面的VueRouter.push()和VueRouter.replace()是可以在vue组件的逻辑代码中直接调用的,除此之外在浏览器中,用户还可以直接在浏览器地址栏中输入改变路由,因此还需要监听浏览器地址栏中路由的变化...监听地址栏 在HTML5History中添加对修改浏览器地址栏URL的监听popstate是直接在构造函数中执行的: constructor (router: Router, base: ?...href.slice(0, i) : href; return `${base}#${path}`; } //改变hash值 实现压入 功能 push(path) { window.location.hash...path : '/'; } //使用pushState方法实现压入功能 //PushState不会触发popstate事件,所以需要手动调用渲染函数 push(path) { history.pushState

    1.2K30

    用cloudflare搭建免费的个人短链接平台

    短链接服务,可以通过将一个普通的冗长的网址缩短生成一个新的较短的网址,便于分享传播。 短链接主要应用场景如下: 短信发送 短信里用短链接,可以极大减少字符,现在很多营销短信都是用的短网址。...微博字数限制,公众号关键字链接限制等,短网址可以缩短字符,规避掉这些限制。 微信防屏蔽 微信里有各种屏蔽,用短链接可以避免暴露原有地址关键字,规避屏蔽。...短链长度就是随机生成的key也就是短链接的path部分的长度, 长度不够时容易出现重复,遇到重复时会自动延长, 修改脚本开头的变量default_len 注意:key均为对应大写 回到【资源】,快速编辑...,复制项目中的index.js的代码,即以下代码内容,保存并编译。...await checkWhite(new URL(req["url"]).host))){     // 非演示模式下,非白名单地址当成地址不合法处理,     return new Response

    91320

    如何利用H5短网址快速缩短长网址

    你是否曾经需要共享一个链接,但是URL这么长,它看起来更像是一个乱码的鸡肋?没有必要担心,因为在线上有非常聪明的服务叫网址缩短器。...image.png 这里有一个关于如何缩短URL的快速指南: 1:复制要缩短的网址。你可以缩短任何长网址,长度不重要。...只需突出显示地址栏中的URL,然后按Ctrl +C(Win)或命令+C(MAC)将其复制到剪贴板。 image.png 2:找到h5短网址(h5ip.cn)缩短网址服务。...网址缩短服务是为您提供缩略长网址的网站。这些URL通常由于缩短而隐藏目的地。 image.png 3:将要缩短的URL粘贴到缩短器字段中。把你的光标放在剪贴板的网站上,然后粘贴到复制的URL中。...image.png 4:点击“缩短”按钮。所有更短的网站都有一个按钮旁边的URL字段,点击时,它会为您创建缩短的URL。您的新缩短的URL将被显示。

    4K80

    红队技术-外网打点实战案例分享

    则成功登录 成功进入后台 插件探测常见sql注入和log4j漏洞 sql注入插件推荐 https://github.com/smxiazi/xia_sql 基本原理是通过发送多个数据包,根据返回数据长度判断是否存在注入...github.com/sleeyax/burp-awesome-tls 未使用插件前,burp指纹特征被识别,抓包被拦截 使用插件后正常抓包 最终通过 OPTIONS 请求方式 + 静态资源 uri 路径 + 缩短...payload长度成功绕过WAF 缩短payload长度可使用 4raIn师傅的项目 https://github.com/antiRookit/ShortPayload 成功getshell Yso...里翻找,发现网站背景图片来源于s3存储桶地址 访问该地址发现为 NoSuchBucket ,表示可以接管 亚马逊云注册相应的存储桶,填入相应的名称和区域即可,接管后再次访问会变为 UnauthorizedAccess...url=/../../../../etc/passwd /..;/可绕过 resources/js/xxxxxx/..;/../../downloadFile?url=/../../../..

    91021

    Swissknife:脚本化的数据生成与篡改VSCode扩展

    日期转时间戳 椭圆曲线密钥对 生成密码 HTML编码(全部) 十六进制解码 十六进制编码 十六进制转RGB 标识哈希 JWT解码 Markdown转HTML Md5哈希 新Swissknife脚本(JS...) 新Swissknife脚本(TS) 密码长度 RGB转十六进制 RSA密钥对 随机字符串 请求获取 SHA1哈希 SHA256哈希 SHA512哈希 自签名证书 启动本地HTTP服务器 启动本地HTTPS...Url解码 Url编码 Url编码(所有字符) Url缩短 Url扩展 工具使用 在Windows系统或macOS上,你可以使用ctrl+shift+9调用专用命令pallete。...脚本模板 你可以根据自己的需要来选择TS或JS版本,TS比较复杂,因为我们需要将其转译为JS。...: (context) => context.insertRoutine(this.anotherUserScript) }, ] exports.default = scripts; 项目地址

    1.4K40

    【转】系统设计-第08章:短网址设计

    你的服务创建了一个长度较短的别名:https://tinyurl.com/y7keocwj。如果你单击较短的别名URL,它会将你重定向到原始 URL。候选人:流量是多少?面试官:每天产生1亿个URL。...表 8-1 显示了 hashValue 的长度和它可以支持的相应的最大 URL 数。...当 n=7 时, 62的n次方≈3.5万亿,3.5 万亿足以容纳 3650亿个URL,所以 hashValue 的长度为 7。我们将探讨两种类型的URL缩短器的哈希函数。...哈希+碰撞解决base 62 转换固定短URL长度短URL长度不固定,它随着 id 变化不需要唯一ID生成器该选项依赖于唯一ID生成器可能出现冲突,必须解决碰撞是不可能的,因为 ID 是唯一的不可能计算出下一个可用的短网址...如果在面试结束时有多余的时间,这里有几个额外的谈话要点:速率限制器:我们可能面临的一个潜在安全问题是恶意用户发送大量的 URL 缩短请求。 速率限制器有助于根据 IP 地址或其他过滤规则过滤掉请求。

    15110

    HTTP2之服务器推送(Server Push)最佳实践

    a) 客户端指定推送资源 客户端通过url或者请求头说明需要的资源url,写法如下: Url:http://http2push.gtimg.com/simple_push.html?...$” { http2_server_push_url /simple_push.js } c) 源站指定推送资源 通过增加响应头link通知客户端或者CDN节点,后续希望推送的依赖资源,中间具有 推送功能的节点...但是又从无推送和推送大文件的子图中看到,如果无优先级顺序地推送大文件indexBanner.png(782KB)对缩短网站时延无帮助。...在网络带宽足够承载推送资源的前提下,我们预先推送浏览器后续请求需要的资源,网站的整体加载时间得到缩短。但是现实网络环境有不一样的延时和带宽。...压测大师还服务了包括王者荣耀、龙之谷手游、轩辕传奇手游、火影忍者等多款高星级手游,也包括QQ、NOW直播等明星产品 目前压测大师正式对外开放,点击链接:http://wetest.qq.com/gaps

    1.8K00
    领券