前端之旅-雅荷心语博客-第7页

vue .env.development 全景变量不生效的问题记录

2021-02-23admin阅读(5698)评论(0)

今天写项目, 设置了一个变量一直不生效, 最后发现:
在.env.development文件中设置全局变量的时候发现并没有生效。

原因：只有申明前缀为VUE_APP_的配置才能生效。

所以, 改成

VUE_APP_BASEURL =  /
VUE_APP_STATIC = /
VUE_APP_BASEAPI = /api
VUE_APP_ACNBASE = acn.html

1

2

3

4

VUE_APP_BASEURL = /

VUE_APP_STATIC = /

VUE_APP_BASEAPI = /api

VUE_APP_ACNBASE = acn.html

这样的 VUE_APP_开头就可以生效了

下载新浪微博VR全景图片方案,教你快速下载微博720全景图片

2021-02-21admin阅读(2390)评论(0)

新浪微博的全景可以发全景图片这个功能已经存在好几年了, 我还是微博的第一批全景达人!

虽然现在不怎么看微博了(广告太多了); 但是之前做的全景图片下载工具, 到现在也经常有人会问我,

今天就简单聊聊怎么把微博的全景图片下载到本地, 仅限学习交流, 图片要转载, 建议先跟作者沟通清楚;

微博全景图片下载其实很简单, 首先我们打开微博后, 找到一个可以全景图片, 然后复制微博链接:

微博链接复制出来是这样: https://m.weibo.cn/6346016326/4604910815419507

我们使用浏览器打开, F12 定位到微博全景这里:

很清晰看到一个短连接: http://t.cn/A6tqvGsH

我们抓取这个短连接, 然后打开即可找到全景图的原图照片

打开此连接, f12 查看源码

直接可以看到:

    var config = {
        online: [1][0],
        st: '9355fd',
        login: [][0],
        uid: '',
        pageConfig: [null][0] || {},
        wm: '',
        version: '',
        url: location.href.split('#')[0]
    };
    var $render_data = [{
    "ok": 1,
    "msg": "全景图片信息获取成功",
    "data": {
        "ld_url": "http://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg",
        "hd_url": "http://wx4.sinaimg.cn/large/006VteK2ly1gnobtan1szj335s1kw7lw.jpg",
        "_url": "https://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg",
        "Access-Control-Allow-Origin": "https://m.weibo.cn",
        "allowOrigin": 1,
        "img_url": "https://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg"
    },
    "cache": 0
}][0] || {};

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

var config = {

online: [1][0],

st: '9355fd',

login: [][0],

uid: '',

pageConfig: [null][0] || {},

wm: '',

version: '',

url: location.href.split('#')[0]

};

var $render_data = [{

"ok": 1,

"msg": "全景图片信息获取成功",

"data": {

"ld_url": "http://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg",

"hd_url": "http://wx4.sinaimg.cn/large/006VteK2ly1gnobtan1szj335s1kw7lw.jpg",

"_url": "https://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg",

"Access-Control-Allow-Origin": "https://m.weibo.cn",

"allowOrigin": 1,

"img_url": "https://wx2.sinaimg.cn/large/006VteK2ly1gnobtafobnj335s1kw7lw.jpg"

},

"cache": 0

}][0] || {};

可以看到微博全景, 里面的 ld_url 和 hd_url, 目测 hd_url 是质量比较好的, 直接复制浏览器打开下载即可拿到全景原图!

http://wx4.sinaimg.cn/large/006VteK2ly1gnobtan1szj335s1kw7lw.jpg

然后我们简单写个脚本来完成这些操作: 扫码打开后复制微博URL即可快速下载全景图到手机

当然也可以直接: https://vr.he29.com/v3/plugin/weibo/.html

获取抖音背景音乐Bgm提取方案-下载抖音背景音乐方法

2021-02-21admin阅读(4241)评论(0)

天天刷抖音的我, 经常在抖音听到很多好听的bgm, 之前都是分离视频和音乐, 然后通过剪辑音频来获取背景音乐, 但是不经意发现, 抖音也有h5可以分享出来的页面, 那我就不客气了

首先我们打开都有, 复制一段视频的链接:

睡前5分钟，每天坚持听，让你拥有深度睡眠！%大自然的声音 %放松 %助眠@DOU+小助手 https://v.douyin.com/JEkVWPj/ 复淛Ci链接，打开Dou音搜索，直接观kan视频！

没错, 就是里面这个链接, 这是关键,通过一个简单的正则表达式, 拿到 https://v.douyin.com/JEkVWPj/

打开后F12 检查链接, 在里面找到了这个请求: https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=6849181572415884544

然后查看接口返回: 里面有一个字段

这不就是这个视频使用的mp3吗, 通过程序来模拟抓取这个接口的返回, 直接截取这个mp3

已经搞定!

之后我简单开发了一个抖音 bgm 快速下载工具,

感兴趣的朋友可以直接扫码使用, 复制抖音视频的链接即可!

或者直接访问: https://vr.he29.com/v3/plugin/dyMusic

krpano 新插件 Light Postprocessing 后期调色简单使用

2021-01-05admin阅读(1529)评论(0)

官方文档: https://krpano.com/plugins/postprocessing/#pp_light.lights

主要包含三个js文件, pp_light.js, pp_sharpen.js, pp_blur.js

// 光线插件
<plugin name="pp_light" devices="html5" keep="true"
        url="plugins/pp_light.js" 
        enabled="true" // 是否启动
        exposure="0.0" // 曝光度
        lights="0.0" // 亮度
        shadows="0.0" // 阴影(常用,.调节亮度)
        filterrange="60.0" //滤波
        masking="1.0" //亮度蒙版
        quality="7" // 质量
        order=""
        phase="2"
        />
// 模糊插件
<plugin name="pp_blur" devices="html5" keep="true"
        url="plugins/pp_blur.js" 
        enabled="true"
        range="0.0" // 模糊度
        quality="10" // 质量
        linearrgb="false"
        mirroredges="false"
        order=""
        phase="2"
        />
// 锐化插件
<plugin name="pp_sharpen" devices="html5" keep="true"
        url="plugins/pp_sharpen.js" 
        enabled="true"
        strength="0.0" // 锐化
        range="0.0" // 锐化度
        luminanceonly="true"
        quality="5"
        order=""
        phase="2"
        />

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

// 光线插件

<plugin name="pp_light" devices="html5" keep="true"

url="plugins/pp_light.js"

enabled="true" // 是否启动

exposure="0.0" // 曝光度

lights="0.0" // 亮度

shadows="0.0" // 阴影(常用,.调节亮度)

filterrange="60.0" //滤波

masking="1.0" //亮度蒙版

quality="7" // 质量

order=""

phase="2"

/>

// 模糊插件

<plugin name="pp_blur" devices="html5" keep="true"

url="plugins/pp_blur.js"

enabled="true"

range="0.0" // 模糊度

quality="10" // 质量

linearrgb="false"

mirroredges="false"

order=""

phase="2"

/>

// 锐化插件

<plugin name="pp_sharpen" devices="html5" keep="true"

url="plugins/pp_sharpen.js"

enabled="true"

strength="0.0" // 锐化

range="0.0" // 锐化度

luminanceonly="true"

quality="5"

order=""

phase="2"

/>

经过我的简单尝试, 差不多摸索出这些参数, 如有不对, 还请指出!

安卓手机快速开启USB远程调试手机/微信网页

2020-11-19admin阅读(3502)评论(0)

2023.9.18 更新:

微信版本升级后，不再使用x5内核（升级为了xweb内核），原有的通过debugx5.qq.com开启微信调试的方式不再生效，无法打开vConsole查看页面请求等信息。

手机微信内点击/扫码打开: http://debugxweb.qq.com/?inspector=true

注意: (网页端无法打开, 直接在微信里可以打开);

移动端调试方案有很多, 但是最实用的, 莫过于使用谷歌浏览器, 手机插usb数据线进行调试了,

下面来简单的说一下调试方法:

首先, 我们需要打开 chorm, 在地址栏输入 chrome://inspect/#devices

看到这个界面后, 勾选上面两个选项, 然后使用安卓手机原装数据线, 插入到电脑,

手机上开启 USB调试功能,

接下来我们打开微信, 开启微信的X5 调试!

我们打开: http://debugx5.qq.com/ 这个网址, 就能看到如图界面!

问题: 如果自己浏览器使用的不是x5内核, 是看不到下面页面的, 正确做法是, 先启用x5内核

访问: http://debugmm.qq.com/?forcex5=true 然后选择 on webview 重启后即可开启, 之后重新打开 http://debugx5.qq.com/

然后勾选TBS 内核这个调试功能,

之后在微信里打开网页, 我们就可以愉快的开始远程调试了, 如图:

问题: 如果看不到webview怎么办

查看手机usb调试是否打开,
查看手机数据线是否是原装

就可以看到我们熟悉的调试工具,

问题: 点击上面按钮没有反应或者404怎么办

打不开或者404的原因是因为墙的存在, 如果可以翻x, 请打开, 若不能
请下载 360急速浏览器, 重复上面的操作, 因为 360急速浏览器, 没有墙~~~

微信小程序添加全景的几个方法

2020-11-10admin阅读(9799)评论(0)

欢迎大家加入芊云全景互助交流群 使用微信扫码加入

给大家分享几种在微信小程序里面打开全景的方式, 仅供参考!

因为一直都在搞全景相关的东西, 所以在好几个小程序里都添加了全景的一些东西, 今天, 就简单的说一说我的操作方式!

第一种: 如果你会小程序开发, 直接使用微信小程序的 webview 来实现!

<view class="vr">
  <web-view src="https://vr.he29.com/v2/tour/index?id=558"></web-view>
</view>

1

2

3

<web-view src="https://vr.he29.com/v2/tour/index?id=558"></web-view>

</view>

例如这是一个乡村全景图, 关于全景怎么制作上传, 请参考我的另一篇文章

教你怎么发布720全景

,我们直接使用 webview 打开即可, webview会自动沾满整个屏幕,

第二种: 在小程序里跳转到微云720全景小程序

小程序里面的图片可以长按识别, 在微云全景制作好全景图之后, 直接获取二维码, 长按识别即可!

liunx 下安装pdftk / npm pdf-merge 依赖安装

2020-10-26admin阅读(1377)评论(0)

安装依赖

yum install gcc gcc-c++ libXrandr gtk2 libXtst libart_lgpl

1	yum install gcc gcc-c++ libXrandr gtk2 libXtst libart_lgpl

安装libgcj
下载地址：http://rpmfind.net/linux/rpm2html/search.php?query=libgcj

后面根据下载的文件名进行修改

http://rpmfind.net/linux/opensuse/ports/update/leap/42.3/oss/aarch64/libgcj48-4.8.5-41.1.aarch64.rpm

rpm -ivh --nodeps libgcj-4.4.7-16.el6.x86_64.rpm

1	rpm -ivh --nodeps libgcj-4.4.7-16.el6.x86_64.rpm

安装PDFtk
下载地址：https://www.pdflabs.com/docs/install-pdftk-on-redhat-or-centos/

yum install pdftk-2.02-1.el6.x86_64.rpm

1	yum install pdftk-2.02-1.el6.x86_64.rpm

pdftk -version

王者荣耀隐藏字符生成器-重名生成器及原理分析

2020-08-28admin阅读(22616)评论(0)

经常看到有人游戏里是空白的名字, 之前也没有在意过, 突然有一天看到一个抖音, 提到了隐藏字符的问题, 于是根据抖音提示找到一个带有隐藏名字的人, 复制昵称研究了一番, 终于发现了隐藏字符的秘密㊙️

过程分析:

首先我拿到空白字符之后, 复制出来什么也看不到, 昵称中带符号也看不到符号, 但是我们将带有特殊符号的昵称经过 base64 编码, 就会发现端倪

<?php
$str1 = '天明⁡⁣⁡⁣';
$str2 = '天明';
print_r(base64_encode($str1));
print_r(PHP_EOL);
print_r(base64_encode($str2));
print_r(PHP_EOL);
print_r(base64_decode('4oGh4oGj'));

1

2

3

4

5

6

7

8

<?php

$str1 = '天明⁡⁣⁡⁣';

$str2 = '天明';

print_r(base64_encode($str1));

print_r(PHP_EOL);

print_r(base64_encode($str2));

print_r(PHP_EOL);

print_r(base64_decode('4oGh4oGj'));

其中$str1 带有隐藏字符, $str2 没有, 经过base64 编码, 发现虽然肉眼看上去一样, 但是编码过后长度不一样, 剔除天明这两个字本身的编码, 剩下的就是隐藏字符的base64码!

有了这个, 我们就可以自己来控制了, 自己随便起个名字, 然后前后插入编码, 就可以实现重名, 隐藏中间有隐藏字符不显示!

为了方便大家, 我简单写了一个王者荣耀重名/生成器, 喜欢的可以直接使用哦~

直接 使用微信扫码或长按识别二维码 即可打开使用:

直接打开: http://api.he29.com/index.php/index/game/v5.html

输入你想要的名字, 然后我会随机在里面插入隐藏字符, 点击复制以后直接打开游戏修改, 如果修改失败, 可能带隐藏字符的名字也被人占了, 嗯当然这种概率极低, 如果还是修改不成功,

可以联系我再生成隐藏字符~~

我在前后各插入了隐藏字符, 因此如果汉字太长也可能会提示太长, 如果有非常喜欢的昵称,隐藏字符改不了, 也可以联系我, 修改隐藏字符的位置

欢迎扫码加入王者荣耀微信区开黑交友群:

祝大家早日上荣耀~

王者荣耀VR夜游长安城全景漫游上线啦: 感兴趣的点这里: https://vr.he29.com/v3/tour/1351.html

JavaScript读取.xlsx文件为json

2020-08-26admin阅读(2020)评论(0)

代码备份 js 部分

$(document).ready(function(){
    $("#fileUploader").change(function(evt){
      var selectedFile = evt.target.files[0];
      var reader = new FileReader();
      // 读取上传文件为二进制
      reader.readAsBinaryString(selectedFile);
      reader.onload = function(event) {
        var data = event.target.result;
        var workbook = XLSX.read(data, {
          type: 'binary'
        });
        workbook.SheetNames.forEach(function(sheetName) {
          var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);
          if (XL_row_object.length > 0) {
            console.log(XL_row_object)
          }
        })
      };
      reader.onerror = function(event) {
        console.error("File could not be read! Code " + event.target.error.code);
      };
    });
  });

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

$(document).ready(function(){

$("#fileUploader").change(function(evt){

var selectedFile = evt.target.files[0];

var reader = new FileReader();

// 读取上传文件为二进制

reader.readAsBinaryString(selectedFile);

reader.onload = function(event) {

var data = event.target.result;

var workbook = XLSX.read(data, {

type: 'binary'

});

workbook.SheetNames.forEach(function(sheetName) {

var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);

if (XL_row_object.length > 0) {

console.log(XL_row_object)

}

})

};

reader.onerror = function(event) {

console.error("File could not be read! Code " + event.target.error.code);

};

});

html 部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcdn.net/ajax/libs/xlsx/0.16.6/xlsx.full.min.js"></script>
</head>
<body>
<div class="body">
  <input type="file" id="fileUploader" name="fileUploader" accept=".xls, .xlsx"/>
</div>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12