“2022年10月”存档文章有22 篇
JavaScript 多语言示例
2022/10/14 16:55:18
最近项目是一个中英文网站，前端的一些表单判断以及显示使用的是 JavaScript，在多语言环境中处理起来很麻烦，要不是一个语言版本的页面使用一个不同语言版本的 js 文件，但是 webpack 配置起来也很麻烦。所以就需要多语言环境，下面是一个多语言的 JavaScript 经过项目实战，比较不错：let lang_type = 2; // 获取语言类型，可以是 0,1,2 // 储存多语...
AWS CloudFront 配置总结
2022/10/14 16:19:58
最近国内访问国外服务器不是很稳定，所以需要借助 CDN 来加速静态资源。正好看到 AWS 官网 CloudFront 每个月有 1TB 的流量，正常使用应该用不完，所以就使用 CloudFront 试试内否让静态资源稳定加载。我们首先登录 aws 控制台，找到 CloudFront，之后点击右上角“创建分配”：之后具体的配置 CloudFront，需要注意的地方我在下面说明。上面的“源域”需要填写...
如何下载 tiktok 无水印视频
2022/10/12 15:41:58
最近需要 tiktok 上的一些视频，用于再创作，但是 tiktok 上的视频下载下来都是有水印，无法正常使用。为了去掉 tiktok 上的水印视频，我们可以使用 tiktok video downloader 这个工具。下载是具体用法：1、选择一个视频，复制视频地址：2、打开 tiktok video downloader 这个工具，之后将连接地址粘贴进去，点击“查找”：3、获取下载地址，直接点...
setInterval() 理解
2022/10/12 15:10:23
setInterval() 用于定时执行一个任务，其语法如下：var intervalID = setInterval(func, [delay, arg1, arg2, ...]); var intervalID = setInterval(function[, delay]); var intervalID = setInterval(code, [delay]); func要重复调用的...
JavaScript fetch 理解
2022/10/10 21:52:28
下面是 fetch() 的解释：全局的 fetch() 方法用于发起获取资源的请求。它返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象。下面是一个示例代码：const request = new Request("/progress/" + thread);fetch(request, fetchInit).then(function...
Flask 下载进度示例
2022/10/10 21:09:51
最近需要使用 Flask 完成一个加载进度的任务。主要是后端通过其他途径下载视频，在前端显示进度。这里主要的问题是：前端如何获取进度？后端如何在主线程之外新增一个线程下载文件，并返回进度？由于项目有些复杂，我找到了一个精简的示例代码，如下：import random import threading import time from flask import Flask cla...
原生 JavaScript 增加内联 css 样式
2022/10/10 20:51:03
在这篇文章中介绍了：Javascript 元素增加 class 的方法，这个方法主要是加载 css 样式。如果我们需要增加某个元素的内联样式，我们可以这样做：我们可以使用 querySelectorAll 选择元素，之后循环这些元素：function changeOpacity(className) { var elems = document.querySelectorAll(clas...
XMLHttpRequest 进度理解
2022/10/10 11:35:22
XMLHttpRequest 提供了各种在请求被处理期间发生的事件以供监听。这包括定期进度通知、错误通知，等等。我们用的最多的是 progress 和 load 两种事件。progress 事件会在请求接收到数据的时候被周期性触发。load 事件会在 XMLHttpRequest 请求完成触发。下面是示例：xhr.addEventListener("load", transferComplete)...