javascript技巧 方法 图片
JavaScript 中的事件循环
事件循环是 JavaScript 运行时环境的核心组件。它负责调度和执行异步任务。事件循环通过持续监视两个队列来工作：调用堆栈和事件队列。 调用堆栈是一种堆栈（LIFO）数据结构，存储当前正在执行的函数（存储代码执行期间创建的执行上下文）。 Web API是异步操作（setTimeout、获取请求、 ......
常用魔法方法和元类
常用魔法方法和元类 1.常用魔法方法 __init__ ：初始化类时触发 __del__ ：删除类时触发 __new__ ：构造类时触发 __str__ ：str函数或者print函数触发 __repr__ ：repr或者交互式解释器触发 __doc__ ：打印类内的注释内容 __enter__ ： ......
java使用 template模板ftl 含有图片的生成数据
点击查看代码 /** * Base64编码. */ public static String base64Encode(byte[] input) { BASE64Encoder encoder = new BASE64Encoder(); return encoder.encode(input); ......
Typora结合Layer放大查看图片
Typora结合Layer放大查看图片 下载最新Layui组件库 Layui官网 Layui2.9.3下载 拷贝文件 将layui目录拷贝到Typora的安装目录下。 安装目录的resources\app文件夹下，新建了extend文件夹，用来存放扩展插件的。 修改window.html文件 位置： ......
java上传图片or头像
走upload方法进行文件的保存，第一个参数为上传文件的类型，头像or照片 第一步检查是否可以上传，是否是jpg，png等类型 第二步根据日期，文件名，uuid等生成文件名称。 第三步将文件保存到服务器 最后return的是一个文件的相对地址，根据subDir和fileName+文件名返回的相对路径 ......
少见但非常好用的js写法技巧。
1. 使用 flatMap 数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用这两个方法稍微高效一些。 const arr = [1, 2, [4, 5], 6, 7, [8 ......
HTML DOM对象-方法和属性
HTML DOM 对象 - 方法和属性 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素） getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 返回节点列表。节点列表是一个节点 ......
gradio代码案例+效果图片
直接上代码： import gradio as gr import numpy as np import torch from PIL import Image from ram.models import ram_plus from ram import inference_ram as infe ......
用方法来求素数！
1 package excel; 2 import java.util.Scanner; 3 public class code12 { 4 public static void main (String []args){ 5 Scanner sc = new Scanner(System.in ) ......
大话 JavaScript（Speaking JavaScript）：第三十一章到第三十三章
第三十一章：模块系统和包管理器 原文：31. Module Systems and Package Managers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 没有内置模块支持，但社区已经创建了令人印象深刻的解决方法。要管理模块，可以使用所谓的包管理器，它们处理发现、安 ......
大话 JavaScript（Speaking JavaScript）：第二十六章到第三十章
第四部分：提示，工具和库 原文：IV. Tips, Tools, and Libraries 译者：飞龙 协议：CC BY-NC-SA 4.0 本部分提供了使用 JavaScript 的技巧（最佳实践，高级技术和学习资源），并描述了一些重要的工具和库。 第二十六章：元代码风格指南 原文：26. A ......
实践总结 3 种前端部署后页面检测版本的方法
领导：为什么每次项目部署后，有的用户要清缓存才能看到最新的页面 我：浏览器有默认的缓存策略，如果服务器在响应头中没有禁用缓存，那么浏览器每次请求页面会先看看缓存里面有没有，有的话从缓存取，造成还是取的旧页面。正常来说，用户只需要点击刷新按钮，刷新一下页面就好了，不必清除浏览器缓存刷新。 领导：为什么 ......
大话 JavaScript（Speaking JavaScript）：第十八章到第二十章
第二十一章：数学 原文：21. Math 译者：飞龙 协议：CC BY-NC-SA 4.0 Math对象用作多个数学函数的命名空间。本章提供了一个概述。 数学属性 Math的属性如下： Math.E 欧拉常数（e） Math.LN2 2 的自然对数 Math.LN10 10 的自然对数 Math.L ......
大话 JavaScript（Speaking JavaScript）：第十一章到第十五章
第十一章：数字 原文：11. Numbers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 对所有数字都使用单一类型：它将它们全部视为浮点数。但是，如果小数点后没有数字，则不显示小数点： > 5.000 5 在内部，大多数 JavaScript 引擎都会优化并区分浮点数和整 ......
大话 JavaScript（Speaking JavaScript）：第十六章到第二十章
第十六章：变量：作用域、环境和闭包 原文：16. Variables: Scopes, Environments, and Closures 译者：飞龙 协议：CC BY-NC-SA 4.0 本章首先解释了如何使用变量，然后详细介绍了它们的工作方式（环境、闭包等）。 声明变量 在 JavaScrip ......
大话 JavaScript（Speaking JavaScript）：第一章到第五章
第一部分：JavaScript 快速入门 原文：I. JavaScript Quick Start 译者：飞龙 协议：CC BY-NC-SA 4.0 这部分是 JavaScript 的一个独立快速介绍。你可以在不阅读本书中的其他内容的情况下理解它，本书的其他部分也不依赖于它的内容。然而，阅读本书的提 ......
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
https://blog.csdn.net/dear_little_bear/article/details/83999391 1. 当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误：“No ‘Access-Control-Allow-Origin’ header is prese ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
javascript tree 层级数据处理
层级数据是有父子关系的数组，如下： const treeData = [ { id: '1b7e8e98cb1d4a1f81e4fe2dfd9a8458', name: '层级1', parentId: null, children: [ { id: '0d45dd5bb4c14d64a3ab0b7 ......
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64 具体用到自己项目的时候，拿源码改成自己的库，从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......
streamlit使用技巧
实现上传PDF并显示 ## 上传并预览（1M以内才可预览） def upload_Pre(): file = st.file_uploader("选择待上传的PDF文件", type=['pdf']) if st.button("点击"): if file is not None: with tem ......
彻底改变你的代码：JavaScript linter—Oxlint
作为开发人员，总是在寻找能够简化工作流程并提高工作效率的工具。Oxlint 是一个用 Rust 编写的 JavaScript linter，现在提供了可以替代ESLint的新方案，其性能比ESLint提升了 50-100 倍。 在本文中，将学习如何将 Oxlint 集成到开发流程中，充分利用其速度和 ......
uniapp封装请求拦截和响应拦截的方法
uniapp封装请求拦截和响应拦截的方法：https://blog.csdn.net/luoxiaonuan_hi/article/details/129731171?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs ......
宝塔部署自动续签SSL证书跟 oauth get OpenIdConnect WellknownConfiguration 冲突解决方法
提示 .well-known/openid-configuration 404 错误, 原因是策略冲突了. 配置里面改一下, 一键申请SSL证书验证目录相关设置 节点改为如下 #一键申请SSL证书验证目录相关设置 location ~ \.well-known\acme-challenge{ all ......
WebSocket与JavaScript：实现实时地理位置定位系统的关键技术
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用JavaScript和WebSocket实现实时在线投票系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线人脸识别系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线电子签名系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线翻译系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......