【前端】vscode快捷键和实用Api整理
vscode的快捷键
创建a.html 生成模板
!+回车
<!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>Document</title>
</head>
<body></body>
</html>
创建div加类名
div.lucky+回车
生成
<div class="lucky"></div>
图片随机生成
网站
开发静态页面没有数据的时候可以用它来占位
只需在我们的 URL 后添加您想要的图像尺寸（宽度和高度），您就会获得随机图像。
https://picsum.photos/200/300
要获得正方形图像，只需添加尺寸即可。
https://picsum.photos/200
生成5张图片，200*300的，再300后面加个]回车即可
<div class="lucky">img*5[src=https://picsum.photos/200/300</div>
由于浏览器缓存，则会5张图片会长一样，只需要300后面加个
?$]
回车即可
切记，最好一个]要手输才有提示,代码右键使用插件Live Server打开浏览器查看效果
宝可梦图片接口
<template><div><button @click="getData">获取数据</button><div v-if="responseData"><h2>{{ responseData.name }}</h2><div>height: {{ responseData.height }}</div><div>weight: {{ responseData.weight }}</div><img :src="responseData.sprites['other']['official-artwork']['front_default']" alt="pokemon pic" /><img :src="responseData.sprites['other']['official-artwork']['front_shiny']" alt="pokemon pic" /><img :src="responseData.sprites['other']['dream_world']['front_default']" alt="pokemon pic" /><img :src="responseData.sprites['other']['home']['front_default']" alt="pokemon pic" /></div></div>
</template><script>
import axios from 'axios'export default {data() {return {responseData: null,}},methods: {async getData() {try {// 发送GET请求 1可以改https://www.pokemon.cn/play/pokedex/查看宝可梦在图鉴里的编号const response = await axios.get('https://pokeapi.co/api/v2/pokemon/150/')// 处理响应数据this.responseData = response.dataconsole.log('🚀 ~ getData ~ this.responseData:', this.responseData)} catch (error) {console.error('请求失败', error)}},},
}
</script><style lang="scss" scoped></style>效果
相关文章：
【前端】vscode快捷键和实用Api整理
vscode的快捷键 创建a.html 生成模板 !回车 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" …...
抖音商家活动信息未在商详展示会有哪些处罚？
一、什么是「违规玩法-活动信息未在商详展示」? 什么是「违规玩法-活动信息未在商详展示」?由于当前平台未提供官方营销工具(例如免单、返现等)，但是创作者在进行商品推广(不仅限口播、画面、标题文案等)宣传该类营销玩法，未在商品商详页展示说明&…...
智慧公厕方案_智慧公厕解决方案_智慧公厕整体解决方案
一、什么是智慧公厕？ 在现代城市化进程中，公共厕所是不可或缺的基础设施之一。然而，传统的公厕管理模式已经无法满足市民对高效、便捷厕所服务的需求。为了实现公共厕所的信息化管理，智慧公厕整体解决方案应运而生。智慧公厕具体…...
【Python】成功解决IndexError: list index out of range
【Python】成功解决IndexError: list index out of range 🌈 个人主页：高斯小哥 🔥 高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程👈 希望得到您的订…...
=E(X)E(Y))
对于两个独立随机变量X，Y, E(XY)=E(X)E(Y)
两个独立随机变量X，Y的期望分别是E(X), E(Y), 其乘积XY的期望是多少？ 我们可以利用期望的性质来求得XY的期望。由于X、Y是独立随机变量，因此它们的协方差为0，即： cov(X, Y) E(XY) - E(X)E(Y) 0 因此， …...
以题为例 浅谈前缀和算法
前缀求和算法是什么 前缀和算法就是以空间去换取时间，可用于快速求数组的区间和，它可以用于一维数组和二维数组，但我现在只接触了一维数组并没有接触二维数组，所以在这里先介绍一维数组前缀和相关的知识 前缀和典型代码 for(int…...
【Python】进阶学习：OpenCV--一文详解cv2.namedWindow()
【Python】进阶学习：OpenCV–一文详解cv2.namedWindow() 🌈 个人主页：高斯小哥 🔥 高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程👈 希望…...
【嵌入式】字体极限瘦身术：Fontmin在嵌入式UI中的魔法应用（附3500常用汉字）
🧑 作者简介：阿里巴巴嵌入式技术专家，深耕嵌入式人工智能领域，具备多年的嵌入式硬件产品研发管理经验。 📒 博客介绍：分享嵌入式开发领域的相关知识、经验、思考和感悟。提供嵌入式方向的学习指导、简历面…...
蓝桥杯递推与递归法|斐波那契数列|数字三角形|42点问题|数的计算|数的划分(C++)
递归是用来做dfs，是搜索算法的基础 递推是用来做dp部分，及部分其他算法，复杂度较低，不会出现爆栈问题递推法： 递推法是一种在数学和其他领域广泛应用的重要方法，它在计算机科学中被用作一种关键的数值求解…...
遗留系统现代化：理解、策略与案例
文章目录 一、什么是遗留系统二、遗留系统的特点三、改造遗留系统的方法四、案例4.1 重构4.2 替换4.3 封装4.4 服务化 五、总结 一、什么是遗留系统 遗留系统（Legacy System）是指在组织中已经存在一段时间，通常是几年或更长时间的信息系统。…...
2024.3.9 C++启航 梦开始的地方
一.基本格式: #include<iostream>using namespace std;int main() {return 0; } 二.注释 1.当行注释: 同C语言//描述信息 2.多行注释: /*描述信息*/ 三.输入输出 既可以使用scanf和printf 也可以使用标准输入流对象cin和标准输出流对象cout,且cin cout更安全和方…...
Ubuntu平铺左、右、上、下、1/2、1/4窗口（脚本）
前言 之前因为一直在用Ubuntu 18或者Ubuntu 20然后发现装了GNOME插件后，电脑在使用过程中，会时不时的卡死（鼠标没问题，键盘输入会有10-20秒的延迟）频率基本是一小时一次，因为这种卡顿会很容易打断思路&…...
深度学习+感知机
深度学习感知机 1感知机总结 2多层感知机1XOR2激活函数3多类分类总结 3代码实现 1感知机 是个很简单的模型,是个二分类的问题。 感知机（perceptron）是Frank Rosenblatt在1957年提出的一种人工神经网络，被视为一种最简单形式的前馈神经网络&…...
爬虫练习：获取某招聘网站Python岗位信息
一、相关网站 二、相关代码 import requests from lxml import etree import csv with open(拉钩Python岗位数据.csv, w, newline, encodingutf-8) as csvfile:fieldnames [公司, 规模,岗位,地区,薪资,经验要求]writer csv.DictWriter(csvfile, fieldnamesfieldnames)writer…...
Java对接腾讯云直播示例
首先是官网的文档地址 云直播 新手指南 可以发现它这个主要是按流量和功能收费的 价格总览 流量这里还只收下行的费用，就是只收观看消耗的流量费 其它的收费就是一些增值业务费 （包括直播转码、直播录制、直播截图、直播审核、智能鉴黄、实时监播、移动直…...
free pascal 调用 C#程序读 Freeplane.mm文件，生成测试用例.csv文件
C# 请参阅：C# 用 System.Xml 读 Freeplane.mm文件，生成测试用例.csv文件 Freeplane 是一款基于 Java 的开源软件，继承 Freemind 的思维导图工具软件，它扩展了知识管理功能，在 Freemind 上增加了一些额外的功能&#x…...
在Blender中清理由Instant-NGP等几何学习技术生成的网格
使用布尔运算: 创建一个大的立方体或其他简单几何体包裹住全部网格。使用布尔修改器对两个网格进行“差集”运算。这将移除超出包裹体之外的多余网格部分。 手动选择并删除: 进入编辑模式（按Tab键）。按A键取消选择所有顶点。按B键并拖动以选择您想要删除…...
【重要公告】BSV区块链上线TypeScript SDK，未来将支持更多开发语言
发表时间：2024年2月21日 BSV区块链协会宣布上线JavaScript和TypeScript SDK（即“标准开发工具包”）。TypeScript SDK旨在为开发者提供新版统一核心代码库，以便利开发者在BSV区块链上开发能够任意扩容的应用程序。新上线的SDK替…...
【工具使用-VScode】VScode如何设置空格和tab键显示
一，简介 在提交代码的时候，行末尾的tab和空格不符合规范，但是如果在vscode中不显示tab和空格的话，不能及时的查看到并改正，导致提交代码之后还需要再次进行修改，效率比较低。 代码编辑界面如图所示&#…...
【原理图PCB专题】Cadence 17.4版本原理图及PCB Mudule复用
在我们设计复杂板卡的时候，往往会遇到一部分电路被反复使用的情况。虽然使用复制黏贴我们很快的做出相同的设计，但由于不同工程师能力水平不同，有时可能存在部分电路被漏掉导致重大异常。尤其对于大规模复杂设计，如果设计者浪费时间制作相同模块上，这无疑是对于工程师精力…...
微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】
微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来，Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...
盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来
一、破局：PCB行业的时代之问 在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...
连锁超市冷库节能解决方案：如何实现超市降本增效
在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...
JVM 内存结构 详解
内存结构 运行时数据区： Java虚拟机在运行Java程序过程中管理的内存区域。 程序计数器： 线程私有，程序控制流的指示器，分支、循环、跳转、异常处理、线程恢复等基础功能都依赖这个计数器完成。 每个线程都有一个程序计数…...
基于IDIG-GAN的小样本电机轴承故障诊断
目录 🔍 核心问题 一、IDIG-GAN模型原理 1. 整体架构 2. 核心创新点 (1) 梯度归一化（Gradient Normalization） (2) 判别器梯度间隙正则化（Discriminator Gradient Gap Regularization） (3) 自注意力机制（Self-Attention） 3. 完整损失函数 二…...
力扣热题100 k个一组反转链表题解
题目: 代码: func reverseKGroup(head *ListNode, k int) *ListNode {cur : headfor i : 0; i < k; i {if cur nil {return head}cur cur.Next}newHead : reverse(head, cur)head.Next reverseKGroup(cur, k)return newHead }func reverse(start, end *ListNode) *ListN…...
手机平板能效生态设计指令EU 2023/1670标准解读
手机平板能效生态设计指令EU 2023/1670标准解读 以下是针对欧盟《手机和平板电脑生态设计法规》(EU) 2023/1670 的核心解读，综合法规核心要求、最新修正及企业合规要点： 一、法规背景与目标 生效与强制时间 发布于2023年8月31日（OJ公报&…...
Vue3 PC端 UI组件库我更推荐Naive UI
一、Vue3生态现状与UI库选择的重要性 随着Vue3的稳定发布和Composition API的广泛采用，前端开发者面临着UI组件库的重新选择。一个好的UI库不仅能提升开发效率，还能确保项目的长期可维护性。本文将对比三大主流Vue3 UI库（Naive UI、Element …...
qt+vs Generated File下的moc_和ui_文件丢失导致 error LNK2001
qt 5.9.7 vs2013 qt add-in 2.3.2 起因是添加一个新的控件类，直接把源文件拖进VS的项目里，然后VS卡住十秒，然后编译就报一堆 error LNK2001 一看项目的Generated Files下的moc_和ui_文件丢失了一部分，导致编译的时候找不到了。因…...
大数据驱动企业决策智能化的路径与实践
📝个人主页🌹：慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 一、引言：数据驱动的企业竞争力重构 在这个瞬息万变的商业时代，“快者胜”的竞争逻辑愈发明显。企业如何在复杂环…...