王新阳

百度搜索算法规范详解https://zy.baidu.com/act/guide?isResponsible=1

百度搜索优化知识大全https://zy.baidu.com/act/seo?isResponsible=1

阿里云开发者课堂 https://edu.aliyun.com/

spark-md5.js 计算文件md5值 ：https://github.com/satazor/js-spark-md5

一个提供用户脚本的网站
https://greasyfork.org/zh-CN

用户脚本管理器：Tampermonkey中文文档
https://www.cnblogs.com/grubber/p/12560522.html

Js上传插件 Plupload

drupal

嵌入式WEB开发

CSRF 漏洞

fopen漏洞

Python
阿里云大学PYTHON学习路线
https://edu.aliyun.com/roadmap/python

ThinkPHP list_to_tree、tree_to_list、list_search

vue.js

C盘可以删除的临时文件，也可以用系统自带的磁盘清理程序清除
C:\Windows\ServiceProfiles\NetworkService\AppData\Local\Temp
C:\Windows\SoftwareDistribution\Download
https://support.microsoft.com/zh-cn/windows?ui=zh-CN&rs=zh-CN&ad=CN
https://support.microsoft.com/zh-cn/windows/%E9%87%8A%E6%94%BE-windows-10-%E4%B8%AD%E7%9A%84%E9%A9%B1%E5%8A%A8%E5%99%A8%E7%A9%BA%E9%97%B4-85529ccb-c365-490d-b548-831022bc9b32

1. 使用systemctl启动MySQL（推荐）
如果系统使用Systemd，并且MySQL已安装为系统服务，可以使用以下命令：

# 启动MySQL
sudo systemctl start mysql

# 或者，有些系统上服务名可能是mysqld
sudo systemctl start mysqld

# 设置开机自启
sudo systemctl enable mysql

# 查看状态
sudo systemctl status mysql

# 停止MySQL
sudo systemctl stop mysql

# 重启MySQL
sudo systemctl restart mysql

2. 使用service命令（SysVinit系统）对于使用SysVinit的系统，可以使用service命令：

# 启动MySQL
sudo service mysql start

# 或者，有些系统上服务名可能是mysqld
sudo service mysqld start

# 查看状态
sudo service mysql status

# 停止MySQL
sudo service mysql stop

# 重启MySQL
sudo service mysql restart

3. 使用mysqld_safe启动
mysqld_safe是一个脚本，用于启动MySQL服务器，并在发生错误时自动重启。通常，它位于MySQL安装目录的bin目录下。

# 进入MySQL安装目录，假设在/usr/local/mysql
cd /usr/local/mysql

# 使用mysqld_safe启动，并指定配置文件（如果需要）
sudo bin/mysqld_safe --defaults-file=/etc/my.cnf &

# 或者，如果已经将MySQL的bin目录添加到PATH，可以直接运行
sudo mysqld_safe &

注意：使用mysqld_safe启动时，可能需要指定--user选项来指定运行MySQL的用户，通常为mysql。

4. 手动启动MySQL服务器
你也可以直接调用mysqld来启动，但这通常不推荐，因为它不会提供自动重启等保护。

# 指定配置文件启动
sudo /usr/sbin/mysqld --defaults-file=/etc/mysql/my.cnf &

# 或者，如果知道MySQL的数据目录和socket文件等位置，可以指定选项
sudo /usr/sbin/mysqld --datadir=/var/lib/mysql --socket=/var/lib/mysql/mysql.sock --user=mysql &

5. 使用MySQL安装包中的启动脚本
如果你使用二进制包或源码编译安装，可能提供了启动脚本。例如，在源码编译安装后，可以使用support-files/mysql.server脚本。

# 假设在MySQL安装目录下
sudo support-files/mysql.server start

6. 检查MySQL是否启动
无论使用哪种方式启动，都可以通过以下方法检查MySQL是否正在运行：

# 检查进程
ps aux | grep mysqld

# 检查端口（默认3306）
netstat -tlnp | grep 3306
ss -tlnp | grep 3306

# 尝试连接
mysql -u root -p -e "SHOW DATABASES;"

1. systemctl 启动（Systemd 系统，推荐）

# 1.1 启动 MySQL
sudo systemctl start mysql
# 或（某些发行版使用 mysqld）
sudo systemctl start mysqld

# 1.2 停止 MySQL
sudo systemctl stop mysql
sudo systemctl stop mysqld

# 1.3 重启 MySQL
sudo systemctl restart mysql
sudo systemctl restart mysqld

# 1.4 查看状态
sudo systemctl status mysql
sudo systemctl status mysqld

# 1.5 设置开机自启
sudo systemctl enable mysql
sudo systemctl enable mysqld

# 1.6 禁用开机自启
sudo systemctl disable mysql
sudo systemctl disable mysqld

# 1.7 重新加载配置文件
sudo systemctl reload mysql
sudo systemctl reload mysqld

# 1.8 查看日志
sudo journalctl -u mysql
sudo journalctl -u mysqld
sudo journalctl -u mysql -f  # 实时监控日志

2. service 启动（SysVinit 系统）

# 2.1 启动 MySQL
sudo service mysql start
sudo service mysqld start

# 2.2 停止 MySQL
sudo service mysql stop
sudo service mysqld stop

# 2.3 重启 MySQL
sudo service mysql restart
sudo service mysqld restart

# 2.4 查看状态
sudo service mysql status
sudo service mysqld status

# 2.5 设置开机自启
sudo chkconfig mysql on       # RHEL/CentOS 6
sudo update-rc.d mysql defaults # Debian/Ubuntu

# 2.6 禁用开机自启
sudo chkconfig mysql off
sudo update-rc.d mysql remove

3. 直接启动 MySQL 守护进程

# 3.1 使用 mysqld_safe（推荐）
sudo mysqld_safe --defaults-file=/etc/my.cnf &

# 3.2 直接启动 mysqld
sudo /usr/sbin/mysqld --defaults-file=/etc/my.cnf --user=mysql &

# 3.3 使用 MySQL 启动脚本
sudo /etc/init.d/mysql start
sudo /etc/init.d/mysqld start

# 3.4 使用 mysql.server（MacOS/部分Linux）
sudo /usr/local/mysql/support-files/mysql.server start

检查系统中安装的 MySQL

# 查看 MySQL 版本
mysql --version
mysql -V

# 查看 MySQL 安装位置
which mysql
whereis mysql

# 查看 MySQL 服务状态
systemctl list-units | grep -i mysql
systemctl list-units | grep -i mariadb

# 查看 MySQL 进程
ps aux | grep mysql
ps aux | grep mysqld

# 查看 MySQL 端口
sudo netstat -tlnp | grep mysql
sudo ss -tlnp | grep mysql
sudo lsof -i :3306

配置文件位置

# 常见配置文件位置
/etc/my.cnf
/etc/mysql/my.cnf
/usr/local/mysql/my.cnf
~/.my.cnf

# MariaDB 配置文件
/etc/my.cnf
/etc/my.cnf.d/
/etc/mysql/my.cnf
/etc/mysql/mariadb.conf.d/

一、核心 HTML5 属性

<video
  src="video.mp4"
  controls
  preload="metadata"
  poster="thumbnail.jpg"
  width="800"
  height="450"
  muted
  loop
  autoplay
  playsinline
  crossorigin="anonymous"
  class="video-player"
>
  <!-- 备用内容 -->
  <p>您的浏览器不支持 HTML5 视频</p>
</video>

二、针对 iOS/Safari 的关键属性

<video
  playsinline
  webkit-playsinline
  x5-playsinline
  t7-video-player-type="inline"
>

解释：
playsinline - 标准属性，防止 iOS 自动全屏
webkit-playsinline - WebKit 前缀版本（iOS 9-10 需要）
x5-playsinline - 腾讯 X5 内核（微信浏览器）
t7-video-player-type="inline" - 部分安卓浏览器

三、自动播放策略（iOS 限制）

<!-- iOS 允许自动播放的条件 -->
<video autoplay playsinline muted>
  <!-- 必须同时有：autoplay + playsinline + muted -->
</video>

<!-- 或使用 JavaScript 控制 -->
<video id="myVideo" playsinline controls>

// iOS 需要用户交互才能播放声音
document.addEventListener('touchstart', function() {
  const video = document.getElementById('myVideo');
  video.play().catch(e => console.log(e));
}, { once: true });

四、推荐的最佳实践配置

<video
  controls
  playsinline
  webkit-playsinline
  preload="metadata"
  poster="poster.jpg"
  width="100%"
  height="auto"
  style="object-fit: contain; background-color: #000;"
  crossorigin="anonymous"
  aria-label="视频描述"
>
  <!-- 多格式支持 -->
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <!-- 备用内容 -->
  <p>您的浏览器不支持 HTML5 视频</p>
</video>

五、重要 CSS 补充

video {
  /* 防止 iOS 默认控件 */
  -webkit-appearance: none;
  
  /* 移除 iOS 的蓝色高光 */
  -webkit-tap-highlight-color: transparent;
  
  /* 禁用文本选择 */
  user-select: none;
  -webkit-user-select: none;
  
  /* 响应式 */
  max-width: 100%;
  height: auto;
  display: block;
}

六、微信浏览器特殊处理

<video
  x5-video-player-type="h5"
  x5-video-player-fullscreen="true"
  x5-video-orientation="portrait"
>

function getAllFilesWithSize() {
        $files = [];
        $iterator = new RecursiveIteratorIterator(
            new RecursiveDirectoryIterator($this->cacheBaseDir, FilesystemIterator::SKIP_DOTS),
            RecursiveIteratorIterator::CHILD_FIRST
        );
        foreach ($iterator as $file) {
            if ($file->isFile()) {
                $files[] = [
                    'path' => $file->getPathname(),
                    'size' => $file->getSize()
                ];
            }
        }
        
        return $files;
    }

参考：
PHP标准库 https://www.php.net/manual/zh/book.spl.php
递归目录迭代器 https://www.php.net/manual/zh/class.recursivedirectoryiterator.php

如下代码，双击图片区域时，也会触发 alert(0) 事件，要阻止双击图片的冒泡

<body>
<img src="a.JPG" width="50%">
<script>
document.addEventListener('dblclick', function(e) {
    e.preventDefault(); // 阻止默认行为
    alert(0);
});
</script>
</body>

方法1：阻止图片的默认双击行为

<body>
<img src="a.JPG" width="50%" ondblclick="event.preventDefault();">
<script>
document.addEventListener('dblclick', function(){
    alert(0);
});
</script>
</body>

方法2：直接在图片上添加事件监听器（推荐）

<body>
<img src="a.JPG" width="50%" id="myImage">
<script>
document.getElementById('myImage').addEventListener('dblclick', function(event){
    event.preventDefault(); // 阻止默认行为
    alert(0);
}, false);
</script>
</body>

方法3：使用事件捕获阶段

<body>
<img src="a.JPG" width="50%">
<script>
document.addEventListener('dblclick', function(){
    alert(0);
}, true); // 使用捕获阶段而非冒泡阶段
</script>
</body>

方法4：完全阻止图片的所有默认行为

<body>
<img src="a.JPG" width="50%" style="pointer-events: none;">
<script>
document.addEventListener('dblclick', function(){
    alert(0);
});
</script>
</body>

方法5：使用更具体的事件处理（推荐）

<body>
<img src="a.JPG" width="50%">
<script>
// 捕获图片的双击事件
document.querySelector('img').addEventListener('dblclick', function(e){
    e.stopPropagation(); // 阻止冒泡到document
    alert('双击了图片！');
});

// 其他地方的双击事件
document.addEventListener('dblclick', function(e){
    if(e.target.tagName !== 'IMG') {
        alert('双击了非图片区域！');
    }
});
</script>
</body>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>浏览器全屏切换示例</title>
<style>
.no-select{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
</style>
</head>
<body>
<button id="fullscreenBtn">进入全屏模式</button>
<div class="no-select" style="margin:2em 0;">使用css控制，双击这里时，文字<span style="color:red">不会</span>被选中</div>
<div style="margin:2em 0;">双击这里时，文字<span style="color:red">会</span>被选中</div>

<strong>css控制不选中</strong>
<pre style="padding:10px;border:1px solid #ccc;background-color:#f3f3f3">
.no-select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
</pre>
<strong>js控制不选中</strong>
<pre style="padding:10px;border:1px solid #ccc;background-color:#f3f3f3">
	const selection = window.getSelection();
	if(selection)selection.removeAllRanges();
</pre>

<script>
function toggleFullscreen() {
	// 获取全屏API的兼容性写法
	const requestFullscreen = document.documentElement.requestFullscreen || 
		document.documentElement.mozRequestFullScreen ||
		document.documentElement.webkitRequestFullscreen ||
		document.documentElement.msRequestFullscreen;

	const exitFullscreen = document.exitFullscreen ||
		document.mozCancelFullScreen ||
		document.webkitExitFullscreen ||
		document.msExitFullscreen;
	if (!document.fullscreenElement &&
		!document.mozFullScreenElement &&
		!document.webkitFullscreenElement &&
		!document.msFullscreenElement) {
		// 进入全屏
		requestFullscreen.call(document.documentElement);
	} else {
		// 退出全屏
		exitFullscreen.call(document);
	}
}

document.getElementById('fullscreenBtn').addEventListener('click', toggleFullscreen);
document.addEventListener('dblclick', toggleFullscreen);
</script>
</body>
</html>

参考：https://zhuanlan.zhihu.com/p/12876076909

1、什么是JWT？
JWT（JSON Web Token）是一种开放标准（RFC 7519），用于在各方之间以 JSON 格式安全地传输信息。它通常用于身份验证和授权流程中，特别是在无状态的 RESTful API 和现代 Web 应用中。

2、什么时候应该使用 JSON Web Token？
以下是 JSON Web Token (JWT) 的一些适用场景：

授权（Authorization）： 这是 JWT 最常见的用途。用户登录后，后续的每个请求都会携带 JWT，从而允许用户访问该令牌所授权的路由、服务和资源。单点登录（Single Sign On）是当前广泛使用 JWT 的一个功能，因为它具有较小的开销，并且可以轻松跨不同域名使用。
信息交换（Information Exchange）： JWT 是在各方之间安全传输信息的一种好方式。由于 JWT 可以签名（例如，使用公钥/私钥对），你可以确认发送者的身份。此外，由于签名是基于头部（header）和负载（payload）计算得出的，你还可以验证内容是否被篡改。

3、JSON Web Token 的结构是什么？
在紧凑形式中，JSON Web Token（JWT）由三部分组成，各部分之间通过点号（.）分隔：

头部（Header）
负载（Payload）
签名（Signature）

PHP生成和验证jwt

// 自定义 Base64Url 编码函数（处理 URL 安全字符）
function base64url_encode($data) {
	return rtrim(strtr(base64_encode($data), '+/', '-_'), '=');
}
//生成JWT令牌
function jwt_create($userId, $secretKey){
	// 定义 Header、Payload 和密钥
	$header = array('alg' => 'HS256');
	$payload = array(
		'username' => 'zhangsan',
		'userid' => '101',
	);


	// 编码 Header 和 Payload
	$headerEncoded = base64url_encode(json_encode($header));
	$payloadEncoded = base64url_encode(json_encode($payload));

	// 生成签名（HMAC-SHA256）
	$signatureInput = "$headerEncoded.$payloadEncoded";
	$signature = hash_hmac('sha256', $signatureInput, $secretKey, true);
	$signatureEncoded = base64url_encode($signature);

	// 组合完整 JWT
	$jwt = "$headerEncoded.$payloadEncoded.$signatureEncoded";
	return $jwt;
}
//验证JWT令牌
function jwt_verify($jwt,$secretKey){
	// 提取已生成的 JWT 各部分
	list($header, $payload, $signature) = explode('.', $jwt);

	// 重新计算签名
	$recomputedSignature = base64url_encode(
		hash_hmac('sha256', "$header.$payload", $secretKey, true)
	);

	// 比较签名
	return $signature === $recomputedSignature;
}

PDFObject.js

官网：https://pdfobject.com/

相关博客：

https://blog.csdn.net/i_dont_know_a/article/details/80707963

https://blog.csdn.net/qappleh/article/details/80250492

https://www.jq22.com/yanshi649

pdf.js

官网：https://mozilla.github.io/pdf.js/getting_started/

相关博客：

https://blog.csdn.net/weixin_42400643/article/details/152602790

https://blog.csdn.net/weixin_31800911/article/details/148820919

https://www.jb51.net/javascript/338851frl.htm