Skip to content

Commit

Permalink
feat(update): ✨
Browse files Browse the repository at this point in the history
  • Loading branch information
JCAlways committed Nov 29, 2024
1 parent ef43790 commit ab90c7c
Show file tree
Hide file tree
Showing 68 changed files with 1,296 additions and 1,054 deletions.
1,210 changes: 689 additions & 521 deletions _config.butterfly.yml

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion source/_data/link.yml
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
descr: WPS WebOffice 文档
- name: Alist
link: https://pan.zhangsifan.com
avatar: https://cdn.jsdelivr.net/gh/alist-org/logo@main/logo.svg
avatar: https://gcore.jsdelivr.net/gh/alist-org/logo@main/logo.svg
descr: 我的网盘集合
- name: 青龙面板
link: http://ql.zhangsifan.com
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20220903nr.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ tags:
categories:
keywords:
description: 为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方文档](https://www.npmjs.com/package/nprogress)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20220903sg.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- 验证类
keywords:
description: 为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方网站](https://fingerprint.com/)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20220909px.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ categories:
- Element Plus
keywords:
description: 为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方文档](https://github.com/SortableJS/vue.draggable.next)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20220915up.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ categories:
- Element Plus
keywords: el-upload 文件夹上传
description: 为 El-upload 组件 开启文件夹上传功能
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

# 代码
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20221010bg.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- Web Office
keywords:
description: 使用WPS WEB Office,可以在浏览器中打开WPS Office文档,并且可以在线编辑,保存,打印等操作,本文将介绍如何在前端使用WPS WEB Office.
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

# 相关链接
Expand Down
4 changes: 2 additions & 2 deletions source/_posts/20221021ov.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ categories:
- Web Office
keywords:
description: kkFileView为文件文档在线预览解决方案,该项目使用流行的spring boot搭建,易上手和部署,基本支持主流办公文档的在线预览,如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,图片,视频,音频等等
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方文档](https://kkfileview.keking.cn/zh-cn/index.html)
Expand All @@ -30,7 +30,7 @@ docker run -it -p 8012:8012 keking/kkfileview
```ts
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/[email protected]/base64.min.js"
src="https://gcore.jsdelivr.net/npm/[email protected]/base64.min.js"
></script>;

const previewUrl = "http://127.0.0.1:8080/file/test.txt"; //要预览文件的访问地址
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20230329gt.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- 验证类
keywords: GeeTest,极验,验证码,行为验证
description: GeeTest4.0使用教程。行为验证4.0产品是极验于2022年6月正式推出的最新一代验证码产品,结合环境检测、行为特征、POW工作量证明、视觉模型热更等多项技术,在注册、登录、下单、防作弊等多种场景提供人机智能分流验证服务,为企业安全保驾护航。
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方网站](https://www.geetest.com/adaptive-captcha-demo)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20230330gt.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- 验证类
keywords:
description: GeeTest3.0使用教程。极验「行为验证」是一项可以帮助你的网站与APP识别与拦截机器程序批量自动化操作的SaaS应用。它是由极验开发的新一代人机验证产品,它不基于传统“问题-答案”的检测模式,而是通过利用深度学习对验证过程中产生的行为数据进行高维分析,发现人机行为模式与行为特征的差异,更加精准地区分人机行为。
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方网站](https://www.geetest.com/Sensebot)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20240417re.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- 验证类
keywords:
description: reCAPTCHA使用先进的风险分析引擎和自适应挑战来防止恶意软件在您的网站上进行滥用活动。与此同时,合法用户将能够登录、购买、查看页面或创建帐户,而虚假用户将被屏蔽。
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方网站](https://www.google.com/recaptcha/about/)
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/20240924wg.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ categories:
- 辅助类
keywords: FLiNG
description: 风灵月影辅助下载
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

[官方网站](https://flingtrainer.com/)
Expand Down
100 changes: 95 additions & 5 deletions source/_posts/20241017dv.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories:
- 开发工具
keywords:
description: 像使用谷歌浏览器的控制台一样简单地开始远程调试。
cover: https://www.pagespy.org/assets/doc-banner-331e6b44.png
cover: https://www.pagespy.org/assets/doc-banner-D915jpec.png
---

[官方网站](https://www.pagespy.org/#/)
Expand All @@ -21,7 +21,7 @@ PageSpy 是一款兼容 Web / 小程序 / React Native / 鸿蒙 App 等平台项

> 一图胜千言。
![](https://www.pagespy.org/assets/doc-banner-331e6b44.png)
![](https://www.pagespy.org/assets/why-is-pagespy-zh-C1-Ci1jQ.png)

# 何时使用?

Expand All @@ -41,6 +41,10 @@ PageSpy 的目标,就是为包括以上场景的人员提供帮助。
docker run -d --restart=always -v ./log:/app/log -v ./data:/app/data -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:latest
```

## 视频学习

<iframe width="100%" height="450px" src="https://player.bilibili.com/player.html?isOutside=true&amp;aid=658778004&amp;bvid=BV1Ph4y1y78R&amp;cid=1209124922&amp;p=1" scrolling="no" allowfullscreen=""></iframe>

# 客户端部署

## 浏览器
Expand All @@ -49,11 +53,11 @@ docker run -d --restart=always -v ./log:/app/log -v ./data:/app/data -p 6752:675

```js
<!-- PageSpy SDK -->
<script crossorigin="anonymous" src="https://pagespy.jikejishu.com/page-spy/index.min.js"></script>
<script crossorigin="anonymous" src="https://<your-pagespy-host>/page-spy/index.min.js"></script>

<!-- 插件(非必须,但建议使用) -->
<script crossorigin="anonymous" src="https://pagespy.jikejishu.com/plugin/data-harbor/index.min.js"></script>
<script crossorigin="anonymous" src="https://pagespy.jikejishu.com/plugin/rrweb/index.min.js"></script>
<script crossorigin="anonymous" src="https://<your-pagespy-host>/plugin/data-harbor/index.min.js"></script>
<script crossorigin="anonymous" src="https://<your-pagespy-host>/plugin/rrweb/index.min.js"></script>
```

### 初始化 PageSpy 和插件
Expand Down Expand Up @@ -114,6 +118,92 @@ window.$pageSpy = new PageSpy({
});
```

## 小程序

### 导入 SDK

在项目中安装依赖。我们提供了几种小程序平台的 SDK,请根据需要安装:

- 微信小程序

```shell
yarn add @huolala-tech/page-spy-wechat@latest
```

- 支付宝小程序

```shell
yarn add @huolala-tech/page-spy-alipay@latest
```

- UniAPP

```shell
yarn add @huolala-tech/page-spy-uniapp@latest
```

- Taro

```shell
yarn add @huolala-tech/page-spy-taro@latest
```

### 配置白名单

将 PageSpy 服务域名填入小程序的 http、websocket 请求白名单中。注意除了开发环境,小程序强制要求使用 https 和 wss 协议:

```html
https://<your-pagespy-host>
wss://<your-pagespy-host></your-pagespy-host
></your-pagespy-host>
```

### 初始化 PageSpy 和插件

在入口文件中引入 SDK 并实例化,初始化参数提供了可选的 配置项 用于自定义 SDK 的行为:

```js
import PageSpy from "@huolala-tech/page-spy-wechat";

const $pageSpy = new PageSpy({
api: "<your-pagespy-host>",
});
```

## 鸿蒙 App

### 导入 SDK

在待调试 HAP 目录下安装依赖:

```shell
# API 9
ohpm install @huolala/page-spy-harmony@^1.0.0

# API 11
ohpm install @huolala/page-spy-harmony@^2
```

### 初始化 PageSpy 和插件

在合适的位置引入 SDK 并初始化,这里以 EntryAbility 为例。初始化参数提供了可选的 配置项 用于自定义 SDK 的行为:

```js
import { PageSpy } from "@huolala/page-spy-harmony";
import axiosInstance from "path/to/your/axios-instance";

export default class EntryAbility extends UIAbility {
onWindowStageCreate(windowStage: window.WindowStage) {
new PageSpy({
context: this.context,
api: "<your-pagespy-host>",
enableSSL: true,
axios: axiosInstance,
});
}
}
```

# 常用 API

## 更新初始化参数
Expand Down
6 changes: 3 additions & 3 deletions source/_posts/DOC-24道JavaScript算法.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ keywords:
description:
top_img:
comments:
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

# 标准排序
Expand Down Expand Up @@ -217,7 +217,7 @@ for (var i = 1; i <= 10; i++) {
arr.push(ran);
}
console.log(
arr.sort(function(a, b) {
arr.sort(function (a, b) {
return a - b;
})
);
Expand Down Expand Up @@ -565,7 +565,7 @@ function fn() {
}
}
//返回升序排序的数组
return arr.sort(function(x, y) {
return arr.sort(function (x, y) {
return x - y;
});
}
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/DOC-Hexo博客搭建流程.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ keywords: 博客搭建
description: 博客搭建步骤
top_img:
comments:
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

## 安装 hexo
Expand Down
2 changes: 1 addition & 1 deletion source/_posts/DOC-JavaScript常见问题.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ keywords:
description:
top_img:
comments:
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

# javascript 的 typeof 返回哪些数据类型
Expand Down
10 changes: 5 additions & 5 deletions source/_posts/DOC-Jquery的常见问题.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ keywords:
description:
top_img:
comments:
cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
cover: https://gcore.jsdelivr.net/gh/jerryc127/CDN/img/Hexo-Built-in-Tag-Plugins-COVER.png
---

# 你在公司是怎么使用 jquery 的?
Expand Down Expand Up @@ -171,8 +171,8 @@ $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵,
3 通过$.ajax 方法来获取数据,只要设置 cache:false 即可
31. $.getScript()方法 和 $.getJson() 方法有什么区别?
答案:
1 $.getScript() 方法可以直接加载.js文件,并且不需要对javascript文件进行处理,javascript文件会自动执行
2 $.getJson() 是用于加载 JSON 文件的 ,用法和\$.getScript()
1 $.getScript() 方法可以直接加载.js 文件,并且不需要对 javascript 文件进行处理,javascript 文件会自动执行
2 $.getJson() 是用于加载 JSON 文件的 ,用法和\$.getScript()
32. 你读过有关于 jQuery 的书吗?
《jquery 基础教程》 《jquery 实战》《锋利的 jquery》 《巧用 jquery》 《jQuery 用户界面库学习指南》等
重点:其中《锋利的 jquery》这本书可以看一下
Expand Down Expand Up @@ -205,7 +205,7 @@ $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵,
(function(window, undefined) {})(window);
jQuery 利用 JS 函数作用域的特性,采用立即调用表达式包裹了自身,解决命名空间和变量污染问题
window.jQuery = window.$ = jQuery;
在闭包当中将 jQuery 和 $ 绑定到 window 上,从而将 jQuery 和 \$ 暴露为全局变量
在闭包当中将 jQuery 和 $ 绑定到 window 上,从而将 jQuery 和 \$ 暴露为全局变量
39. jQuery.fn 的 init 方法返回的 this 指的是什么对象? 为什么要返回 this?
答案:
jQuery.fn 的 init 方法 返回的 this 就是 jQuery 对象
Expand All @@ -217,7 +217,7 @@ $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵,
41. jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝?
答案:
浅拷贝(只复制一份原始对象的引用) var newObject = $.extend({}, oldObject);
深拷贝(对原始对象属性所引用的对象进行进行递归拷贝) var newObject = $.extend(true, {}, oldObject);
深拷贝(对原始对象属性所引用的对象进行进行递归拷贝) var newObject = $.extend(true, {}, oldObject);
42. jQuery 中的 bind(), live(), delegate(), on()的区别?
答案:
bind 直接绑定在目标元素上
Expand Down
Loading

0 comments on commit ab90c7c

Please sign in to comment.