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

web APIs——第一天（上）

news 2026/2/7 14:37:10

变量声明的时候建议 const优先，尽量使用const

原因：

const语义化更好
很多变量我们声明的时候就知道他不会被更改了，那为什么不用const呢？
实际开发中也是，比如react框架，基本const
如果你有纠结的时候，建议：
- 有了变量先给const，如果发现它后面是要被修改的，再改为let
const声明的值不能更改，而且const声明变量的时候需要里面进行初始化
但是对于引用数据类型，const声明的变量，里面存的不是值，不是值，是地址
数组和对象使用const来声明

以下的可不可以把let改为const

因为const并不表示定义的值是不可变的，它表示的是变量本身不可被重新赋值。当你用const定义一个数组或对象时，该数组或对象本身仍然是可变的，你可以对其进行修改或添加新的属性。地址没有改变。就比如拿你自己来说，你昨天穿了三件衣服，今天穿了两件，但是你还是你地址。

1、Web API基本认知

1.1 作用和分类

作用：就是使用JS去操作html和浏览器

分类：DOM（文档对象模型）、BOM（浏览器对象模型）

1.2 什么是DOM

DOM（Document Object Model——文档对象模型）是用来呈现以及与任意HTML或XML文档交互的API

白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能

DOM作用：

开发网页内容特性和实现用户交互

1.3 DOM树

将HTML文档以树状结构直观的表现出来，称为文档树或DOM树

描述网页内容关系的名词

作用：文档树直观的体现了标签与标签之间的关系

1.4 DOM对象

DOM对象：浏览器根据html标签生成的JS对象（DOM对象）

所有的标签属性都可以在这个对象上面找到
修改这个对象的属性会自动映射到标签身上

DOM的核心思想

把网页内容当做对象来处理

document对象

是DOM里提供的一个对象
所以它提供的属性和方法都是用来访问和操作网页内容的
例：document.write()
网页所有内容都在document里面

2、获取DOM对象

2.1 根据CSS选择器来获取DOM元素（重点）

查找元素DOM元素就是利用JS选择页面中标签元素

2.1.1 选择匹配的第一个元素

语法：document.querySelector('css选择器')

参数：包含一个或多个有效的CSS选择器字符串

返回值：

CSS选择器匹配的第一个元素，一个HTMLElement对象。

如果没有匹配到，则返回null。

获取一个DOM元素可以直接操作修改。

<!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>.box {width: 100px;height: 200px;}</style>
</head>
<body><div class="box">123</div><div class="box">abc</div><p id="nav">导航栏</p><ul><li>测试1</li><li>测试2</li><li>测试3</li></ul><script>// 1.获取匹配的第一个元素// const box = document.querySelector('div')const box = document.querySelector('.box')console.log(box) // 都是显示123，不会显示abc，因为只选第一个// 获取pconst nav = document.querySelector('#nav')console.log('nav'); // nav//nav.style.color = 'red' // 可以修改// 获取第一个小ulliconst li = document.querySelector('ul li:first-child')console.log(li);</script>
</body>
</html>

2.1.2 选择匹配的多个元素

语法：document.querySelectorAll('css选择器')

参数：包含一个或多个有效的CSS选择器字符串

返回值：CSS选择器匹配的NodeList 对象集合

获取多个DOM元素不可以修改，只能通过遍历的方式一次给里面的元素做修改

// 根据2.1.1的选择所有的小li
document.querySelectorAll('ul li')

使用 document.querySelectorAll('css选择器')

得到的是一个伪数组：

有长度有索引的数组
但是没有pop()、push()等数组方法

想要等到里面的每个对象，则需要遍历（for)的方式获得。

2.1.3 练习

请控制台依次输出3个li的DOM对象

<!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><ul class="nav"><li>我的首页</li><li>产品介绍</li><li>联系方式</li></ul><script>// 1.获取元素const lis = document.querySelectorAll('.nav li')// console.log(lis);for(let i = 0; i < lis.length; i++){console.log(lis[i]); // 每一个小li对象}</script>
</body>
</html>

注意：哪怕只有一个元素，通过querySelectAll()获取过来的也是一个伪数组，里面只有一个元素而已

2.2 其他获取DOM元素方法（了解）

    <script>// 其他获取DOM元素方法（了解）// 根据id获取一个元素document.getElementById('nav')// 根据标签获取一类元素 获取页面 所有divdocument.getElementsByTagName('div')// 根据 类名获取元素 获取页面 所有类名为 w的document.getElementsByClassName('w')</script>

3、操作元素内容

DOM对象都是根据标签生成的，所以操作标签，本质上就是操作DOM对象。

就是操作对象使用的点语法。

如果想要修改标签元素的里面的内容，则可以使用如下几种方式：

对象.innerText属性
对象.innerHTML属性

3.1 对象.innerText属性

将文本内容添加/更新到任意标签位置
显示纯文本，不解析标签

<body><div class="box">我是文字的内容</div><script>// const obj = {//     name:'red'// }// console.log(obj.name);// // 修改内容// obj.name = 'blue'// 1. 获取元素const box = document.querySelector('.box')// 2. 修改文字内容   对象.innerText 属性console.log(box.innerText) // 获取文字内容// box.innerText = '我是一个盒子'  // 修改文字内容box.innerText = '<strong>我是一个盒子</strong>'  // 不解析标签</script>
</body>

3.2 对象.innerHTML属性

将文本内容添加/更新到任意标签位置
会解析标签，多标签建议使用模板字符

<body><div class="box">我是文字的内容</div><script>// 1. 获取元素const box = document.querySelector('.box')// 2. innerHTML 解析标签console.log(box.innerHTML);// box.innerHTML = '我要更换'box.innerHTML = '<strong>我要更换</strong>'</script>

3.3 练习

年会抽奖案例

需求：从数组随机抽取一等奖、二等奖和三等奖，显示到对应的标签里面

素材：

html文件结构
数组名单'周杰伦','刘德华','周星驰','黎明','张学友'

分析：

声明数组：const personArr = ['周杰伦','刘德华','周星驰','黎明','张学友']
一等奖：随机生成一个数字（0-数组长度），找到对应数组的名字
通过innerText或者innerHTML将名字写入span元素内部
二等奖依次类推

<!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>.wrapper {width: 840px;height: 420px;background: url(./images/bg01.jpg) no-repeat center / cover;padding: 100px 250px;box-sizing: border-box;}</style>
</head>
<body><div class="wrapper"><strong>年会抽奖</strong><h1>一等奖：<span id="one">???</span></h1><h3>一等奖：<span id="two">???</span></h3><h5>一等奖：<span id="three">???</span></h5></div><script>// 1.声明数组const personArr = ['周杰伦','刘德华','周星驰','黎明','张学友']// 2. 先做一等奖// 2.1 随机数 数组的下标const random = Math.floor(Math.random()*personArr.length)// console.log(personArr[random]);// 2.2 获取one 元素const one = document.querySelector('#one')// 2.3 把名字给oneone.innerHTML = personArr[random]// 2.4 删除数组这个名字personArr.splice(random,1)// console.log(personArr);// 3. 二等奖// 3.1 随机数 数组的下标const random2 = Math.floor(Math.random()*personArr.length)// console.log(personArr[random2]);// 3.2 获取two元素const two = document.querySelector('#two')// 3.3 把名字给onetwo.innerHTML = personArr[random2]// 3.4 删除数组这个名字personArr.splice(random2,1)// console.log(personArr);// 4. 三等奖// 4.1 随机数 数组的下标const random3 = Math.floor(Math.random()*personArr.length)// console.log(personArr[random3]);// 4.2 获取three元素const three = document.querySelector('#three')// 4.3 把名字给onethree.innerHTML = personArr[random3]// 4.4 删除数组这个名字personArr.splice(random3,1)// console.log(personArr);</script>
</body>
</html>

4、操作元素属性

复习：splice()方法用于添加或删除数组中的元素

注意：这种方法会改变原始数组。

4.1 操作元素常用属性

可以通过JS设置/修改标签元素属性，比如通过src更换图片

最常见的属性比如：href、title、src等

语法：对象.属性 = 值

    <img src = "./images/1.webp" alt = " "><script> // 1. 获取元素const pic = document.querySelector('img')// 2. 操作元素pic.src = './images/bo2.jpg'pic.title = '你好啊'</script>

4.1.1 练习

页面刷新，图片随机更换

需求：当我们刷新页面，页面中的图片随机显示不同的图片

分析：

①：随机显示，则需要用到随机函数

②：更换图片需要用到的图片src属性，进行修改

③：核心思路：

获取图片元素
随机得到图片序号
图片.src=图片随机路径

<body><img src="./images/1.webp" alt=""><script>// 取得N—M的随机整数function getRandom(N,M){return Math.floor(Math.random()*(M - N +1)) + N }// 1. 获取图片对象const img = document.querySelector('img')// 2. 随机得到序号const random = getRandom(1,6)// 3. 更换路径img.src = `./images/${random}.webp`</script>
</body>

4.2 操作元素样式属性

通过JS设置/修改标签元素的样式属性

比如通过轮播图小圆点自动更换颜色样式
点击按钮可以滚动图片，这是移动的图片的位置left等等

4.2.1 通过style属性操作CSS

语法：对象.style.样式属性 = 值

<!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>.box {width: 300px;height: 500px;background-color: pink;}</style>
</head>
<body><div class="box"></div><script>// 1. 获取元素const box = document.querySelector('.box')// 2. 修改样式属性  对象.style.样式属性 = '值'  要跟单位box.style.width = '300px'// 多组单词的采取 小驼峰命名法box.style.backgroundColor = 'hotpink'box.style.border = '2px solid blue'box.style.borderTop = '2px solid red'</script>
</body>
</html>

注意：

修改样式通过style属性引出
如果属性有-连接符，需要转换为小驼峰命名法
赋值的时候，需要的时候不要忘记加CSS单位

练习：页面刷新，页面随机更换背景图片

需求：当我们刷新页面，页面中的背景图片随机显示不同的图片

分析：

①：随机函数

②：css页面背景图片background-image

③：标签选择body，因为body是唯一的标签，可以直接写document.body.style

<!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>body {background: url(./images/desktop_1.jpg) no-repeat top center /cover;}</style>
</head>
<body><script>// console.log(document.body);// 获取N-M的随机整数function getRandom(N,M){return Math.floor(Math.random()*(M - N + 1)) + N }  // 随机数const random = getRandom(1,10)document.body.style.backgroundImage = `url(./images/desktop_${random}.jpg)`</script>
</body>
</html>

4.2.2 操作类名(className)操作css

如果修改的样式比较多，直接通过style属性修改比较繁琐，可以通过借助于css类名的形式。

语法：
// active 是一个css类名
元素.className = 'active'
注意：

由于class是关键字，所以使用className去代替
className是使用新值换旧值，如果需要添加一个类，需要保留之前的类名

<!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>div {width: 200px;height: 200px;background-color: red;}.nav {background-color: blue;}.box {width: 300px;height: 300px;background-color: skyblue;margin: 100px auto;padding: 10px;border:1px solid black;}</style>
</head>
<body><div class="nav">123</div><script>// 1.获取元素const div = document.querySelector('div')// 2.添加类名 class是这个关键字 我们用classNamediv.className = 'nav box'</script>
</body>
</html>

4.2.3 通过classList操作类控制css

解决className容易覆盖以前的类名，可以通过classList方式追加和删除类名

语法：
// 追加一个类
元素.classList.add('类名')
// 删除一个类
元素.classList.remove('类名')
// 切换一个类
元素.classList.toggle('类名')

<!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>.box {width: 200px;height: 200px;color: royalblue;}.active {color: red;background-color: pink;}</style>
</head>
<body><div class="box">文字</div><script>// 通过classList添加// 1. 获取元素const box = document.querySelector('.box')// 2. 修改样式  // 2.1 追加类 add() 类名不加点，并且是字符串// box.classList.add('active')// 2.2 删除类 remove() 类名不加点，并且是字符串// box.classList.remove('box') // 2.3 切换类 toggle()  有还是没有，有就删掉，没有就加上box.classList.toggle('active')</script>
</body>
</html>

使用className和classList的区别？

修改大量样式的更方便
修改不多样式的时候方便
classList是追加和删除不影响以前类名

4.3 操作表单元素属性

表单有很多情况，也需要修改属性，比如点击眼睛，可以看到密码，本质是把表单类型转换为文本框正常的有属性有取值的跟其他的标签属性没有任何区别

获取：DOM对象.属性名

设置：DOM对象.属性名=新值

<!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><input type="text" value="请输入"><button disabled>按钮</button><input type="checkbox" name="" id="" class="agree"><script>// 1. 获取元素let input = document.querySelector('input')// 2. 取值或者设置值  得到input里面的值可以用 value// console.log(input.value)input.value = '小米手机'input.type = 'password'// 2. 启用按钮let btn = document.querySelector('button')// disabled 不可用   =  false  这样可以让按钮启用btn.disabled = false// 3. 勾选复选框let checkbox = document.querySelector('.agree')checkbox.checked = false</script>
</body></html>

4.4 自定义属性

标准属性：标签自带的属性比如class id title等，可以直接使用点语法操作比如：disabled、checked、selected

自定义属性：

在html5中推出了专门的data-自定义属性
在标签上一律以data-开头
在DOM对象上一律以dataset对象方式获取

<!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><div data-id="1"> 自定义属性 </div><script>// 1. 获取元素let div = document.querySelector('div')// 2. 获取自定义属性值console.log(div.dataset.id)</script>
</body></html>

web APIs——第一天（上）

变量声明的时候建议 const优先，尽量使用const 原因： const语义化更好很多变量我们声明的时候就知道他不会被更改了，那为什么不用const呢？实际开发中也是，比如react框架，基本const如果你有纠结的时候&…...

编程日记 2023/10/20 10:40:36

【Leetcode】215. 数组中的第K个最大元素

一、题目 1、题目描述给定整数数组 nums 和整数 k，请返回数组中第 k 个最大的元素。请注意，你需要找的是数组排序后的第 k 个最大的元素，而不是第 k 个不同的元素。你必须设计并实现时间复杂度为 O(n) 的算法解决此问题。示例1：输入: [3,2,1,5,6,4], k = 2 输出…...

编程日记 2023/10/20 10:39:35

服务器数据恢复-RAID5常见故障的数据恢复方案

raid5阵列常见故障： 1、服务器硬件故障或者RAID阵列卡故障； 2、服务器意外断电导致的磁盘阵列故障； 3、服务器RAID阵列阵列磁盘出现物理故障，如：电路板坏、磁头损坏、盘面划伤、坏扇区、固件坏等； 4、误操作…...

编程日记 2023/10/20 10:38:33

12个VIM编辑器的高级玩法

vim 是一个很好用的编辑器，应用十分广泛。但关于 vim，总有一些你不知道的事情，我们需要持续不断的学习。我经常使用 vim，也经常在各大社区、论坛看到 vim 专家用户分享经验，今天我们就总结其中常用的一部分&#xff…...

编程日记 2023/10/20 10:37:32

⽜客论坛的笔记

项目描述: 一个基本功能完整的论坛项目。项目主要功能有: 基于邮件激活的注册方式，基于MD5加密与加盐的密码存储方式，登录功能加入了随机验证码的验证，实现登陆状态检查、为游客与已登录用户展示不同界面与功能。支持用户上传头像&#xff0c…...

编程日记 2023/10/20 10:36:31

JS逆向分析某枝网的HMAC加密、wasm模块加密

这是我2022年学做JS逆向成功的例子，URL：（脱敏处理）aHR0cHM6Ly93d3cuZ2R0di5jbi9hdWRpb0NoYW5uZWxEZXRhaWwvOTE 逆向分析： 1、每次XHR的GET请求携带的headers包括： {"X-ITOUCHTV-Ca-Timestamp":…...

编程日记 2023/10/20 10:35:30

论坛介绍｜COSCon'23开源商业（V）

众多开源爱好者翘首期盼的开源盛会：第八届中国开源年会（COSCon23）将于 10月28-29日在四川成都市高新区菁蓉汇举办。本次大会的主题是：“开源：川流不息、山海相映”！各位新老朋友们，欢迎到成都&a…...

编程日记 2023/10/20 10:34:29

在word、ppt、excel编辑软件标题栏顶部左上角加入自定义功能：另存为、导出PDF

...

编程日记 2023/10/20 10:33:28

Flink学习笔记（三）：Flink四种执行图

文章目录 1、Graph 的概念2、Graph 的演变过程2.1、StreamGraph (数据流图)2.2、JobGraph (作业图)2.3、ExecutionGraph (执行图)2.4、Physical Graph (物理图) 1、Graph 的概念 Flink 中的执行图可以分成四层：StreamGraph -> JobGraph -> ExecutionGraph -&g…...

编程日记 2023/10/20 10:32:27

堆-----数据结构

引言什么是堆？堆是一种特殊的数据结构（用数组表示的树）。为什么要使用到堆？比如一场比赛，如果使用擂台赛的方式来决出冠军（实力第一），就很难知道实力第二的队伍是什么了。但是…...

编程日记 2023/10/20 10:31:26

震撼登场 | 拓世科技集团新品亮相成为2023世界VR产业大会全场焦点

在当今世界，新一轮科技革命和产业变革蓬勃发展，虚拟现实作为这一浪潮中的代表性技术，伴随着5G商用及元宇宙概念的迅速兴起，已经成为推动数字经济发展和产业转型升级的关键技术，深刻地改变着人类的生产和生活方式。 10…...

编程日记 2023/10/20 10:30:24

后端接口的查询方式

在与前端对接过程中一直都会遇到一个问题，就是我们后端接口提供好了，自测也通过了，前端却说接口不通，当我们去排查时却发现大都不是接口不通，很多情况是前端使用的姿势不对，比如接口明明写的参数是放到ULR路…...

编程日记 2023/10/20 10:29:23

Maven首次安装配置

所有版本下载地址 http://archive.apache.org/dist/maven/ 配置环境变量变量名： MAVEN_HOME 值： D:\apache-maven-3.9.5 Path：%MAVEN_HOME%\bin 是否安装成功 mvn -v 出现版本号就安装成功配置本地仓库也就是从服务器上下载的JAR包地址&a…...

编程日记 2023/10/20 10:28:22

使用html2canvas将html转pdf，由于table表的水平和竖直有滚动条导致显示不全（或者有空白）

结果： 业务：将页面右侧的table打印成想要的格式的pdf，首先遇到的问题是table表上下左右都有滚轮而html2canvas相当于屏幕截图，那滚动区域如何显示出来是个问题？ gif有点模糊，但是大致功能可以看出可复制…...

编程日记 2023/10/20 10:27:21

EDID详解

文章目录字节含义一些概念YCC位文章目录字节含义一些概念YCC位字节含义 EDID通常由128个字节组成，这些字节提供了关于显示器的各种详细信息。以下是EDID中每个字节位表示的一般含义： Header（头部）: 字节0: Header&#xff…...

编程日记 2023/10/20 10:26:20

浅谈云原生

目录 1. 云原生是什么？ 2. 云原生四要素 2.1 微服务 2.2 容器化 2.3 DevOps 2.4 持续交付 3. 具体的云原生技术有哪些？ 3.1 容器 (Containers) 3.2 微服务 (Microservices) 3.3 服务网格 (Service Meshes) 3.4 不可变基础设施 (Immutable Inf…...

编程日记 2023/10/20 10:25:19

【K8S】Kubernetes

mesos apache基金会，后来是推特公司 mesos分布式资源管理框架2019淘汰 marathon 容器编排框架用来调度、编排运行的常驻服务 mesos marathon 容器管理 k8s容器或云平台两种趋势（工资好） 1.K8s是什么 K8s全称为 Kubernetes&#xff…...

编程日记 2023/10/20 10:22:17

面试题 01.01. 判定字符是否唯一

题目来源： leetcode题目，网址：面试题 01.01. 判定字符是否唯一 - 力扣（LeetCode） 解题思路： 遍历计数即可。解题代码： class Solution { public:bool isUnique(string astr) {if(astr.l…...

编程日记 2023/10/20 10:21:16

C++(Qt)软件调试---linux使用dmesg定位程序崩溃位置（14）

C(Qt)软件调试—linux使用dmesg定位程序崩溃位置（14） 文章目录 C(Qt)软件调试---linux使用dmesg定位程序崩溃位置（14）1、前言2、ELF文件3、常用工具4、使用dmesg定位异常位置1.1 异常发生在可执行程序中1.2 异常发生在动态库中 1、…...

编程日记 2023/10/20 10:18:13

目录 Java中的API实现序列化和反序列化演示案例WebGoat_Javaweb靶场反序列化测试2020-网鼎杯-朱雀组-Web-think java真题复现文章参考： https://www.cnblogs.com/zhengna/p/15737517.html https://blog.csdn.net/MCTSOG/article/details/123819548 ysoserial生成攻…...

编程日记 2023/10/20 10:17:12

利用ngx_stream_return_module构建简易 TCP/UDP 响应网关

一、模块概述 ngx_stream_return_module 提供了一个极简的指令： return <value>;在收到客户端连接后，立即将 <value> 写回并关闭连接。<value> 支持内嵌文本和内置变量（如 $time_iso8601、$remote_addr 等）&a…...

编程新知 2025/9/21 0:49:02

基于Uniapp开发HarmonyOS 5.0旅游应用技术实践

一、技术选型背景 1.跨平台优势 Uniapp采用Vue.js框架，支持"一次开发，多端部署"，可同步生成HarmonyOS、iOS、Android等多平台应用。 2.鸿蒙特性融合 HarmonyOS 5.0的分布式能力与原子化服务，为旅游应用带来&#xf…...

编程新知 2026/2/5 20:33:43

跨链模式：多链互操作架构与性能扩展方案

跨链模式：多链互操作架构与性能扩展方案 ——构建下一代区块链互联网的技术基石一、跨链架构的核心范式演进 1. 分层协议栈：模块化解耦设计现代跨链系统采用分层协议栈实现灵活扩展（H2Cross架构）： 适配层&#xf…...

编程新知 2026/2/5 14:15:13

Mac软件卸载指南，简单易懂！

刚和Adobe分手，它却总在Library里给你写"回忆录"？卸载的Final Cut Pro像电子幽灵般阴魂不散？总是会有残留文件，别慌！这份Mac软件卸载指南，将用最硬核的方式教你"数字分手术"&#xff0…...

编程新知 2026/2/7 0:48:56

优选算法第十二讲：队列 + 宽搜优先级队列

优选算法第十二讲：队列宽搜 && 优先级队列 1.N叉树的层序遍历2.二叉树的锯齿型层序遍历3.二叉树最大宽度4.在每个树行中找最大值5.优先级队列 -- 最后一块石头的重量6.数据流中的第K大元素7.前K个高频单词8.数据流的中位数 1.N叉树的层序遍历 2.二叉树的锯…...

编程新知 2026/1/20 17:18:59

用机器学习破解新能源领域的“弃风”难题

音乐发烧友深有体会，玩音乐的本质就是玩电网。火电声音偏暖，水电偏冷，风电偏空旷。至于太阳能发的电，则略显朦胧和单薄。不知你是否有感觉，近两年家里的音响声音越来越冷，听起来越来越单薄？ —…...

编程新知 2026/2/1 22:51:12

在Ubuntu24上采用Wine打开SourceInsight

1. 安装wine sudo apt install wine 2. 安装32位库支持，SourceInsight是32位程序 sudo dpkg --add-architecture i386 sudo apt update sudo apt install wine32:i386 3. 验证安装 wine --version 4. 安装必要的字体和库（解决显示问题） sudo apt install fonts-wqy…...

编程新知 2025/10/14 0:47:25

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

[免费]微信小程序问卷调查系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】

大家好，我是java1234_小锋老师，看到一个不错的微信小程序问卷调查系统(SpringBoot后端Vue管理端)【论文源码SQL脚本】，分享下哈。项目视频演示【免费】微信小程序问卷调查系统(SpringBoot后端Vue管理端) Java毕业设计_哔哩哔哩_bilibili 项…...

编程新知 2026/1/29 5:39:49

手机平板能效生态设计指令EU 2023/1670标准解读

手机平板能效生态设计指令EU 2023/1670标准解读以下是针对欧盟《手机和平板电脑生态设计法规》(EU) 2023/1670 的核心解读，综合法规核心要求、最新修正及企业合规要点： 一、法规背景与目标生效与强制时间发布于2023年8月31日（OJ公报&…...

编程新知 2026/2/2 11:58:16