css彩色渐变字体
1234567891011121314151617181920212223242526272829<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>彩色字体</title> <style> :root{ --large: 30px; } .main{ font-si ...
FileSystemAPI选择文件夹并遍历文件
123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>FileSystem API PRC.</title></head><body> <button id="chooseDir">选择文件夹</button></body><script> const btn = document.querySelector("#chooseDir") btn.onclick = async function (){ // 得到句柄 let handle = await showDire ...
python通过pyautogui库实现自动化
原理比较简单,通过pyautogui进行图像位置识别,通过xlrd读取要进行的操作,pyautogui模拟键鼠操作
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168import pyautoguiimport timeimport xlrdimport ...
python通过pyautogui库实现自动化
原理比较简单,通过pyautogui进行图像位置识别,通过xlrd读取要进行的操作,pyautogui模拟键鼠操作
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168import pyautoguiimport timeimport xlrdimport ...
video视频事件/canvas实现video播放
知识点/事件1<video src="bg.mp4" controls width="400" autoplay muted loop height="300" id="video"></video>
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118var video = document.getElementById('video')// 1、loadstart：视频查找。当浏览器开始寻找指定的音频/视频时触发，也就是当加载 ...
html2canvas硬核解决跨域
html2canvas无法生成部分图片本质原因是跨域, 后端好解决但是前端需要另辟蹊径:
123456789101112131415161718192021222324252627// 首先根据url动态创建canvas 画图 获取base64// 其次用base64替换掉之前的图片路径 即可显示 注意异步操作const handleImg2Base64 = (src: string) => { let img = new Image(); img.crossOrigin = "Anonymous"; //重要,解决图片跨域的问题 img.src = src + '?time=' + new Date().valueOf(); img.onload = function () { let canvas: any = document.createElement('canvas'); canvas.width = img.width; c ...
vue3挂载全局变量
1234app.config.globalProperties.$axios = $axiosconst { proxy } = getCurrentInstance() as anyproxy.$axios.get()
事实上官方是不建议应用使用 getCurrentInstance 方法的
1234567891011// main.tsconst app = createApp(App) // 配置全局变量 页面中使用 inject 接收app.provide('global',{ store, axios}) app.mount('#app')
将多个变量混同时注入的目的是为了减小依赖注册及接受的工作量, 在需要接受的页面使用 inject 接受:
1234567891011121314151617// 组件中<script lang="ts" setup>import { inject } from 'vue'; // 获 ...
vue3样式中使用变量
需要vite创建项目,vue-cli不适用, 尤大链接仅供参考这里
123456789101112131415161718192021222324<template> <div class="text">hello</div></template><script> export default { data() { return { color: 'red', font: { size: '2em' } } }</script><style> .text { color: v-bind(color); /* expressions (wrap in quotes) */ font-size: v-bind('font.size'); ...
Python获取当前时间
12345import timenow_time = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime())print(now_time)
格式指令的完整列表%y 两位数的年份表示（00-99）
%Y 四位数的年份表示（000-9999）
%m 月份（01-12）
%d 月内中的一天（0-31）
%H 24小时制小时数（0-23）
%I 12小时制小时数（01-12）
%M 分钟数（00=59）
%S 秒（00-59）
%a 本地简化星期名称
%A 本地完整星期名称
%b 本地简化的月份名称
%B 本地完整的月份名称
%c 本地相应的日期表示和时间表示
%j 年内的一天（001-366）
%p 本地A.M.或P.M.的等价符
%U 一年中的星期数（00-53）星期天为星期的开始
%w 星期（0-6），星期天为星期的开始
%W 一年中的星期数（00-53）星期一为星期的开始
%x 本地相应的日期表示
%X 本地相应的时间表示
%Z 当前时区的名称
%% %号本身
更多指令点击这里
JS常用操作速记
都是一些常见操作,整理一下方便查阅
for循环跳出此次/后续循环12345678910111213for(var i = 1; i < 5; i++) { if(i == 3) { break; } console.log(i);// 1 // 2}for(var i = 1; i < 5; i++) { if(i == 3) { continue; } console.log(i);// 1 // 2 // 4}
打印表单formdata中的键值1234567for (var value of formData.values()) { console.log(value);}//orfor (var [a, b] of formData.entries()) { console.log(a, b);}
异步加载js脚本1234567891011const loadSc ...