在线工具 - 一键获取下载抖音无水印视频、抖音去水印解析工具、下载抖音无水印高清图集【2024 最新】
一键获取下载抖音无水印视频、抖音去水印解析工具、下载抖音无水印高清图集。支持移动端、PC 端分享、PC 端直接复制等链接解析。
bilibili-哔哩哔哩 B站 封面提取在线工具
哔哩哔哩 B站 封面提取在线工具
在线一键获取百度云盘万能钥匙,百度云盘、蓝奏网盘、天翼云盘密码 提取码查询【2024/09 更新】
支持百度网盘、新浪微盘、蓝奏云盘、城通网盘,彩云网盘,天翼云盘的提取码查询
静态文件资源 cdnjs, jsdelivr 抖音字节国内快速 CDN 镜像推荐【2024】- 仍在使用 bootcdn 和 staticfile CDN 请注意验证资源的完整性(SRI)
近期发现正在使用的 CDN 每次加载都异常缓慢,不仅 JS 资源都未被缓存,协议还是 http 1.1,严重影响体验。打算更换 CDN 服务时,发现正在使用的服务提供商被列为被攻击名单中,资源可能会出现投毒等情况。没想到使用了大厂的 CDN 服务也会出现这种问题(说明还不够大~~~) 国外虽然推荐的都是大厂稳定的服务,但是仍建议做好资源完整性的验证,在资源引入时填写 SRI 哈希。 访问较慢,稳定优先 测速来源:https://www.itdog.cn/tcping/ ,Tcping,均使用 443 端口。测速时间:2024/09/27 组织 域名 协议 平均速度(https) 注意事项 cloudflare.com cdnjs.cloudflare.com h2 国内: 528 ms 国外:4 ms 1. 同步 cdnjs,进入复制即可 2. 默认缓存时间 1 年 3. 资源并非完全同步 npm,对资源有要求。 若资源未被收录可在该项目提 PR cdnjs/packages ⭐️...
利用 Github Actions 和 Acme 自动申请、更新和部署至阿里云、腾讯云 CDN Lets Encrypt SSl\TLS ECC RSA 双证书
早在去年年底和今年年初,各大证书厂商都陆续限制了免费 SSL 证书的有效期,从 12 个月缩短至 3 个月。时间将至,来看本文的兄弟们证书是否快要过期了?哈哈~ ACME: Automatic Certificate Management Environment(自动证书管理环境),是一种用于自动化管理和获取 SSL\TLS 证书的协议。 ACME 提供了一种标准化的方式,使能够自动请求、验证和获取证书,无需人工干预。完成标准化的获取证书流程需要 ACME 客户端与 ACME 服务端进行通信,常见的 ACME 的客户端有:acme.sh、certbot 等 本文将使用 ACME 协议的 acme.sh 客户端脚本和支持 ACME 服务端的 CA Let’s Encrypt 实现自动证书管理,并自动部署至腾讯云和阿里云 CDN。 acme.sh主要实现逻辑依靠 acme.sh 的证书申请 和 dns 验证。 相关命令帮助理解 acme 脚本,方便后续自定义,若无需求可忽略。(actions 的 ubuntu...
pnpm monorepo 中管理依赖的最佳实践,与 Catalogs(目录)协议的使用(monorepo 中统一版本管理)
monorepo 中如何管理依赖?monorepo 的优势在 repo 之间的共享复用、规范统一管理等方面,而随着项目的规模增长,repo 的依赖处理逻辑也会随着迭代而复杂。 那 monorepo 中如何管理依赖呢?是将 repo 中的共同依赖安装至根目录的 package.json 中?还是将依赖安装至各 repo 的 package.json 中? 在需要的 repo 中安装依赖对于大部分 monorepo 项目来说,直接在需要依赖项的 repo 中的 package.json 显示声明,无论是外部依赖还是内部的 repo 之间的依赖,即便 repo 之间的依赖是相同的。 在多个 repo 中安装相同依赖,可以使用以下命令: npmyarnpnpmnpm install jest --workspace=web --workspace=mobile --save-devyarn@v1: yarn workspace web add jest --dev yarn workspace mobile add jest...
npm、yarn、pnpm 设置最新国内镜像源(附官方镜像源和最新阿里源),以及 nrm 的使用教程
阿里最近(指的是 2022 年~~ 哈哈)更换了淘宝镜像的域名,原域名的 SSL 证书已经过期了(2024/01/22),最近使用旧 淘宝镜像 的应该都遇到 Error: certificate has expired 了吧,遇到了可以看下这个解决方案~ npm查询源npm get registry 设置源# 国内 淘宝 镜像源 npm config set registry https://registry.npmmirror.com/ # 官方镜像源 npm config set registry https://registry.npmjs.org/ pnpm pnpm 的镜像源默认 查询源pnpm get registry 设置源# 国内 淘宝 镜像源 pnpm config set registry https://registry.npmmirror.com/ # 官方镜像源 pnpm config set registry https://registry.npmjs.org/ yarn查询源yarn config get...
Web 安全中的 Secure Contexts(安全上下文)- 解决在本地中使用 clipboard 或 Crypto 等 API 限制或关闭上下文限制
Secure Context - 安全上下文在 window 或 worker 中使用一些涉及 用户隐私、一些数据访问或计算机的低级访问权限等相关 API 时,为了防止 中间人攻击者 访问这些接口,从而限制需要在 安全上下文 中使用 上下文在什么情况下是安全的? 本地资源:http://127.0.0.1、http://localhost、http://*.localhost 或 file:// 协议的资源是安全的 非本地资源:通过 TLS 传输的,例如 https:// 或 wss:// 协议的资源是安全的 使用 window 和 worker 属性来判断当前是否在安全上下文中可以通过 Window.isSecureContext 或 WorkerGlobalScope.isSecureContext true 或 false 来判断是否处于安全上下文中。 if (window.isSecureContext) { // 页面在安全上下文中,所以 service worker 可用 ...
使用 serve 配合 openssl 或 mkcert 创建本地自签名可信任的证书 - 创建本地 TLS\SSL https 协议服务
serveserve 可以快速启动一个静态网站或 SPA 应用,或只是静态文件服务,可在本地或局域网内使用 使用安装 pnpm install -g serve 启动服务,默认端口 3000 # 当前目录启动静态文件服务 serve # 指定目录启动 serve ./public # 指定端口 serve -p 8080 启动 SPA 应用服务,例如 React 或 Vue 中的 history 模式 # 在当前目录 build 文件启动服务 serve -s build serve -s dist 启动 SSL\TLS 服务 --ssl-cert:证书路径 --ssl-key:证书密钥路径 serve --ssl-cert cert.pem --ssl-key key.pem # or serve --ssl-cert ~/ssl/cert.pem --ssl-key ~/ssl/key.pem 创建本地 SSL 证书opensslwindows 系统需要自行安装 # -nodes: No DES 加密 # -days...
【CSS】解决在 flex 容器中使用 align-content 或 justify-content 属性 center 居中时的溢出滚动和截断问题 - 理解 safe 关键字
场景在布局时,我们经常使用 flex 来实现居中效果。例如下图场景,可能是平时比较常见的,列表中的子元素居中效果。 <style> .flex-wrap { display: flex; align-items: center; justify-content: center; width: 300px; height: 150px; & > div { width: 100px; height: 80px; } } </style> <div class="flex-wrap"> <div>1</div> <div>2</div> </div> 当 flex 容器限制了宽度,且内容不够 flex 元素分配时,此时 flex 元素将会溢出容器。 使用 overflow出现上述情况时,可能第一反应是给 flex 容器添加 overflow-y: auto...