其他 - Page 5 of 6

H5背景音乐自动播放(兼容微信IOS，进程后台切换自动停止播放，本文例子为Vue写法)

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

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

</div>

</template>

export default {

data() {

return {

playFlag: true,

playImg: require('../../static/play.png'),

pauseImg: require('../../static/pause.png'),

clickMusicBtn: false

}

},

mounted() {

this.audioAutoPlay('bgMusic');

document.addEventListener("visibilitychange", (e) => { // 兼容ios微信手Q

if (this.clickMusicBtn) { // 点击了关闭音乐按钮

if (this.playFlag) {

this.audioAutoPlay('bgMusic');

this.playFlag = true;

} else {

this.audioPause('bgMusic');

this.playFlag = false;

}

text.innerHTML = e.hidden;

if (e.hidden) { // 网页被挂起

this.audioAutoPlay('bgMusic');

this.playFlag = true;

} else { // 网页被呼起

this.audioPause('bgMusic');

this.playFlag = false;

}

} else { // 未点击关闭音乐按钮

if (this.playFlag) {

this.audioPause('bgMusic');

this.playFlag = false;

} else {

this.audioAutoPlay('bgMusic');

this.playFlag = true;

}

text.innerHTML = e.hidden;

if (e.hidden) { // 网页被挂起

this.audioPause('bgMusic');

this.playFlag = false;

} else { // 网页被呼起

this.audioAutoPlay('bgMusic');

this.playFlag = true;

}

});

},

methods: {

bgMusicPlayOrPause(id) {

this.clickMusicBtn = !this.clickMusicBtn;

if (this.playFlag) {

this.audioPause(id);

this.playFlag = false;

} else {

this.audioAutoPlay(id);

this.playFlag = true;

}

},

audioPause(id) {

var audio = document.getElementById(id);

audio.pause();

document.addEventListener("WeixinJSBridgeReady", function () {

audio.pause();

}, false);

document.addEventListener('YixinJSBridgeReady', function () {

audio.pause();

}, false);

},

audioAutoPlay(id) {

var audio = document.getElementById(id);

audio.play();

document.addEventListener("WeixinJSBridgeReady", function () {

audio.play();

}, false);

document.addEventListener('YixinJSBridgeReady', function () {

audio.play();

}, false);

}

2018-12-03by SKILLNULL HTML&CSS, Vue, 微信阅读(10196)评论(0)

‘cross-env’ is not recognized as an internal or external command

webpack打包报错，原因是windows不支持 cross-env,安装模块即可:

npm install -g cross-env

2018-06-07by SKILLNULL Webpack 阅读(5850)评论(0)

IntelliJ IDEA 2021.3 (JetBrains WebStorm,JetBrains PyCharm等)激活破解

在使用前，请先移除之前试用过的其他任何激活补丁，包括不限于插件、Host配置、激活码等

本次介绍的最新的激活方法，原理是一个网络过滤器，可以把他理解为一个网络阻断器，阻断网络进行IDEA的校验，从而达到激活效果

下载ja-netfilter.rar

链接:[……]

2021-12-22by SKILLNULL 其他阅读(9246)评论(0)

git clone 出错 fatal: pack has bad object at offset 26060927: inflate returned -3

$ git clone http://xxx.xxx.cn/liyafei/developer.git
Cloning into ‘developer’…
remote: Counting objects: 10681, done.
remote: Compressing objects:[……]

2018-03-30by SKILLNULL Git 阅读(11363)评论(0)

Git分支操作

查看本地分支：git branch -t
合并本地两个分支：git merge branchOne branchTwo
切换分支：git checkout branchName

将本地指定分支推送到远程指定仓库指定分支： git push 远程仓库地址本地指定分支:远程指定分支[……]

2018-04-25by SKILLNULL Git 阅读(9013)评论(0)

微信小程序base64编码解码以及utf-8解码

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

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

function base64_encode (str) { // 编码，配合encodeURIComponent使用

var c1, c2, c3;

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

var i = 0, len = str.length, strin = '';

while (i < len) {

c1 = str.charCodeAt(i++) & 0xff;

if (i == len) {

strin += base64EncodeChars.charAt(c1 >> 2);

strin += base64EncodeChars.charAt((c1 & 0x3) << 4);

strin += "==";

break;

}

c2 = str.charCodeAt(i++);

if (i == len) {

strin += base64EncodeChars.charAt(c1 >> 2);

strin += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));

strin += base64EncodeChars.charAt((c2 & 0xF) << 2);

strin += "=";

break;

}

c3 = str.charCodeAt(i++);

strin += base64EncodeChars.charAt(c1 >> 2);

strin += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));

strin += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));

strin += base64EncodeChars.charAt(c3 & 0x3F)

}

return strin

}

function base64_decode (input) { // 解码，配合decodeURIComponent使用

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

var output = "";

var chr1, chr2, chr3;

var enc1, enc2, enc3, enc4;

var i = 0;

input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

while (i < input.length) {

enc1 = base64EncodeChars.indexOf(input.charAt(i++));

enc2 = base64EncodeChars.indexOf(input.charAt(i++));

enc3 = base64EncodeChars.indexOf(input.charAt(i++));

enc4 = base64EncodeChars.indexOf(input.charAt(i++));

chr1 = (enc1 << 2) | (enc2 >> 4);

chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);

chr3 = ((enc3 & 3) << 6) | enc4;

output = output + String.fromCharCode(chr1);

if (enc3 != 64) {

output = output + String.fromCharCode(chr2);

}

if (enc4 != 64) {

output = output + String.fromCharCode(chr3);

}

return utf8_decode(output);

}

function utf8_decode (utftext) { // utf-8解码

var string = '';

let i = 0;

let c = 0;

let c1 = 0;

let c2 = 0;

while (i < utftext.length) {

c = utftext.charCodeAt(i);

if (c < 128) {

string += String.fromCharCode(c);

i++;

} else if ((c > 191) && (c < 224)) {

c1 = utftext.charCodeAt(i + 1);

string += String.fromCharCode(((c & 31) << 6) | (c1 & 63));

i += 2;

} else {

c1 = utftext.charCodeAt(i + 1);

c2 = utftext.charCodeAt(i + 2);

string += String.fromCharCode(((c & 15) << 12) | ((c1 & 63) << 6) | (c2 & 63));

i += 3;

}

return string;

}

2018-12-03by SKILLNULL 微信小程序阅读(13338)评论(0)

阿里云域名申请免费的SSL证书

地址：https://common-buy.aliyun.com/?spm=a2c4e.11155515.0.0.DjCjOv&commodityCode=cas#/buy

第一步：

第二步：

第三步：

第四步：点击证书控制台

第[……]

2018-01-31by SKILLNULL 其他阅读(9115)评论(0)

JS格式化时间(支持小程序，兼容IOS)

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

36

37

38

39

40

41

42

43

44

45

46

47

48

const REGEX = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/

/**

* @function format time

* @param val, format

* @return {string}

* @example

* <template>

* <div>

* <span>{{item.time | formatTime('yyyy/MM/dd hh:mm:ss')}}</span>

* </div>

* </template>

* import {formatTime} from '../../library/timeFormat'

* export default {

* filters: {formatTime}

* }

*/

export const formatTime = (val, format) => {

if (val) {

/**

* @instructions 如果不是时间戳格式，且含有字符 '-' 则将 '-' 替换成 '/' && 删除小数点及后面的数字

* @reason 将 '-' 替换成 '/' && 删除小数点及后面的数字的原因是safari浏览器仅支持 '/' 隔开的时间格式

*/

if (val.toString().indexOf('-') > 0) {

val = val.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/') // 将 '-' 替换成 '/'

val = val.slice(0, val.indexOf('.')) // 删除小数点及后面的数字

}

let date = new Date(val)

date.setHours(date.getHours() + 8)

const [whole, yy, MM, dd, hh, mm, ss] = date.toISOString().match(REGEX)

const year = new Date().getFullYear()

const month = new Date().getMonth() + 1

const dates = new Date().getDate()

if (format) {

return format

.replace('yyyy', yy)

.replace('yy', yy.slice(2))

.replace('MM', MM)

.replace('dd', dd)

.replace('hh', hh)

.replace('mm', mm)

.replace('ss', ss)

} else {

return [yy, MM, dd].join('-') + ' ' + [hh, mm, ss].join(':')

}

} else {

return '--'

}

2018-12-03by SKILLNULL JavaScript, 微信小程序阅读(8701)评论(0)

微信小程序使用原生WebSokcet实现断线重连及数据拼接

以前做小程序为了应急找了个插件去链接WebSokcet，文章传送门。

回过头在新项目中再次使用时出现了些许问题，不一一赘述。遂决定好好用一下原生的WebSokcet。

一、说明

1.小程序原生的WebSokcet没有断线重连机制，这个是他的不足之处。

2.小程序新的版本库[……]

2018-12-03by SKILLNULL 微信小程序阅读(8546)评论(0)

使用WebDriverAgent中遇到的问题

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

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

首先克隆：git clone https://github.com/facebook/WebDriverAgent.git

在执行命令： ./Scripts/bootstrap.sh 时报错：

Please make sure that you have Carthage installed (https://github.com/Carthage/Carthage)

Note: We are expecting that carthage installed in /usr/local/bin/

安装carthage：brew install carthage

执行 ./Scripts/bootstrap.sh 仍报同样的错，再次安装carthage提示：

Warning: carthage 0.27.0 is already installed, it's just not linked.

You can use `brew link carthage` to link this version.

执行：brew link carthage 报：

Linking /usr/local/Cellar/carthage/0.27.0... Error: Permission denied @ dir_s_mkdir - /usr/local/Frameworks

提权：sudo brew link carthage 报：

Error: Running Homebrew as root is extremely dangerous and no longer supported.

As Homebrew does not drop privileges on installation you would be giving all

build scripts full access to your system.

原因可能是我刚把系统升级到 macOS High Sierra 10.13.2

搜到一大把解决方法：

1、sudo chown -R $(whoami) $(brew --prefix)/*

2、sudo chown -R $(whoami) /usr/local/*

3、brew upgrade

4、Uninstall Homebrew:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"

Then re-install it:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

第四个没试，前三个都试了一遍，brew link carthage仍然报错，但是 ./Scripts/bootstrap.sh 可以执行了。

依赖安装完以后，双击WebDriverAgent.xcodeproj这个文件，会在Xcode中对应打开。

紧接着证书签名：

勾选 Automatically manage signing 然后选择Team 登录你的 Apple ID 下载证书。

在TARGETS里面选中WebDriverAgentLib:

在TARGETS里面选中WebDriverAgentRunner:

报错了，修改BundleID：

报错解决。

接着在菜单栏中选择Product=>Destination=>你的手机，Product=>Scheme=>WebDriverAgentRunner,最后Product=>Test 运行。

2018-12-03by SKILLNULL 其他阅读(21730)评论(0)

2025年十一月
一	二	三	四	五	六	日
« 10月
					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