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

网页制作08-html,css,javascript初认识のhtml使用框架结构,请先建立站点!

框架一般由框架集框架组成。

框架集就像一个大的容器,包括所有的框架,是框架的集合。

框架是框架集中一个独立的区域用于显示一个独立的网页文档。

框架集是文件html,它定义一组框架的布局和属性,包括框架的数目,框架的大小和位置,以及在每个框架中初始显示的页面的URL。

框架结构是将两个或两个以上的网页组合起来。

框架最常用的用途就是导航,一组框架,通常包括一个含有导航条的框架和另一个显示主要内容的框架。

由于一个框在里面,一般有几个网页,所以在这里我们建立一个站点来管理这些网站资源。

一、建立站点

二、建立框架网页如下:

 

三、效果预览

1、打开index.html未点击时:

 2、在index的left框架中点击链接后:

 四、实操代码:

1、index.html:建立框架

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
</head><frameset rows="15%,70%,15%" frameborder="yes" framespacing="10"  bordercolor="#F3AF13"><frame src="top.html" scrolling="no"></frame><frameset cols="20%,80%" border="3" bordercolor="#F3AF13"><frame src="left.html" noresize></frame><frame src="main.html" name="main" marginheight="10" marginwidth="20"></frame></frameset><frame src="bottom.html"></frame></frameset>
<noframes>此内容在浏览器不支持框架效果下所显示!</noframes>
</html>

 2、top.html:顶部框架内容

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>top</title>
</head><body><p>top...</p><h3 align="center">hello this is a headline</h3>
</body>
</html>

3、bottom.html:底部框架内容

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><body><p>bottom^</p><p align="right">以上内容部分摘自网络,本文章以演示为主。</p>
</body>
</html>

4、left.html:左侧框架内容

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><body><p>left</p><p><a href="01布偶.html" target="main">1.布偶猫</a></p><p><a href="02英短蓝猫.html" target="main">2.英短蓝猫</a></p><p>3.英短银渐层</p><p>4.美国短毛猫</p><p>5.暹罗猫</p><p>6.加菲猫</p><p>7.斯芬克斯猫</p><p>8.缅因猫</p></body>
</html>

5、main.html(框架主要内容初始显示,后期点击left.html中的链接会被覆盖)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><body><p>main</p><img src="猫咪封面.jpg" width="90%" align="center">
</body>
</html>

6、02英短蓝猫

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><body><h1><strong>2、英短蓝猫,其实就是英国短毛猫的彩色变种。</strong></h1><hr><img src="英短蓝猫.jpg" height="300" align="right">
<p><strong>品相特征:</strong>脑袋圆,发腮明显,毛发短,尾巴短,四肢短且粗壮,被毛颜色呈蓝灰色。</p>
<p><strong>体重范围:</strong>成年英短正常体重普遍在10斤上下。</p>
<p><strong>性格特点:</strong>性格温润,十分黏人,极爱撒娇。</p>
<p><strong>喂养建议:</strong>英短蓝猫属于本身极易发胖的猫,稍不注意就会被养成“蓝猪”,体重过胖后对蓝猫健康威胁非常大,因此,主人日常一定要控制好他的体重,不要被他的撒娇本事迷惑,动不动就给好吃的。</p>
<p><strong>参考价格:</strong>参考价格:1500~8000元。</p><hr><!--后面的内容是最后一章的内容浮动框架的演示-->
<p><a href="缅因猫.jpeg" target="if">浮动链接按钮</a></p>
<iframe src="01布偶.html" width="400" align="right" scrolling="yes" name="if"></iframe>
</body>
</html>

 五、部分框架标记属性

1、设置框架集的属性frameset

框架页面的结构是在框架集中设置的。

可以根据框架的分割方式,分为水平分割窗口,垂直分割窗口和嵌套分割窗口。

1)、水平分割窗口。

水平分割窗口是将页面沿水平方向切割,也就是将页面分成上下排列的多个窗口。

<frameset rows="15%,70%,15%" >
    <frame src="top.html"></frame>

 frameset rows这里是将页面分为三部分,其中的百分数是可以改变的,也可以用像素值设定

frame是引用网页内容

2)、垂直分割窗口。

<frameset cols="20%,80%" >
        <frame src="left.html"></frame>
        <frame src="main.html" name="main"></frame></frameset><frame src="bottom.html"></frame>

</frameset>

 frameset cols是把页面分成左右两个部分,其中的百分号可以换成像素值

这里的name命名要记一下,是用来方便后面超链接设定打开方式target引用的

3)、嵌套分割窗口。

嵌套分割:一个页面中既有水平分割的框架,又有垂直分割的框架。

如果是用百分号的话。按照本文的例子代码书写即可。

如果是用到像素值的话,未知的数值用*代替

<frameset rows="80,*" cols="*"

2、框架的边框frameborder

<framese frameborder="是否显示"

显示:yes或者1

隐藏:NO或者0

在frameset设置将会对整个框架集有效,在frame中设置,则只对当前框架有效。

3、框架的边框宽度framespacing

<framese framespacing="10"

默认情况下框架的边框宽度是1,边框宽度只能对框架及使用对单个框架无效。以像素为单位。

4、框架的边框颜色

<framese bordercolor="#F3AF13"

5、设置窗口属性frame

 Frame用来定义每一个单独的框架,页面,框架页面的属性设置都在frame标记进行。

1)页面源文件:src

<frame src="left.html"></frame>

2)页面名称name

页面名称是为了便于页面的查找和链接,所提供的一个属性。例如一个左右框架结构,左侧为链接,右侧为正文,当单击左侧链接以后要在右侧框架中打开正文,此时就需要用到 Free的name属性。

<frame name="页面名称"

3)禁止调整窗口的尺寸,noresize

没有属性值,添加属性后就不能拖动边框,反之无需指定此属性。

4)边框与页面内容的水平边距marginwidth

5)边框与页面内容的垂直边距marginheight

水平边距用于设置页面的左右边缘与框架、边框的距离。

垂直边距,用来设置页面的上下边缘与框架边缘的距离。

<frame marginheight="10" marginwidth="20">

6)控制框架滚动条显示scrolling

yes:一直显示滚动条。

no:无论什么情况都不显示滚动条。

auto:系统默认值。ta会根据具体内容来调整。

<frame scrolling="no">

7)不支持框架标记noframes 

如果遇到不支持框架结构的浏览器,或者用户关闭了浏览器的框架显示功能,此时就需要用noframes来设置替换的内容告知浏览者,其浏览器无法打开框架页面。

<noframes>此内容在浏览器不支持框架效果下所显示!</noframes>

6、浮动框架。Iframe

浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的此窗口,整个页面并不一定是框架页面,但要包含一个框架窗口。 Iframe框架可以完全由设计者定义宽度和高度,并且可以放置在一个网页的任何位置。

1)页面源文件:src

<iframe src="left.html"></iframe>

 此处在02英短蓝猫.html上浅加示例:

2)浮动框架的宽,高,对齐方式width,hight,align

<iframe src="01布偶.html" width="400" align="right"></iframe>

 

3)浮动框架滚动条显示属性scrolling

同一般框架,这里不展开

4)创建框架链接(详见上文)

index.html中:

 <frame src="main.html" name="main" marginheight="10" marginwidth="20"></frame>

 left.html中:

<a href="02英短蓝猫.html" target="main">2.英短蓝猫</a>

5)浮动框架的链接

方法同普通框架链接,把浮动框架当成main.html就行。

<p><a href="缅因猫.jpeg" target="if">浮动链接按钮</a></p>
<iframe src="01布偶.html" width="400" align="right" scrolling="yes" name="if"></iframe>

相关文章:

网页制作08-html,css,javascript初认识のhtml使用框架结构,请先建立站点!

框架一般由框架集和框架组成。 框架集就像一个大的容器&#xff0c;包括所有的框架&#xff0c;是框架的集合。 框架是框架集中一个独立的区域用于显示一个独立的网页文档。 框架集是文件html&#xff0c;它定义一组框架的布局和属性&#xff0c;包括框架的数目&#xff0c;框架…...

DeepSeek-R1:通过强化学习激励大语言模型的推理能力

摘要 本文介绍了我们的第一代推理模型&#xff0c;DeepSeek-R1-Zero 和 DeepSeek-R1。DeepSeek-R1-Zero 是通过大规 模强化学习&#xff08;RL&#xff09;训练的模型&#xff0c;在没有使用监督微调&#xff08;SFT&#xff09;这个前置步骤的情况下&#xff0c;展示了卓越的推…...

hbase笔记总结1

hbase是nosql的一种&#xff0c;非关系型数据库&#xff0c;not only sql&#xff0c;可处理大规模、高并发的数据&#xff0c;是web2.0以后的产物hbase的扩展性和灵活性更好&#xff0c;而且筛选能力相较于MySQL更优nosql的四大特点&#xff1a; 灵活的数据模型 &#xff08;1…...

关于C++中static_cast、const_cast、dynamic_cast的简单介绍

在C中&#xff0c;static_cast、const_cast 和 dynamic_cast 是用于类型转换的关键字&#xff0c;它们的行为和适用场景有显著区别。以下是它们的核心差异和用法总结&#xff1a; 1. static_cast 用途 用于明确且安全的类型转换&#xff0c;通常用于编译时已知类型关系的场景…...

计算机毕业设计 ——jspssm513Springboot 的小区物业管理系统

作者&#xff1a;程序媛9688 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。 &#x1f31f;文末获取源码数据库&#x1f31f; 感兴趣的可以先收藏起来&#xff0c;还有大家在毕设选题&#xff08;免费咨询指导选题&#xff09;&#xf…...

详解Tomcat下载安装以及IDEA配置Tomcat(2023最新)

目录 步骤一&#xff1a;首先确认自己是否已经安装JDK步骤二&#xff1a;下载安装Tomcat步骤三&#xff1a;Tomcat配置环境变量步骤四&#xff1a;验证Tomcat配置是否成功步骤五&#xff1a;为IDEA配置Tomcat 步骤一&#xff1a;首先确认自己是否已经安装JDK jdk各版本通用安…...

端口映射/内网穿透方式及问题解决:warning: remote port forwarding failed for listen port

文章目录 需求&#xff1a;A机器是内网机器&#xff0c;B机器是公网服务器&#xff0c;想要从公网&#xff0c;访问A机器的端口方式&#xff1a;端口映射&#xff0c;内网穿透&#xff0c;使用ssh打洞端口&#xff1a;遇到问题&#xff1a;命令执行成功&#xff0c;但是端口转发…...

2024年第十五届蓝桥杯大赛软件赛省赛Python大学A组真题解析

文章目录 试题A: 拼正方形(本题总分:5 分)解析答案试题B: 召唤数学精灵(本题总分:5 分)解析答案试题C: 数字诗意解析答案试题A: 拼正方形(本题总分:5 分) 【问题描述】 小蓝正在玩拼图游戏,他有7385137888721 个2 2 的方块和10470245 个1 1 的方块,他需要从中挑出一些…...

win11编译pytorch cuda128版本流程

Geforce 50xx系显卡最低支持cuda128&#xff0c;torch cu128 release版本目前还没有释放&#xff0c;所以自己基于2.6.0源码自己编译wheel包。 1. 前置条件 1. 使用visual studio installer 安装visual studio 2022&#xff0c;工作负荷选择【使用c的桌面开发】,安装完成后将…...

AI人工智能机器学习之降维和数据压缩

1、概要 本篇学习AI人工智能机器学习之降维和数据压缩&#xff0c;以主成分分析&#xff08;PCA, Principal Component Analysis&#xff09;为例&#xff0c;从代码层面讲述机器学习中的降维和数据压缩。 2、降维和数据压缩 - 简介 在机器学习和数据分析中&#xff0c;降维&…...

EasyExcel 使用指南:基础操作与常见问题

文章目录 1. EasyExcel 简介2. 基础操作2.1. 写入 Excel &#x1f525;2.2. 读取 Excel ✅2.3. 使用模板 &#x1f3a8; 3. 常见问题与解决方案3.1. 处理日期格式 &#x1f4c5;3.2. 数据写入失败&#xff1a;占位符无法匹配 ❌3.3. 内存溢出&#xff1a;大数据量处理 ⚡3.4. 空…...

本地搭建Koodo Reader书库结合内网穿透打造属于自己的移动图书馆

文章目录 前言1. Koodo Reader 功能特点1.1 开源免费1.2 支持众多格式1.3 多平台兼容1.4 多端数据备份同步1.5 多功能阅读体验1.6 界面简洁直观 2. Koodo Reader安装流程2.1 安装Git2.2 安装Node.js2.3 下载koodo reader 3. 安装Cpolar内网穿透3.1 配置公网地址3.2 配置固定公网…...

Mybatis是如何进行分页的?与Mybatis-plus的区别在哪里?

MyBatis 的分页方式及其与 MyBatis-Plus 的区别可以总结如下&#xff1a; MyBatis 的分页实现 逻辑分页&#xff08;内存分页&#xff09; 使用 RowBounds 对象&#xff0c;在查询时传入参数&#xff0c;MyBatis 会在结果集返回后&#xff0c;在内存中手动截取指定范围的数据。…...

MySQL 主从同步配置及操作步骤

主从同步是一种常见的数据复制技术&#xff0c;它通过将主库的数据同步到一个或多个从数据库中来保证数据的一致性。从库通过读取主库的 binlog 文件来获取更新并进行同步。 主从复制的方式有三种&#xff1a; 异步复制&#xff1a;不需要从库确认&#xff0c;主库提交数据后…...

【软考-架构】备战2025软考

新老教材对比 科目1&#xff08;信息系统综合&#xff09;考点详解 科目2&#xff08;系统架构设计案例&#xff09;考点详解 科目3&#xff08;系统架构设计论文&#xff09;考点详解 趋于越来越具体 学习方法推荐 第一阶段 – 基础知识阶段 建议一个半月&#xff1b; 先过…...

基于Spark的电商供应链系统的设计与实现

目录 1.研究背景与意义 2、国内外研究现状 3、相关理论与技术 &#xff08;一&#xff09;分布式计算系统Spark &#xff08;二&#xff09;数据仓库Hive &#xff08;三&#xff09;读取服务器本地磁盘的日志数据Flume &#xff08;四&#xff09;分布式消息队列Kafka …...

DaoCloud 亮相 2025 GDC丨开源赋能 AI 更多可能

2025 年 2 月 21 日至 23 日&#xff0c;上海徐汇西岸&#xff0c;2025 全球开发者先锋大会以 “模塑全球&#xff0c;无限可能” 的主题&#xff0c;围绕云计算、机器人、元宇宙等多元领域&#xff0c;探讨前沿技术创新、应用场景拓展和产业生态赋能&#xff0c;各类专业论坛、…...

基于coze+微信小程序实现图片上传并利用大模型解析

项目截图&#xff1a; 实现代码&#xff08;直接搬去可用&#xff09; 前提&#xff1a;需要填写你的oss配置coze的api授权配置&#xff01;&#xff01;&#xff01; <template><view class"container"><!-- 高斯模糊背景 --><view class&qu…...

CSS 对齐:深入理解与技巧实践

CSS 对齐:深入理解与技巧实践 引言 在网页设计中,元素的对齐是至关重要的。一个页面中元素的对齐方式直接影响到页面的美观度和用户体验。CSS 提供了丰富的对齐属性,使得开发者可以轻松实现各种对齐效果。本文将深入探讨 CSS 对齐的原理、方法和技巧,帮助开发者更好地掌握…...

Dify部署

Dify部署 安装docker 要在CentOS 7上部署Docker社区版&#xff0c;您可以按照以下步骤进行操作&#xff1a; 卸载旧版本的Docker&#xff08;如果有&#xff09;&#xff1a; yum remove docker docker-client docker-client-latest docker-common docker-latest docker-l…...

MyBatis-Plus 对比传统 MyBatis 的优势

在现代的 Java 开发中&#xff0c;MyBatis 和 MyBatis-Plus 都是流行的持久层框架。MyBatis 是一个轻量级的 ORM 框架&#xff0c;帮助开发者通过映射文件或注解方式来执行 SQL 操作。MyBatis-Plus 是在 MyBatis 基础上进行的增强&#xff0c;提供了许多简化和优化功能&#xf…...

被AWS反撸了,试一下能否申请退还

经过来回几轮沟通&#xff0c;已扣的42美金将退回31美金&#xff0c;未扣的16美金将免除扣款。 31美金的具体计算方法我不知道&#xff0c;对方的回复如下&#xff08;是了&#xff0c;AWS的客服是用中文回复的&#xff09;&#xff1a; 我理解此结果可能不完全符合您所期望的…...

基于Spring Boot的产业园区智慧公寓管理系统设计与实现(LW+源码+讲解)

专注于大学生项目实战开发,讲解,毕业答疑辅导&#xff0c;欢迎高校老师/同行前辈交流合作✌。 技术范围&#xff1a;SpringBoot、Vue、SSM、HLMT、小程序、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容&#xff1a;…...

MySQL 事务笔记

MySQL 事务笔记 目录 事务简介事务操作事务四大特性并发事务问题事务隔离级别总结 事务简介 事务&#xff08;Transaction&#xff09;是数据库操作的逻辑单元&#xff0c;由一组不可分割的SQL操作组成。主要用于保证&#xff1a; 多个操作的原子性&#xff08;要么全部成功…...

SpringBoot 使用 spring.profiles.active 来区分不同环境配置

很多时候&#xff0c;我们项目在开发环境和生产环境的配置是不一样的&#xff0c;例如&#xff0c;数据库配置&#xff0c;在开发的时候&#xff0c;我们一般用测试数据库&#xff0c;而在生产环境&#xff0c;我们要用生产数据库&#xff0c;这时候&#xff0c;我们可以利用 p…...

# C# 中堆(Heap)与栈(Stack)的区别

在 C# 中&#xff0c;堆和栈是两种不同的内存分配机制&#xff0c;它们在存储位置、生命周期、性能和用途上存在显著差异。理解堆和栈的区别对于优化代码性能和内存管理至关重要。 1. 栈&#xff08;Stack&#xff09; 1.1 定义 栈是一种后进先出&#xff08;LIFO&#xff0…...

IP---网络类型

这只是IP的其中一块内容-网络类型&#xff0c;IP还有更多内容可以查看IP专栏&#xff0c;前一章内容为访问服务器流程&#xff0c;可通过以下路径查看IP----访问服务器流程-CSDN博客&#xff0c;欢迎指正 2.网络类型 网络类型---根据二层&#xff08;数据链路层&#xff09;所…...

jQuery UI API 文档

jQuery UI API 文档 引言 jQuery UI 是一个基于 jQuery 的用户界面库,它提供了丰富的交互式组件和效果,使得网页开发变得更加简单和高效。本文档旨在为开发者提供全面的 jQuery UI API 信息,帮助您更好地理解和应用 jQuery UI。 jQuery UI 简介 什么是 jQuery UI? jQu…...

rust 前端npm依赖工具rsup升级日志

rsup是使用 rust 编写的一个前端 npm 依赖包管理工具&#xff0c;可以获取到项目中依赖包的最新版本信息&#xff0c;并通过 web 服务的形式提供查看、升级操作等一一系列操作。 在前一篇文章中&#xff0c;记录初始的功能设计&#xff0c;自己的想法实现过程。在自己的使用过…...

J-LangChain,用Java实现LangChain编排!轻松加载PDF、切分文档、向量化存储,再到智能问答

Java如何玩转大模型编排、RAG、Agent&#xff1f;&#xff1f;&#xff1f; 在自然语言处理&#xff08;NLP&#xff09;的浪潮中&#xff0c;LangChain作为一种强大的模型编排框架&#xff0c;已经在Python社区中广受欢迎。然而&#xff0c;对于Java开发者来说&#xff0c;能…...

文档识别-C#中英文文档识别接口-PDF文件内容识别API

文档识别接口可满足用户在数字化转型过程中对文档处理的高效、准确需求。翔云文档识别接口以成熟的文字识别技术、自然语言处理技术、图像识别技术为核心&#xff0c;能够将文档上的非可编辑文本转化为可编辑的数据&#xff0c;从而提升信息处理的速度与实现文档数字化管理的准…...

什么是元数据管理?为什么数据治理的第一步是整理元数据?

什么是元数据管理&#xff1f; 以下是关于元数据管理、数据治理从元数据开始的原因以及数据治理逻辑的简单介绍&#xff1a; 元数据管理 元数据是关于数据的数据&#xff0c;它主要描述了数据的定义、来源、关系、质量、用途等信息。比如在一个学生成绩管理系统中&#xff…...

QSplashScreen --软件启动前的交互

目录 QSplashScreen 类介绍 使用方式 项目中使用 THPrinterSplashScreen头文件 THPrinterSplashScreen实现代码 使用代码 使用效果 QSplashScreen 类介绍 QSplashScreen 是 Qt 中的一个类&#xff0c;用于显示启动画面。它通常在应用程序启动时显示&#xff0c;以向用户显…...

react使用react-quill 富文本插件、加入handlers富文本不显示解决办法

可以调整图片大小 quill-image-resize-module-react 加入插件quill-image-resize-module-reactQuill.register("modules/imageResize", ImageResize); // 注册图片缩放富文本配置中加入如下const quildConfig {toolbar: {container: [["bold", "ital…...

基于vue框架的的银生中学图书管理系统c7b4q(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。

系统程序文件列表 项目功能&#xff1a;用户,书籍分类,书籍信息,书籍借阅,书籍归还 开题报告内容 基于Vue框架的的银生中学图书管理系统开题报告 一、项目背景与意义 随着信息技术的飞速发展和教育现代化进程的加快&#xff0c;学校图书管理面临着前所未有的挑战与机遇。银…...

2025年02月27日Github流行趋势

项目名称&#xff1a;aibrix 项目地址url&#xff1a;https://github.com/vllm-project/aibrix 项目语言&#xff1a;Jupyter Notebook 历史star数&#xff1a;2568 今日star数&#xff1a;554 项目维护者&#xff1a;Jeffwan, varungup90, brosoul, nwangfw, kr11 项目简介&am…...

去耦电容的作用详解

在霍尔元件的实际应用过程中&#xff0c;经常会用到去耦电容。去耦电容是电路中装设在元件的电源端的电容&#xff0c;其作用详解如下&#xff1a; 一、基本概念 去耦电容&#xff0c;也称退耦电容&#xff0c;是把输出信号的干扰作为滤除对象。它通常安装在集成电路&#xf…...

Vue.js响应式基础

响应式基础​ API 参考 本页和后面很多页面中都分别包含了选项式 API 和组合式 API 的示例代码。现在你选择的是 组合式 API。你可以使用左侧侧边栏顶部的“API 风格偏好”开关在 API 风格之间切换。 声明响应式状态​ ref()​ 在组合式 API 中,推荐使用 ref() 函数来声明…...

解决Deepseek“服务器繁忙,请稍后再试”问题,基于硅基流动和chatbox的解决方案

文章目录 前言操作步骤步骤1&#xff1a;注册账号步骤2&#xff1a;在线体验步骤3&#xff1a;获取API密钥步骤4&#xff1a;安装chatbox步骤5&#xff1a;chatbox设置 价格方面 前言 最近在使用DeepSeek时&#xff0c;开启深度思考功能后&#xff0c;频繁遇到“服务器繁忙&am…...

Java SSE流式数据前后端实现

#Java SSE流式数据前后端实现 Java后端实现 RestController public class SSEController {GetMapping(value "/sse/stream", produces MediaType.TEXT_EVENT_STREAM_VALUE)public SseEmitter streamSse() throws InterruptedException, IOException {SseEmitter …...

DeepSeek开源周Day4:三连发!突破 AI 训练瓶颈的立体解决方案,并行计算三剑客DualPipe、EPLB与Profile-data

项目地址&#xff1a; https://github.com/deepseek-ai/DualPipehttps://github.com/deepseek-ai/eplbhttps://github.com/deepseek-ai/profile-data 开源日历&#xff1a;2025-02-24起 每日9AM(北京时间)更新&#xff0c;持续五天 (4/5)&#xff01; ​ ​ 一、背景概述 …...

3-1 WPS JS宏工作簿的新建与保存(批量新建工作簿)学习笔记

************************************************************************************************************** 点击进入 -我要自学网-国内领先的专业视频教程学习网站 *******************************************************************************************…...

esp8266 rtos sdk开发环境搭建

1. 安装必要的工具 1.1 安装 Git Git 用于从远程仓库克隆代码&#xff0c;你可以从Git 官方网站下载 Windows 版本的安装程序。安装过程中可保持默认设置&#xff0c;安装完成后&#xff0c;在命令提示符&#xff08;CMD&#xff09;或 PowerShell 中输入git --version&#…...

Pycharm使用matplotlib出现的问题(1、不能弹出图表 2、图表标题中文不显示)

Pycharm使用matplotlib出现的问题 问题1&#xff1a;Pycharm调试时出现&#xff1a;AttributeError: module backend_interagg has no attribute FigureCanvas. Did you mean: FigureCanvasAgg? 排查原因&#xff1a;可能是由于matplotlib后端设置不正确或与运行环境不兼容引…...

【MySql】EXPLAIN执行计划全解析:15个字段深度解读与调优指南

文章目录 一、执行计划核心字段总览二、关键字段深度拆解1. type&#xff08;访问类型&#xff09;——查询性能的晴雨表典型场景分析&#xff1a; 2. key_len&#xff08;索引使用长度&#xff09;——索引利用率的检测仪计算示例&#xff1a; 3. Extra&#xff08;附加信息&a…...

学习路程八 langchin核心组件 Models补充 I/O和 Redis Cache

前序 之前了解了Models&#xff0c;Prompt&#xff0c;但有些资料又把这块与输出合称为模型输入输出&#xff08;Model I/O&#xff09;‌&#xff1a;这是与各种大语言模型进行交互的基本组件。它允许开发者管理提示&#xff08;prompt&#xff09;&#xff0c;通过通用接口调…...

Everything——你的文件搜索效率革命

Everything 是一款由 voidtools 开发的文件搜索工具&#xff0c;专为 Windows 系统设计。它以极快的速度和高效的搜索能力著称&#xff0c;能够基于文件名实时定位文件和目录。以下是其主要特点和功能概述&#xff1a; 1. 核心特点 快速搜索&#xff1a;Everything 使用 NTFS…...

【一起学Rust | Tauri2.0框架】单实例应用程序的深入解析:零漏洞实现与优化实战

文章目录 前言一、 单实例应用的意义二、 实现单实例应用的方法1 Windows下的实现1.1 创建命名Mutex1.2 在Tauri应用中集成Mutex检查 2 macOS下的实现2.1 获取Bundle Identifier2.2 检查是否已经有实例在运行 3 Linux下的实现3.1 获取进程列表3.2 检查是否已经有实例在运行 4 在…...

React + TypeScript 数据血缘分析实战

React TypeScript 数据血缘分析实战 目录 技术选型与架构设计核心概念解析基础场景实现 场景一&#xff1a;visx库基础血缘图实现场景二&#xff1a;React-Lineage-DAG企业级方案场景三&#xff1a;动态数据源与复杂交互 TypeScript类型系统深度优化性能优化与工程化实践开源…...

解决 ERROR 1130 (HY000): Host is not allowed to connect to this MySQL server

当使用 MySQL 时&#xff0c;您可能会遇到错误信息“ERROR 1130 (HY000): Host ‘hostname’is not allowed to connect to this MySQL server”这是 MySQL 用于防止未经授权的访问的标准安全特性。实际上&#xff0c;服务器还没有配置为接受来自相关主机的连接。 Common Caus…...