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

智冠宝企业网站管理系统/青岛谷歌优化公司

news 文章来源：https://blog.csdn.net/frgod/article/details/144087861 2025/3/10 18:37:26
智冠宝企业网站管理系统,青岛谷歌优化公司,如何建设一个优秀的电商网站,企业网站最底下做的是什么当前内容所在位置（可进入专栏查看其他译好的章节内容） 【第九章 CSS 的模块化与作用域】 ✔️ 9.1 模块的定义 9.1.1 模块和全局样式9.1.2 一个简单的 CSS 模块9.1.3 模块的变体9.1.4 多元素模块 9.2 将模块组合为更大的结构 9.2.1 模块中多个职责的拆分…

当前内容所在位置（可进入专栏查看其他译好的章节内容）

  • 【第九章 CSS 的模块化与作用域】 ✔️
    • 9.1 模块的定义
      • 9.1.1 模块和全局样式
      • 9.1.2 一个简单的 CSS 模块
      • 9.1.3 模块的变体
      • 9.1.4 多元素模块
    • 9.2 将模块组合为更大的结构
      • 9.2.1 模块中多个职责的拆分
      • 9.2.2 模块的命名
    • 9.3 CSS 的作用域
      • 9.3.1 CSS 作用域的就近原则
      • 9.3.2 划定作用域的边界
      • 9.3.3 CSS 中的隐式作用域
      • 9.3.4 关于 CSS 作用域与层叠图层
    • 9.4 CSS 模式库 ✔️
    • 9.5 本章小结 ✔️

文章目录

    • 9.4 CSS 中的模式库 Pattern libraries
      • 9.4.1 采用 CSS 优先的工作流程 Using a CSS-first workflow
      • 9.4.2 重构与重大变更 Refactoring and breaking changes
    • 9.5 本章小结 Summary

《CSS in Depth》新版封面

《CSS in Depth》新版封面

译者按
本篇为第 9 章的最后一节内容，介绍了 CSS 模式库的相关知识。这一节整合了上一版中第 10 章的相关内容，删除了之前关于 KSS 第三方工具库的使用说明，更加聚焦 CSS 本身的组织管理和实际应用。尽管早期的 KSS 在样式的模块化管理方面提供了颇有价值的一站式解决方案，但也存在诸多问题：学习曲线相对陡峭、功能单一（仅关注 CSS 的管理）、未能跟进业内对设计系统的关注、项目打包集成困难、社区支持不足等等。因此第一版的第 10 章只保留了很少内容，但也不失为了解 CSS 从中小型项目过渡到大型项目管理过程中经历的发展轨迹的重要参考资料，同时也能从侧面理解当下 Ant Design 组件库等设计系统的优势所在。

9.4 CSS 中的模式库 Pattern libraries

开始用模块化的方式编写 CSS 后，Web 页及 Web 应用的构建方式也将随之改变。一开始，这些页面在构建时可能并没有什么特别之处；可一段时间过后，您会发现创建一个新页面所需要的很多模块都已经准备就绪了。比如新建一个媒体对象、或者下拉菜单，亦或是导航菜单，由于之前已经创建过一版了，就积攒了一些现成的样式；最后只需要按照恰当的方式在 HTML 中添加必要的元素标签和样式类即可。

因为模块都是可复用的，所以在编写页面相关板块时就不用再往样式表添加新样式了。与以往先写 HTML 再设计样式的构建模式不同，此时只要利用好这些现成的模块，组装到一起，就可以生成一个新页面。项目进行得越深入，需要的新 CSS 就越少。这时我们需要关注的就不再是新的 CSS 声明，而是样式表里所有可用的模块构成的模块清单了。

将模块清单整合为一组文档，这在大型项目中已经成为通用做法。该文档有时也被称为 模式库（pattern library）。模式库并非网站或应用程序的一部分，而是单独的一组 HTML 页面，用来展示各个 CSS 模块的具体用法，成为您和您的团队后续建站时的必备开发工具。

模式库的具体构建方法很大程度上取决于您熟悉的技术栈，或者项目团队最终确定的技术选型。比如项目是用某个 JavaScript 框架开发的，就可以考虑像 Storybook（https://storybook.js.org/）这样兼容该框架的构建工具；或者直接手动构建一组 HTML 文档页，并通过索引和具体示例来介绍模块的用法。

9.4.1 采用 CSS 优先的工作流程 Using a CSS-first workflow

在给网站或应用构建新模块时，建议先将其添加到模式库中，然后再应用于页面。这样的开发方案我称之为 CSS 优先（CSS-first）。

与之前先写 HTML 不同，这时得先从 CSS 进行开发。在将样式应用到具体项目前，您可以（并且也应该）按照构建模式库的方式来开发 CSS，具体开发流程如下：

  1. 开发页面时，最好先有一个草图（sketch）或者原型图（mockup），或者其他可以描述页面效果的大致想法。
  2. 看看模式库。找找现有模块，如果满足页面需求就直接套用。然后从页面的外围（主页面布局和容器）开始，按自己熟悉的方式逐步深入。如果现有模块足以构建整个页面，就无需添加新的 CSS 了。
  3. 偶尔也会遇到模式库无法提供的一些功能。这在项目开发早期很常见，后面就会好很多。此时就要根据情况开发一个或多个新模块，或者现有模块的新变体形式；暂停正在开发的页面，在模式库构建出该模块，并为其书写文档，确保其外观与行为模式符合预期。
  4. 最后回到页面开发，使用刚改好的样式表，并将新模块添加到页面中。

这种开发方式有几个好处。首先，这样写可以为网站提供一致性更好的界面。模式库鼓励开发者复用已有样式，而非重复开发。比如，项目中不应该为 10 个不同的页面分别编写 10 套不同的列表样式，而是更倾向于复用仅有的几种列表类型。CSS 优先的开发方式会强迫开发者停下来思考：是否需要新的样式、现有模块是否可以满足需求。

其次，在按照模式库的方式开始模块时，您可以孤立地看待问题；可以从某个具体的 Web 页面抽离出来，并专注于构建样式模块这样的单一任务上。不同于解决某个页面的某个具体问题，思考新模块的潜在应用场景会相对容易一些，并由此创建出一套通用性更好、可复用性更强的解决方案。

再次，CSS 优先的方式还能让团队中的部分成员专注于 CSS 开发。对 CSS 不太熟悉的开发者可以将部分工作移交给经验更丰富的成员。擅长 CSS 的开发者每完成一个模块，就可以向其他团队成员发送一个链接，指向模式库中的该模块。

最后，CSS 优先的开发方式还可以确保文档是最新的。模式库中的页面是您变更 CSS 样式的测试环境。换句话讲，这些页面会一直呈现出最新的正确行为。修改 CSS 时，使用文档恰好就在一旁的注释块中，这样就可以轻松实现文档的实时更新了。

经常有开发者提问：HTML 究竟该怎样编写才能让样式写起来更轻松。我认为这种提法本身就有问题。相反，我们应该关注的是怎样编写样式，使其可以更好地在任意页面间复用。我们应该先写好 CSS，这样结构良好的 HTML 就是水到渠成的事了。而将 CSS 组织为模块就是一个行之有效的手段。一个 CSS 模块决定了其所需的 HTML 结构，使得该样式能在页面上正常展示。

9.4.2 重构与重大变更 Refactoring and breaking changes

有时也会在修改模块时无需考虑向下兼容的情况。这么做无可厚非，虽然多了一些活，但好歹是可行的。可能您会先完成样式变更，然后遍历整个网站或应用，把每个 HTML 实例都更新一下，让它们符合新的写法。

但我发现最好的做法往往是直接弃用该模块（需要在文档中指明），然后创建一个全新的模块来实现所需的新功能。这样一来，旧模块就可以在原有页面继续生效，而新页面的开发则可以往新模块迁移，因为新模块支持全部功能。

为此，可以使用一个包含三位数字的 语义版本（semver） 来为 CSS 设置版本号。一旦版本号变了，开发者自然就知道模块内容改变了。

语义版本的定义

语义版本（Semver） —— Semantic Versioning 的简写，是一种软件包版本的命名格式。它由三个数字组成，各数字间使用圆点分隔（例如 1.4.2）。三个数字分别代表主版本号（major version）、次版本号（minor version）和修订版本号（patch version）。了解更多信息，详见语义版本官网 https://semver.org/。

如果只涉及一些小修改，比如 Bug 修复，则增加修订版本号即可（例如，由 1.4.2 改为 1.4.3）；如果添加了新的模块或功能但对现有 HTML 不构成破坏，或者将某个模块标记为已废弃（deprecated）时，则增加次版本号，同时将修订版本号置零（例如，由 1.4.2 改为 1.5.0）；再有，在极少数情况下，我会过一遍样式表并将标记为已废弃的模块全部删掉，这时就该升级主版本号（例如，由 1.4.2 改为 2.0.0）。而当出现重大设计变更时（例如网站重新设计了），即便现有 API 接口 1 保持不变，也需要升级主版本号。

实际上，版本管理可以采用多种方式，具体取决于使用这些样式的项目实际情况。如果要在 Node.js 模块或者 Ruby Gem 中引入 CSS，那就得用相应的系统构建的版本；如果要在服务器上提供 CSS 静态访问，则可以在 URL 中包含版本号（如 http://example.com/css/1.4.2/styles.css），并同时支持多个版本。

利用这种方式，就可以按照需求配置项目并使用任意版本的 CSS 了。您可以发布一个包含重大更新的 3.0.0 版本，而 Web 应用则可以继续沿用旧版本，直到开发者彻底更新一遍 HTML 并升级所有已废弃的模块。只要不是刻意升级到新版样式表，改动个别 CSS 并不会破坏现有应用的正常显示。

模式库文档列出了样式表的使用方法，但 HTML 具体启用哪个样式表、采用哪个版本的样式则是开发者说了算。由于 HTML 和 CSS 实现了解耦（decoupled），CSS 可以写好了再应用到 HTML；而在升级新样式表时，HTML 也是完全可控的。这就是 CSS 优先开发的优势所在。

修改模式库时，最好不要一意孤行，先和团队里的其他开发者沟通一下，再决定是否弃用或删除某个模块。必要时可以通过收集他人的反馈来综合判断哪些模块是有用的，哪些已经不再需要了。

通常来讲，CSS 是一门“只增不减”（“additive-only”）的语言。开发者害怕去编辑或删除那些已有的样式，因为他们无法预判这些修改会造成什么样的后果。于是不得不编写新的 CSS 代码，然后添加到样式表底部，或者通过不断提升选择器优先级来覆盖现有样式规则，最终让样式表沦为一堆乱麻而难以维护。

而通过模块化的方式组织 CSS 代码，就可以避免陷入这样尴尬的境地。您会清晰地知道某个模块样式位于何处，每个模块都分工明确，只实现某一个功能。同时，模式库还有助于开发者密切关注样式表开发过程中的一举一动。

9.5 本章小结 Summary

  • 模块时一段可复用的小型样式片段，不依赖于页面上下文。模块样式应该集中写到样式表的某个位置，并按照代码封装的相关原则进行组织。模块化 CSS 绝不能进入另一个模块，以期修改其外观。
  • 变体类（Variant classes）提供了同一模块样式的不同版本。
  • 大型页面构造应该拆分成多个小型模块，并通过组装多个模块来构建出页面。
  • 双连字符以及双下划线的命名约定能让模块的结构一目了然。
  • @scope 规则是 CSS 全新推出的一项功能，可以让一组样式在页面的指定作用域内生效。它是将模块化样式限定在目标模块内的理想工具。通过划定内部作用域边界还可以防止该作用域内的样式声明对边界内部的作用域生效。使用时需要留意该特性最新的浏览器支持情况。
  • 在大型项目中，可以考虑构建一个模块库来记录和清点项目所使用的模块，并将其作为组装新页面时现有样式模块的参考文档。

关于《CSS in Depth》（中译本书名《深入解析 CSS》）

第 1 版第 2 版
读者评分原版：4.7（亚马逊）；中文版：9.3（豆瓣）原版：5.0（亚马逊）；中文版：暂无，待出版
出版时间原版：2018 年 3 月；中文版：2020 年 4 月原版：2024 年 7 月；中文版：暂无，待出版
原价原版：$44.99；中文版：￥139.00原版：$59.99；中文版：暂无，待出版
现价原版：$36.49；中文版：￥52.54 起步原版：$52.09；中文版：暂无，待出版
原版国内预订起步价 ￥461.00起步价 ￥750.00

本专栏为该书第 2 版高分译文专栏，全网首发，精译精校，持续更新，计划今年内完成全书翻译，敬请期待！！！

目前已完结的章节（可进入本专栏查看详情，连载期间完全免费）：

  • 第一章 层叠、优先级与继承（已完结）
    • 1.1 层叠
    • 1.2 继承
    • 1.3 特殊值
    • 1.4 简写属性
    • 1.5 CSS 渐进式增强技术
    • 1.6 本章小结
  • 第二章 相对单位（已完结）
    • 2.1 相对单位的威力
    • 2.2 em 与 rem
    • 2.3 告别像素思维
    • 2.4 视口的相对单位
    • 2.5 无单位的数值与行高
    • 2.6 自定义属性
    • 2.7 本章小结
  • 第三章 文档流与盒模型（已完结）
    • 3.1 常规文档流
    • 3.2 盒模型
    • 3.3 元素的高度
    • 3.4 负的外边距
    • 3.5 外边距折叠
    • 3.6 容器内的元素间距问题
    • 3.7 本章小结
  • 第四章 Flexbox 布局（已完结）
    • 4.1 Flexbox 布局原理
    • 4.2 弹性子元素的大小
    • 4.3 弹性布局的方向
    • 4.4 对齐、间距等细节处
    • 4.5 本章小结
  • 第五章 网格布局（已完结）
    • 5.1 构建基础网格
    • 5.2 网格结构剖析 （上）
      • 5.2.1 网格线的编号（下）
      • 5.2.2 网格与 Flexbox 配合（下）
    • 5.3 两种替代语法
      • 5.3.1 命名网格线
      • 5.3.2 命名网格区域
    • 5.4 显式网格与隐式网格（上）
      • 5.4.1 添加变化 （中）
      • 5.4.2 让网格元素填满网格轨道（下）
    • 5.5 子网格（全新增补内容）
    • 5.6 对齐相关的属性
    • 5.7 本章小结
  • 第六章 定位与堆叠上下文（已完结）
    • 6.1 固定定位
      • 6.1.1 创建一个固定定位的模态对话框
      • 6.1.2 在模态对话框打开时防止屏幕滚动
      • 6.1.3 控制定位元素的大小
    • 6.2 绝对定位
      • 6.2.1 关闭按钮的绝对定位
      • 6.2.2 伪元素的定位问题
    • 6.3 相对定位
      • 6.3.1 创建下拉菜单（上）
      • 6.3.2 创建 CSS 三角形（下）
    • 6.4 堆叠上下文与 z-index
      • 6.4.1 理解渲染过程与堆叠顺序（上）
      • 6.4.2 用 z-index 控制堆叠顺序（上）
      • 6.4.3 深入理解堆叠上下文（下）
    • 6.5 粘性定位
    • 6.6 本章小结
  • 第七章 响应式设计（已完结）
    • 7.1 移动端优先设计原则（上篇）
      • 7.1.1 创建移动端菜单（下篇）
      • 7.1.2 给视口添加 meta 标签（下篇）
    • 7.2 媒体查询（上篇）
      • 7.2.1 深入理解媒体查询的类型（上篇）
      • 7.2.2 页面断点的添加（中篇）
      • 7.2.3 响应式列的添加（下篇）
    • 7.3 流式布局
    • 7.4 响应式图片
    • 7.5 本章小结
  • 第八章 层叠图层及其嵌套
    • 8.1 用 layer 图层来操控层叠规则（上篇）
      • 8.1.1 图层的定义（上篇）
      • 8.1.2 图层的顺序与优先级（下篇）
      • 8.1.3 revert-layer 关键字（下篇）
    • 8.2 层叠图层的推荐组织方案
    • 8.3 伪类 :is() 和 :where() 的用法
    • 8.4 CSS 嵌套的使用
      • 8.4.1 嵌套选择器的使用
      • 8.4.2 深入理解嵌套选择器
      • 8.4.3 媒体查询及其他 @规则 的嵌套
    • 8.5 本章小结

  1. 作者在这里使用了 API 接口的说法，因为他认为模式库的启用在某种意义上相当于维护了一组与 CSS 进行交互的 API 接口。新版中删掉了上一版的相关解释，这里补充说明。 ↩︎

相关文章：

【CSS in Depth 2 精译_061】9.4 CSS 中的模式库 + 9.5 本章小结

当前内容所在位置（可进入专栏查看其他译好的章节内容） 【第九章 CSS 的模块化与作用域】 ✔️ 9.1 模块的定义 9.1.1 模块和全局样式9.1.2 一个简单的 CSS 模块9.1.3 模块的变体9.1.4 多元素模块 9.2 将模块组合为更大的结构 9.2.1 模块中多个职责的拆分…...

编程日记 2024/12/1 11:56:41

惠普电脑切换默认F1至F12快捷键，FN切换

发现新买的惠普电脑，按F1至F12发现是快捷功能键，而按fnF1至F12才是windows的功能键和正常我自己使用的电脑刚好相反，实在太不方便了。 解决办法需要进入biso里面去把功能键模式选中给关掉，才能恢复回来...

编程日记 2024/12/1 11:55:40

计算机的错误计算（一百七十）

摘要 回复一中学生来信，探讨 MATLAB 关于算式 的计算问题。 在计算机的错误计算（一百三十二）中，我们探讨了手持式计算器关于算式 的计算问题。一中学生来信询问该算式在数学软件中是否会出错。 例1. 在 MATLAB 中计算 . 首…...

编程日记 2024/12/1 11:54:39

Python `async def` 函数中使用 `yield` 和 `return` 的区别

Python async def 函数中使用 yield 和 return 的区别 1. return 的使用示例代码输出结果解释 2. yield 的使用示例代码输出结果解释 3. 总结 在 Python 中，async def 函数用于定义异步函数，这些函数可以在执行过程中暂停和恢复，通常与 await…...

编程日记 2024/12/1 11:53:39

JAVA修饰符

JAVA 修饰符...

编程日记 2024/12/1 11:52:38

Java 单例模式：深度解析与应用

在软件开发领域，设计模式是解决常见设计问题的有效方案，而单例模式作为创建型设计模式中的一员，其重要性不容小觑。它能够确保一个类仅有一个实例，并提供全局访问点，这一特性在资源管理、配置信息读取、线程池管理以及…...

编程日记 2024/12/1 11:50:36

软件质量保证——单元测试之白盒技术

笔记内容及图片整理自XJTUSE “软件质量保证” 课程ppt，仅供学习交流使用，谢谢。 程序图 程序图定义 程序图P（V,E），V是节点的集合（节点是程序中的语句或语句片段），E是有向边的集合…...

编程日记 2024/12/1 11:48:33

Vue0-生命周期-03

生命周期 生命周期指定就是一个对象从创建到销毁的整个过程。 Vue也是有的 完整的Vue周期包含8个阶段。 Vue官方生命周期流程图&#xff1a; 那这有什么用呢&#xff1f;我们可以在指定阶段做特殊的事件。 这些方法伴随生命周期的进行自动执行。 <!DOCTYPE html> <…...

编程日记 2024/12/1 11:42:27

Flutter：页面滚动

1、单一页面&#xff0c;没有列表没分页的&#xff0c;推荐使用&#xff1a;SingleChildScrollView() return Scaffold(backgroundColor: Color(0xffF6F6F6),body: SingleChildScrollView(child: _buildView()) );2、列表没分页&#xff0c;如购物车页&#xff0c;每个item之间…...

编程日记 2024/12/1 11:40:25

【CameraPoseRefinement】以BARF为例介绍三维重建中的位姿优化

文章目录 IntroductionApproachPlanar Image Alignment(2D)Neural Radiance Fields (3D)Bundle-Adjusting Neural Radiance Fields Experiment平面图像对齐的定性实验合成场景上的定量实验 Introduction 在计算机视觉三维重建中&#xff0c;求解3D场景的表示和定位给定的相机帧…...

编程日记 2024/12/1 11:37:22

YOLO系列论文综述（从YOLOv1到YOLOv11）【第13篇：YOLOv10——实时端到端物体检测】

YOLOv10 1 摘要2 网络结构3 YOLOv1-v10对比 YOLO系列博文&#xff1a; 【第1篇&#xff1a;概述物体检测算法发展史、YOLO应用领域、评价指标和NMS】【第2篇&#xff1a;YOLO系列论文、代码和主要优缺点汇总】【第3篇&#xff1a;YOLOv1——YOLO的开山之作】【第4篇&#xff1a…...

编程日记 2024/12/1 11:36:20

多数元素

多数元素 给定一个大小为 n 的数组 nums &#xff0c;返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。 你可以假设数组是非空的&#xff0c;并且给定的数组总是存在多数元素。 示例 1&#xff1a; 输入&#xff1a;nums [3,2,3] 输出&#xff…...

编程日记 2024/12/1 11:34:18

EasyDSS视频推拉流技术的应用与安防摄像机视频采集参数

安防摄像机的视频采集参数对于确保监控系统的有效性和图像质量至关重要。这些参数不仅影响视频的清晰度和流畅度&#xff0c;还直接影响存储和网络传输的需求。 安防摄像机图像效果的好坏&#xff0c;由DSP处理器和图像传感器sensor决定&#xff0c;如何利用好已有的硬件资源&…...

编程日记 2024/12/1 11:30:14

在CentOS7上更换为阿里云源

在CentOS 7上更换为阿里云YUM源可以通过以下步骤进行&#xff1a; 备份当前的YUM源配置文件 sudo mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 下载阿里云的YUM源配置文件 sudo curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirr…...

编程日记 2024/12/1 11:25:10

小程序跳转到本页面并传参

const pages getCurrentPages(); const currentPage pages[pages.length - 1]; // 当前页面路由 const route currentPage.route; // 当前页面参数 const options currentPage.options;// 构建新的 URL 参数 const newOptions {...options,// newParam: newValue }; // 你…...

编程日记 2024/12/1 11:24:08

Vim操作

1. Vim的模式 2.正常模式->编辑模式 在上⽅插⼊⼀⾏&#xff1a; O在下⽅插⼊⼀⾏&#xff1a; o (open)在当前光标前插⼊&#xff1a; i在⾏⾸插⼊&#xff1a; I在当前光标后插⼊&#xff1a; a在⾏尾插⼊&#xff1a; A 3.常见命令行 1、拷贝当前行 yy ,拷贝当前行向下…...

编程日记 2024/12/1 11:22:07

金碟云星空-企微通知

需求背景&#xff1a; 通过企业微信&#xff0c;及时发送金碟云星空消息&#xff0c;比如流程异常、审批节点、等需要关注数据和信息点 需求目的&#xff1a; 及时告警、高响应、自动化 技能要求&#xff1a; 前后端开发工具的运用与开发&#xff0c;本实例使用IDEA 企业…...

编程日记 2024/12/1 11:21:06

Java中的运算符“instanceof“详解

在Java中&#xff0c;instanceof运算符用于检查一个对象是否是某个特定类的实例&#xff0c;或者是否实现了某个特定接口。它返回一个布尔值&#xff08;true或false&#xff09;&#xff0c;用于在运行时进行类型检查。这在处理多态性时尤其有用&#xff0c;可以帮助我们确定对…...

编程日记 2024/12/1 11:20:04

SVG无功补偿装置MATLAB仿真模型

“电气仔推送”获得资料&#xff08;专享优惠&#xff09; 模型简介 SVG&#xff08;又称ASVG 或STATCOM&#xff09;是Static Var Generator 的缩写&#xff0c;叫做静止无功发生器。也是做无功补偿的&#xff0c;比SVC 更加先进。其基本原理是将自换相桥式电路通过电抗器或…...

编程日记 2024/12/1 11:19:03

Java 虚拟机：承载 Java 生态的神奇魔盒

在软件开发的世界里&#xff0c;Java 虚拟机&#xff08;JVM&#xff09;就像一位智慧的管家&#xff0c;默默守护着 Java 生态系统的运行。它不仅让 Java 实现了"一次编写&#xff0c;到处运行"的梦想&#xff0c;更是成为了多种编程语言的运行平台。让我们一起走进…...

编程日记 2024/12/1 11:16:00

多输入多输出 | Matlab实现TCN-LSTM时间卷积神经网络结合长短期记忆神经网络多输入多输出预测

多输入多输出 | Matlab实现TCN-LSTM时间卷积神经网络结合长短期记忆神经网络多输入多输出预测 目录 多输入多输出 | Matlab实现TCN-LSTM时间卷积神经网络结合长短期记忆神经网络多输入多输出预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 多输入多输出 | Matlab实现…...

编程日记 2024/12/1 11:11:56

快速排序算法讲解(c基础)

一、快速排序的基本原理 快速排序是一种基于分治策略的高效排序算法。它的基本思想是&#xff1a; 选择一个基准元素&#xff08;pivot&#xff09;&#xff0c;通过一趟排序将待排序序列分割成两部分&#xff0c;其中一部分的所有元素都比基准元素小&#xff0c;另一部分的所有…...

编程日记 2024/12/1 11:09:54

数据结构--二叉树的创建和遍历

目录 引入 定义 性质 二叉树的创建 迭代法 注意事项&#xff1a; 递归法 注意事项&#xff1a; 二叉树的遍历 深度优先 广度优先 先序遍历&#xff08;前序遍历&#xff09; 中序遍历 后序遍历 层序遍历 查找树结构中是否存在某数值 方法一&#xff1a; 方法…...

编程日记 2024/12/1 11:06:51

2024143读书笔记|《遇见》——立在城市的飞尘里，我们是一列忧愁而又快乐的树

2024143读书笔记|《遇见》——立在城市的飞尘里&#xff0c;我们是一列忧愁而又快乐的树 第1章 年年岁岁岁岁年年第2章 遇见第3章 有个叫“时间”的家伙走过第4章 初雪第6章 回首风烟 《华语散文温柔的一支笔&#xff1a;张晓风作品集&#xff08;共5册&#xff09;》作者张晓风…...

编程日记 2024/12/1 11:05:50

计算机毕业设计Python+卷积神经网络股票预测系统 股票推荐系统 股票可视化 股票数据分析 量化交易系统 股票爬虫 股票K线图 大数据毕业设计 AI

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…...

编程日记 2024/12/1 11:04:48

leetcode hot100【LeetCode 48.旋转图像】java实现

LeetCode 48.旋转图像 题目描述 给定一个 n x n 的二维矩阵 matrix&#xff0c;表示一个图像。请你将该图像顺时针旋转 90 度。 说明&#xff1a; 你必须在 原地 修改输入的二维矩阵。你可以假设矩阵的所有元素将会是整数。 示例 1: 输入: [[1, 2, 3],[4, 5, 6],[7, 8, …...

编程日记 2024/12/1 11:03:46

力扣1382：将二叉搜索树便平衡

给你一棵二叉搜索树&#xff0c;请你返回一棵 平衡后 的二叉搜索树&#xff0c;新生成的树应该与原来的树有着相同的节点值。如果有多种构造方法&#xff0c;请你返回任意一种。 如果一棵二叉搜索树中&#xff0c;每个节点的两棵子树高度差不超过 1 &#xff0c;我们就称这棵二…...

编程日记 2024/12/1 11:02:45

ElasticSearch学习篇19_《检索技术核心20讲》搜推广系统设计思想

目录 主要是包含搜推广系统的基本模块简单介绍&#xff0c;另有一些流程、设计思想的分析。 搜索引擎 基本模块检索流程 查询分析查询纠错 广告引擎 基于标签倒排索引召回基于向量ANN检索召回打分机制&#xff1a;非精确打分精准深度学习模型打分索引精简&#xff1a;必要的…...

编程日记 2024/12/1 11:01:44

实战ansible-playbook：Ansible Vault加密敏感数据(三)

在实际生产环境中，使用 Ansible Vault 来加密敏感数据是一种常见的做法。以下是一个详细的步骤和实际生产环境的使用案例，展示如何使用 Ansible Vault 来加密和管理敏感数据。 1. 安装 Ansible 确保你已经安装了 Ansible。如果还没有安装，可以使用以下命令进行安装： # 在…...

编程日记 2024/12/1 10:58:41

Python 视频合并工具

Python 视频合并工具 1.简介&#xff1a; 这是一个使用 moviepy 和 tkinter 创建的简单图形用户界面&#xff08;GUI&#xff09;应用程序&#xff0c;用于合并两个视频文件&#xff0c;并在两个视频之间添加淡入淡出过渡效果。程序的功能是&#xff1a; 选择两个视频&#…...

编程日记 2024/12/1 10:55:38