执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
  • JS文章

  • Vue文章

  • 跨端开发

  • React文章

  • 杂文

    • Webstorm排查插件问题
    • 为什么前端监控要用GIF打点
    • Bilibili短链生成器
    • Typora Bilibili图床插件
    • 防盗链那些事之referer
    • 获取B站SESSDATA
      • serverless+webpack解决node_modules空间大的问题
      • SPA单页应用直接使用百度统计
      • 先concat再去重引发的性能问题
      • 利用引用与时间戳解决一次性能问题
      • 批量新建工作项界面卡顿
      • 大用户数量加载慢分析
    • CSS

    • 前端
    • 杂文
    执笔看墨花开
    2021-06-23

    获取B站SESSDATA

    # 获取B站SESSDATA

    1. 登录B站 (opens new window)
    2. 按F12打开控制台
    3. 找到SESSDATA复制即可

    # 解决B站防盗链(403)

    B站开启了防盗链,利用的是HTTP的Referer属性做判断。如果Referer是他白名单之外的网站,就会返回403

    # 全站图片使用

    在html的head标签中设置如下标志,那么全站资源引用都不会携带referrer

    <meta name="referrer" content="no-referrer">
    
    1

    # 新窗口打开

    主要设置rel="noreferrer",使用window.open打开的话是会默认携带referrer的,第一次还是会403

    <a rel="noreferrer" target="_blank"></a> 
    
    1

    # 图片样式

    例如原图: https://i0.hdslb.com/bfs/album/a18a3f8d666dc19c3216bef39a092e0e60c90eb4.png (opens new window)

    规定高宽,质量压缩: https://i0.hdslb.com/bfs/album/a18a3f8d666dc19c3216bef39a092e0e60c90eb4.png@14w_14h_1e_1c (opens new window)

    Type Url
    原图 baseURL/1.jpg
    原分辨率,质量压缩 baseURL/1.jpg@1e_1c.jpg
    规定宽,高度自适应,质量压缩 baseURL/1.jpg@104w_1e_1c.jpg
    规定高,宽度自适应,质量压缩 baseURL/1.jpg@104h_1e_1c.jpg
    规定高宽,质量压缩 baseURL/1.jpg@104w_104h_1e_1c.jpg
    原分辨率,webp格式(占用最小) baseURL/1.jpg@104w_104h_1e_1c.webp
    规定高度,webp格式(占用最小) baseURL/1.jpg@104w_104h_1e_1c.webp

    格式:(图像原链接)@(\d+[whsepqoc]_?)*(.(|webp|gif|png|jpg|jpeg))?$

    • w:[1, 9223372036854775807] (width,图像宽度)
    • h:[1, 9223372036854775807] (height,图像高度)
    • s:[1, 9223372036854775807] (作用未知)
    • e:[0,2] (resize,0:保留比例取其小,1:保留比例取其大,2:不保留原比例,不与c混用)
    • p:[1,1000] (默认100,放大倍数,不与c混用)
    • q:[1,100] (quality,默认75,图像质量)
    • o:[0,1] (作用未知)
    • c:[0,1] (clip,0:默认,1:裁剪)
    • webp,png,jpeg,gif(不加则保留原格式)
    • 不区分大小写,相同的参数后面覆盖前面
    • 计算后的实际wh不能大于原wh,否则wh参数失效

    # 其他推荐

    浏览器插件-Bilibili图床 (opens new window) Typora插件-Bilibili图床 (opens new window)

    编辑 (opens new window)
    #B站
    上次更新: 2021/06/23, 13:14:07
    防盗链那些事之referer
    serverless+webpack解决node_modules空间大的问题

    ← 防盗链那些事之referer serverless+webpack解决node_modules空间大的问题→

    最近更新
    01
    Vue2
    08-26
    02
    JS编程题
    08-26
    03
    前言
    08-26
    更多文章>
    Theme by Vdoing

    © 2021-2021 执笔看墨花开

    粤ICP备2021110554号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×