当前位置： 首页 > news >正文

js:基础

news 来源：原创 2025/7/18 6:34:51

js是什么

JavaScript是一种运行在客户端的编程语言，实现人机交互的效果

js只要有个浏览器就能跑

js可以做网页特效、表单验证、数据交互、服务端编程

服务端编程是前端人拿他们特有的后端语言node.js来干后端干的事情

js怎么组成

JavaScript=ECMAScript(语言基础，规定语法规范；还有一种叫JCRIPT是微软的脚本语言)+Web ApIs

Web APIs=DOM（页面文档对象模型）+ BOM（浏览器对象模型）

DOM：操作文档，比如对页面元素进行移动、大小、添加删除等操作

BOM：操作浏览器，比如页面弹窗，检测窗口宽度、储存数据到浏览器等等

js写在哪里

css分为行内样式表、内部样式表、外部样式表

js像css一样分为行内js、内部js、外部js

内部

直接写在html文件里，用script标签包住

规范：写在哪里都行但是最好script标签写在</body>上面

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body>
<script>alert('你好，js~')</script>
</body></html>

像函数一样，先声明才能使用

外部

通过script在body里的调用

.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script src="truejs/my.js">//中间不能写js代码，会被忽略</script>
</body></html>

.js

alert('你好，js~我是外部的js文件')

语法

js的分号像go一样可写可不写，建议不写

js的代码执行规范是按照html文档流的顺序执行的，alert()和prompt()它们会跳过页面渲染先被执行

输出

向body输出内容，如果里面包含html标签，也会被解析为网页元素

document.write('我是div标签')
document.write('<h1>我是标题h1</h1>')</script>

还有我们刚刚写的alert也可以输出，做页面弹出警告对话框

console.log('我是控制台')

f12调试，点击console查看控制台，控制台是给程序调试人员使用的

输入

prompt('请输入你的名字')

字面量：在计算机科学里，字面量（literal）是在计算机中描述事/物的量，就是被写在代码中的固定的值

包括数字字面量、字符串字面量、数组字面量、对象字面量等等

变量

变量：储存数据的容器

变量的创建（声明、定义）

let 变量名（声明关键字 变量名（标识））
let age
age = 18
alert(age)

let num = 20
let uname='张三'
console.log(num,uname);

更新变量

let age = 18
age=19

var会重复声明，但是let不会

而且var会先使用再声明，声明过的变量可以重复声明，没有变量提升、全局变量、块级作用域

交换变量

let a = 10
let b = 20
let temp = a
a = b
b = temp
console.log(a,b);

不用的变量会自动销毁

变量名规则

不能有关键字、数字不能开头、符号只能包含下划线和$、js区分大小写

规范

遵守小驼峰：第一个单词首字母小写，后面每个单词首字母大写

数组

let arr=[]//let 变量 数组字面量

使用数组名+索引号索引

let arr=[11,22,33,44]
document.write(arr)
document.write(arr[2])

打印数组的长度

document.write(arr.length)

常量

常量：永远不改变的量

const G=9.8

常量只能初次声明的时候赋值，后面不能再次赋值，必须初始化

数据类型

js是动态类型的语言，不需要强制类型转换（弱数据类型，有隐式转换）

基本数据类型

number数字型、string字符串、boolean布尔型、undefined未定义型、null空

用单引号、双引号、反引号包裹的是string（字符串），单双引号在js里没有区别，推荐使用单引号

单引号里可以套双引号、反引号，相同符号不能随便嵌套；也可以用转移字符“\”解决嵌套问题

引用数据类型

object对象

算术运算符

+-*/%学过不说了

+除了四则运算，还可以进行字符串的拼接

let age=19
document.write('我今年'+age)

模板字符串，简化拼接字符串的步骤

let age=19
document.write(`我今年${age}岁了`)

可以实现一样的效果，外面用``来包含，里面用${}包含变量

Boolean和C语言的bool一样，true和flase是Boolean的自变量

未定义是比较特殊的类型，只有一个值underfined

let age
document.write(age)

遇到这种变量没赋值的情况变量默认值为undefined

工作中会有等待数据传过来的变量，这时候就可以判断变量是不是undefined来看数据是不是传过来了

null空类型，打印出来就是什么都没有，代表无，空，值未知

let obj=null
console.log(obj);

null和undefined的区别是：null是定义了值为空，undefined是未定义

null在开发中，通常被视作一个尚未创建的对象（就像C语言里面的指针被置为null一样）

检测数据类型

因为是弱数据类型，所以需要检测你的数据是什么类型

可以使用函数和运算符

typeof x//常用的写法，运算符
typeof(x)//函数形式
let num=10
console.log(typeof num)

number类型

prompt输入的类型默认是字符串类型，这时候如果对它进行+运算会进行字符串的拼接：

这时候要把数据进行类型转换

类型转换

隐式转换

某些运算符在被执行的时候，系统内部会自动将数据类型转换，称之为隐形转换

规则：

+号两边只要有一个是字符串，都会把另外一个转换为字符串

-*/都会自动把两边的数据转化为数字类型

除非+作为正号，如果是正好则将数据转换为数字类型

let num=+prompt('你输入的数据将是number类型')
document.write(typeof num)

这样输入的数据就必为number类型了

parseInt(数据)//只保留整数
parseFloat(数据)//可以保留小数

缺点是转换类型不明确，不好记

显示转换

转换为数字类型

let str='123'
Number(str)

要转换的类型首字母要大写

let str = '123'
console.log(typeof Number(str))

类型为number

前面说的在’123‘这样类型的字符串前面加正号也可以转为数字类型

除此之外还有

parseInt(数据)//只保留整数
parseFloat(数据)//可以保留小数

这两个会自动提取数据里的整数和小数部分，但是数字要在前面，如果数据为‘abc123px’就提取不出来数字了

练习一下：

let num1 = +prompt('请输入第一个数字')
let num2 = +prompt('请输入第二个数字')
let sum=num1+num2
alert(`答案是${sum}`)

练习将js和样式的效果

.js

let price = +prompt('输入商品价格：')
let num = +prompt('输入商品数量：')
let address = prompt('输入收货地址：')let sum = price * numdocument.write(`<table><tr><th>商品名称</th><th>商品价格</th><th>商品数量</th><th>总计</th><th>收货地址</th><tr><td>小米爪机</td><td>${price}</td><td>${num}</td><td>${sum}</td><td>${address}</td></tr></tr></table>`)

.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>h2 {text-align: center;}table {border-collapse: collapse;height: 80px;margin: 0 auto;text-align: center;}th {padding: 5px 30px;}table,th,td {border: 1px solid #000;}</style>
</head><body><h2>订单确认</h2><script src="truejs/my.js"></script>
</body></html>

根据你输入的内容不同改变价格、数量、总合计和收货地址

相关文章：

js:基础

js是什么 JavaScript是一种运行在客户端的编程语言&#xff0c;实现人机交互的效果 js只要有个浏览器就能跑 js可以做网页特效、表单验证、数据交互、服务端编程 服务端编程是前端人拿他们特有的后端语言node.js来干后端干的事情 js怎么组成 JavaScriptECMAScript(语言基…...

编程日记 2025/7/18 6:34:51

easyui combobox 只能选择第一个问题解决

easyui combobox 只能选择第一个问题解决 问题现象 在拆分开票的时候&#xff0c;弹出框上面有一个下拉框用于选择需要新增的明细行&#xff0c;但是每次只能选择到第一个 选择第二条数据的时候默认选择到第一个了 代码如下 /*新增发票编辑窗口*/function addTicketDialog…...

编程日记 2025/7/17 10:17:18

【RISC-V CPU 专栏 -- 香山处理器介绍】

文章目录 RISC-V 香山处理器介绍雁栖湖处理器南湖处理器RISC-V 香山处理器介绍 相信很多小伙伴对于“香山”都不陌生，它是一款开源RISC-V处理器核，香山的每一代架构，都是采用了湖的名字，第一代架构被命名为雁栖湖，第二代架构则叫做 “南湖”。 “雁栖湖”这款处理器的 R…...

编程日记 2025/7/15 0:07:29

深入理解下oracle 11g block组成

深层次说&#xff0c;oracle数据库的最少组成单位应该是块&#xff0c;一般默认情况下&#xff0c;oracle数据库的块大小是8kb&#xff0c;其中存储着我们平常所需的数据。我们在使用过程中&#xff0c;难免会疑问道&#xff1a;“oracle数据块中到底是怎样组成的&#xff0c;平…...

编程日记 2025/6/30 22:27:35

“华为杯”研究生数学建模比赛历年赛题汇总(2004-2024)

文章目录 赛题链接历年赛题2004年赛题2005年赛题2006年赛题2007年赛题2008年赛题2009年赛题2010年赛题2011年赛题2012年赛题2013年赛题2014年赛题2015年赛题2016年赛题2017年赛题2018年赛题2019年赛题2020年赛题2020年赛题2021年赛题2022年赛题2023年赛题2024年赛题 赛题链接 部…...

编程日记 2025/7/15 4:43:43

LLM PPT Translator

LLM PPT Translator 引言Github 地址UI PreviewTranslated Result Samples 引言 周末开发了1个PowerPoint文档翻译工具&#xff0c;上传PowerPoint文档&#xff0c;指定想翻译的目标语言&#xff0c;通过LLM的能力将文档翻译成目标语言的文档。 Github 地址 https://github.…...

编程日记 2025/7/18 6:33:17

【深度学习之一】2024最新pytorch+cuda+cudnn下载安装搭建开发环境

兵马未动&#xff0c;粮草先行。作为深度学习的初学者&#xff0c;快速搭建一个属于自己的开发环境就是头等大事&#xff0c;可以让我们节省许多的时间。这一期我们主要讲一讲2024年最新pytorchcudacudnn下载安装搭建开发环境&#xff0c;以及安装过程中可能遇到的一些问题以及…...

编程日记 2025/7/17 21:42:24

摄像机视频分析软件下载LiteAIServer视频智能分析平台玩手机打电话检测算法技术的实现

随着科技的不断进步&#xff0c;摄像机视频分析软件的发展已经为我们的生活带来了许多便捷。其中&#xff0c;LiteAIServer视频智能分析平台的玩手机打电话检测算法技术尤为突出&#xff0c;它利用先进的图像处理和人工智能技术&#xff0c;能够自动识别并监控视频中的玩手机或…...

编程日记 2025/7/17 15:26:23

HTML5和CSS3新增特性

HTML5的新特性 HTML5新增的语义化标签 HTML5 的新增特性主要是针对于以前的不足&#xff0c;增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题&#xff0c;基本是 IE9 以上版本的浏览器才支持&#xff0c;如果不考虑兼容性问题&#xff0c;可以大量…...

编程日记 2025/7/11 6:35:44

删除word中页眉里的横线

使用快捷键‌简单粗暴&#xff1a; 双击页眉&#xff0c;将光标定位在页眉的横线上&#xff0c;按下CtrlShiftN快捷键&#xff0c;页眉横线即可删除。...

编程日记 2025/7/7 21:11:48

列表代码思路

目录 列表添加修改删除(单删,批删) 页面>Controller>service>Dao 一.列表的jsp页面 : 一. 想要用户已经来就看到的数据使用文档就绪函数 ①文档就绪函数 : 二. 封装ajax方法 二 : 在body中间 一 : 多条件查询的文本框 二. 写列表 三.在body的下面写脚本 1.给搜…...

编程日记 2025/7/14 14:55:31

40分钟学 Go 语言高并发：Context包与并发控制

Context包与并发控制 学习目标 知识点掌握程度应用场景context原理深入理解实现机制并发控制和请求链路追踪超时控制掌握超时设置和处理API请求超时、任务限时控制取消信号传播理解取消机制和传播链优雅退出、资源释放context最佳实践掌握使用规范和技巧工程实践中的常见场景…...

编程日记 2025/7/16 21:03:16

el-row el-col显示失效问题修复

el-row el-col显示失效 问题&#xff1a; 在列表显示页面&#xff0c;头部有几个搜索框和选择框&#xff0c;由于搜索条件框太多&#xff0c;写了el-row 和el-col进行分行分列展示。测试发现并没有按照行列展示。 <el-form :inline"true" :model"paramForm…...

编程日记 2025/7/15 0:01:06

libphone desktop编译

linphone-desktop 在ubuntu20.04 下编译 linphone 介绍 Linphone是一款遵循GPL的开源网络视频电话系统&#xff0c;支持多种平台如Windows、Linux、Android等。它基于SIP协议&#xff0c;提供语音、视频通话及即时文本消息功能。核心功能包括SIP用户代理、音频视频Codec支持、…...

编程日记 2025/7/14 23:32:13

实现一个可配置的TCP设备模拟器，支持交互和解析配置

前言 诸位在做IOT开发的时候是否有遇到一个问题&#xff0c;那就是模拟一个设备来联调测试&#xff0c;虽然说现在的物联网通信主要是用mqtt通信&#xff0c;但还是有很多设备使用TCP这种协议交互&#xff0c;例如充电桩&#xff0c;还有一些工业设备&#xff0c;TCP这类报文交…...

编程日记 2025/7/15 10:22:51

Rust环境安装乱码解决

安装rust环境open with visual studio2022操作系统乱码问题解决 打开“设置”&#xff0c;找到“时间和语言”。 进去之后依次选择“语言”->"管理语言设置"->“更改系统区域设置” 取消勾选“Beta版:使用Unicode UTF-8 提供全球语言支持”&#xff0c;然后重…...

编程日记 2025/7/10 16:56:26

Zookeeper实现分布式锁、Zookeeper实现配置中心

一、Zookeeper实现分布式锁 分布式锁主要用于在分布式环境中保证数据的一致性。 包括跨进程、跨机器、跨网络导致共享资源不一致的问题。 1.Zookeeper分布式锁的代码实现 新建一个maven项目ZK-Demo,然后在pom.xml里面引入相关的依赖 <dependency><groupId>com.…...

编程日记 2025/7/16 20:43:31

学习日记_20241126_聚类方法（自组织映射Self-Organizing Maps, SOM）

前言 提醒&#xff1a; 文章内容为方便作者自己后日复习与查阅而进行的书写与发布&#xff0c;其中引用内容都会使用链接表明出处&#xff08;如有侵权问题&#xff0c;请及时联系&#xff09;。 其中内容多为一次书写&#xff0c;缺少检查与订正&#xff0c;如有问题或其他拓展…...

编程日记 2025/7/13 10:36:46

【webrtc】 mediasoup中m77的IntervalBudget及其在AlrDetector的应用

IntervalBudget 用于带宽控制和流量整形 mediasoup中m77 代码的IntervalBudget ，版本比较老IntervalBudget 在特定时间间隔内的比特预算管理，从而实现带宽控制和流量整形。 一。 pacedsender 执行周期： 下一次执行的时间的动态可变的 int64_t PacedSender::TimeUntilNextPr…...

编程日记 2025/7/17 15:16:27

Python学习指南 + 谷歌浏览器如何安装插件

找往期文章包括但不限于本期文章中不懂的知识点&#xff1a; 个人主页&#xff1a;我要学编程(ಥ_ಥ)-CSDN博客 所属专栏&#xff1a; Python 目录 前言 Python 官方文档的使用 谷歌浏览器中如何安装插件 前言 在学习Python时&#xff0c;我们可能会出现这样的困惑&#x…...

编程日记 2025/7/14 16:41:22

leetcode - LRU缓存

什么是 LRU LRU (最近最少使用算法), 最早是在操作系统中接触到的, 它是一种内存数据淘汰策略, 常用于缓存系统的淘汰策略. LRU算法基于局部性原理, 即最近被访问的数据在未来被访问的概率更高, 因此应该保留最近被访问的数据. 最近最少使用的解释 LRU (最近最少使用算法), 中…...

编程日记 2025/7/15 1:36:03

RabbitMQ7：消息转换器

欢迎来到“雪碧聊技术”CSDN博客&#xff01; 在这里&#xff0c;您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者&#xff0c;还是具有一定经验的开发者&#xff0c;相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导&#xff0c;我将…...

编程日记 2025/7/13 22:54:48

C#(14）七大原则

前言 其实在面向对象设计里&#xff0c;程序猿们互相约定好一些原则&#xff0c;即七大原则。 面向对象的七大原则是一组指导软件设计的原则&#xff0c;旨在帮助开发人员实现松耦合、可维护和可扩展的软件系统。这些原则的设计过程和发展历史可以追溯到20世纪80年代。 单一职…...

编程日记 2025/7/18 6:32:13

JDBC使用连接池druid操作数据库mysql

// 创建DruidDataSource实例DruidDataSource dataSource = new DruidDataSource();String url = "jdbc:mysql://localhost:3306/demo_base?useUnicode=true&characterEncoding=utf8&useSSL=true";String username...

编程日记 2025/7/1 1:39:15

零碎04 MybatisPlus自定义模版生成代码

目录 背景 动手开干 需要的依赖包&#xff0c;需要注意mybatis-plus-generator的3.5版本是没有兼容历史版本的。 定义一个CodeGenerator类&#xff0c;负责生成代码和配置属性 Entity模版 背景 MybatisPlus代码生成使用默认的velocity模版解决不了定制化的需求&#xff0…...

编程日记 2025/7/14 12:35:35

rk3568-linux-5.10.160移植rtl8822cs wifi 模块纪要

rk3568-linux-5.10.160移植rtl8822cs wifi 模块纪要 1、将驱动添加到 kernel/drivers/net/wireless/rockchip_wlan/ 或者 kernel/drivers/net/wireless/realtek/rtlwifi/ 2、修改该目录下的makefile、kconfig 3、修改rtl8822cs/os_dep/linux/os_intfs.c&#xff0c;添加 MO…...

编程日记 2025/7/13 23:08:36

uniapp接入高德地图

下面代码兼容安卓APP和H5 高德地图官网&#xff1a;我的应用 | 高德控制台 &#xff0c;绑定服务选择《Web端(JS API)》 /utils/map.js 需要设置你自己的key和安全密钥 export function myAMap() {return new Promise(function(resolve, reject) {if (typeof window.onLoadM…...

编程日记 2025/7/14 1:26:50

如何通过高效的缓存策略无缝加速湖仓查询

引言 本文将探讨如何利用开源项目 StarRocks 的缓存策略来加速湖仓查询&#xff0c;为企业提供更快速、更灵活的数据分析能力。作为 StarRocks 社区的主要贡献者和商业化公司&#xff0c;镜舟科技深度参与 StarRocks 项目开发&#xff0c;也为企业着手构建湖仓架构提供更多参考…...

编程日记 2025/7/17 4:55:08

微信小程序数据请求教程：GET与POST请求详解

微信小程序数据请求教程：GET与POST请求详解 引言 在微信小程序的开发过程中，数据请求是至关重要的一部分。通过与后端服务器进行通信，小程序能够获取动态数据，实现丰富的功能。在这篇文章中，我们将深入探讨微信小程序中的数据请求，重点介绍GET和POST请求的使用方法、示…...

编程日记 2025/7/10 0:47:54

【Redis 】Bitmap 使用

Redis Bitmap介绍 Redis Bitmap 是一种特殊的数据类型&#xff0c;它通过字符串类型键来存储一系列连续的二进制位&#xff08;bits&#xff09;&#xff0c;每个位可以独立地表示一个布尔值&#xff08;0 或 1&#xff09;。这种数据结构非常适合用于存储和操作大量二值状态的…...

编程日记 2025/7/17 19:28:42

【C语言】指针与数组的例题详解：深入分析与高级用法

博客主页&#xff1a; [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C语言 文章目录 &#x1f4af;前言&#x1f4af;题目一详细分析与解答代码逐步解析 &#x1f4af;进一步优化和拓展1. 指针与数组的关系2. 指针运算的注意事项3. 常见的错误和陷阱4. 拓展&#xff1a;指针操作的应用场…...

编程日记 2025/7/15 23:43:39

CTF之密码学（密码特征分析）

一.MD5,sha1,HMAC,NTLM 1.MD5：MD5一般由32/16位的数字(0-9)和字母(a-f)组成的字符串 2.sha1：这种加密的密文特征跟MD5差不多，只不过位数是40（sha256：64位；sha512:128位） 3.HMAC：这种算法就是在前两种加密的基础上引入了秘钥，而秘钥又只有传输双方才知道，所以基本上…...

编程日记 2025/7/13 21:49:22

docker compose 使用记录

作用 Docker Compose 是一个用于定义和运行多容器 Docker 应用程序的工具。通过一个 YAML 文件来配置应用程序的服务&#xff0c;然后使用一个命令即可创建并启动所有服务。 文档位置 Part 7: Use Docker Compose | Docker Docs 使用方法 1. 安装 Docker Compose sudo curl -…...

编程日记 2025/7/14 20:07:13

Python的3D可视化库 - vedo (3)visual子模块 点对象的可视化控制

文章目录 3 PointsVisual的方法3.1 对象属性3.1.1 顶点大小3.1.2 复制属性3.1.3 颜色设置3.1.4透明度设置 3.2 对象光效3.2.1 点的形状3.2.2 点的表面光效 3.3 尾随线和投影3.3.1 尾随线3.3.2 投影 3.4 给对象附加文字说明3.4.1 标注3.4.2 2D标注3.4.3 气泡说明3.4.4 旗标说明3…...

编程日记 2025/7/16 1:38:03

计算机网络易混淆知识点串记

文章目录 计算机网络易混淆知识点串记各层PDU首部:地址长度 计算机网络易混淆知识点串记 各层PDU首部: PUD首部长度 (B:字节)首部单位数据链路–帧帧首:14B帧尾部:4B——IPV420~60字节4B [通过4位二进制表示]IPV6固定首部40字节[可拓展]4BTCP20~60字节4BUDP8B字节 地址长度 …...

编程日记 2025/7/13 6:04:50

信息安全实验--密码学实验工具：CrypTool

1. CrypTool介绍&#x1f4ad; CrypTool 1的开源教育工具&#xff0c;用于密码学研究。通过CrypTool 1&#xff0c;可以实现加密和解密操作&#xff0c;数字签名。CrypTool1和2有很多区别的。 2. CrpyTool下载&#x1f527; 在做信息安全实验--密码学相关实验时&#xff0c;发…...

编程日记 2025/7/14 10:19:23

Leetcode 将有序数组转换为二叉搜索树

算法思想及代码解析&#xff1a; 这段代码的目的是将一个有序数组转换为 高度平衡的二叉搜索树&#xff08;Balanced Binary Search Tree, BST&#xff09;。以下是算法的详细解释&#xff1a; 1. 什么是高度平衡的二叉搜索树&#xff1f; 二叉搜索树&#xff1a;对于树中的每…...

编程日记 2025/7/13 1:31:47

VMware虚拟机安装Win7专业版详细教程（附镜像包）

目录 一、Win7镜像下载 二、配置虚拟机 三、安装Win7 四、常见问题 一、Win7镜像下载 镜像下载链接&#xff1a;https://pan.quark.cn/s/a8d3a2880101 此镜像为Win7专业版&#xff08;收藏级镜像 已自用几年&#xff09; 官方纯净系统没有附带任何其他第三方软件&#xf…...

编程日记 2025/7/16 17:30:58

IDEA算法的详细介绍及Python实现

目录 IDEA算法的详细介绍及Python实现引言第一部分：IDEA算法的原理与背景1.1 IDEA算法的来源与特点1.2 IDEA算法的核心步骤第二部分：IDEA算法的Python实现（面向对象设计）2.1 核心类设计2.2 代码实现2.3 使用示例第三部分：案例1 - 函数优化问题（策略模式）3.1 问题描述3.2…...

编程日记 2025/7/12 22:44:21

Spring Boot 开发环境搭建详解

下面安装spring boot的详细步骤&#xff0c;涵盖了从安装 JDK 和 Maven 到创建和运行一个 Spring Boot 项目的全过程。 文章目录 1. 安装 JDK步骤 1.1&#xff1a;下载 JDK步骤 1.2&#xff1a;安装 JDK步骤 1.3&#xff1a;配置环境变量 2. 安装 Maven步骤 2.1&#xff1a;下载…...

编程日记 2025/7/14 11:12:34

Element-Ui组件（icon组件）

一、前言 本篇文章主要是对官网的Icon组件进行总结归纳Icon 图标 | Element Plus 在现代Web应用开发中&#xff0c;图标是用户界面设计中不可或缺的一部分。它们不仅提升了用户体验&#xff0c;还使得信息的传达更加直观和高效。本文主要对Element Plus 官方提供的Icon组件进行…...

编程日记 2025/7/18 1:01:12

使用docker搭建hysteria2服务端

源链接&#xff1a;https://github.com/apernet/hysteria/discussions/1248 官网地址&#xff1a;https://v2.hysteria.network/zh/docs/getting-started/Installation/ 首选需要安装docker和docker compose 切换到合适的目录 cd /home创建文件夹 mkdir hysteria创建docke…...

编程日记 2025/7/15 10:30:21

Docker login 报证书存储错误的解决办法

文章目录 docker login 出现错误&#xff0c;提示&#xff1a;Error saving credentials: error storing credentials - err: exit status 1, out: Cannot autolaunch D-Bus without X11 $DISPLAY 环境 使用的是 Mint Linux &#xff0c;容器为 docker-ce 最新版 1 2 3 4 $…...

编程日记 2025/7/9 8:24:22

vxe-modal VxeUI 窗口组件弹窗多窗口模式

VxeUI 实现在 vue 中使用弹窗组件&#xff0c;弹窗多个窗口可叠加&#xff0c;实现多实例的窗口组件。 npm install vxe-pc-ui4.3.6// ...import VxeUI from vxe-pc-uiimport vxe-pc-ui/lib/style.css// ...createApp(App).use(VxeUI).mount(#app)// ...官网&#xff1a;https…...

编程日记 2025/7/15 8:40:03

华为昇腾 acl_pytorch

目录 sam部署教程&#xff1a; segment-anyghing地址&#xff1a; sam onnx地址&#xff1a; 报错&#xff1a; encode继续报错&#xff1a; sam部署教程&#xff1a; Ascend/ModelZoo-PyTorch - Gitee.com segment-anyghing地址&#xff1a; https://github.com/visher…...

编程日记 2025/7/9 14:26:05

Mybatis控制台打印SQL执行信息(执行方法、执行SQL、执行时间)

文章目录 前言一、基本功能介绍1.1本章功能效果预览图: 二、可执行源码2.1 yaml基础配置2.2 MybatisAnalyzeSQLInterceptor实现SQL拦截 前言 SQL性能监控是一个程序必要的功能&#xff0c;通常我们可以使用数据库自带的客户端工具进行SQL性能分析。然而对于一些专业度不高的人…...

编程日记 2025/7/14 19:07:01

Easyui 实现订单拆分开票功能

Easyui 实现订单拆分开票功能 需求 1、实现一个订单开具多分发票功能&#xff1b; 2、支持拆行&#xff1b; 3、支持拆数量&#xff1b; 流程设计 1、操作页面展示订订单头信息&#xff0c;订单明细信息 2、点击新增发票按钮弹出一个弹出框用于创建一张拆分发票&#xff0c;弹…...

编程日记 2025/7/14 5:10:23

docker-elasticsearch-kibana-logstash

一、安装 Elasticsearch 尝试直接拉取 Elasticsearch 镜像&#xff1a; 执行 docker pull docker.elastic.co/elasticsearch/elasticsearch&#xff0c;拉取失败&#xff0c;错误提示为 “Error response from daemon: manifest for docker.elastic.co/elasticsearch/elasticse…...

编程日记 2025/7/13 12:07:19

深入理解注意力机制（Attention Mechanism）

在深度学习中&#xff0c;“注意力机制&#xff08;Attention Mechanism&#xff09;”是近年来的一个重要突破。它最初被提出用于处理自然语言处理&#xff08;NLP&#xff09;任务&#xff0c;但如今已经广泛应用于计算机视觉、强化学习和其他领域。注意力机制赋予模型一种“…...

编程日记 2025/7/17 17:01:19

大数据-231 离线数仓 - DWS 层、ADS 层的创建 Hive 执行脚本

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; Java篇开始了&#xff01; 目前开始更新 MyBatis&#xff0c;一起深入浅出&#xff01; 目前已经更新到了&#xff1a; Hadoop&#xff0…...

编程日记 2025/7/12 23:31:10