前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[C语言源码预处理命令行方法 ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
JQuery
...操作class的基本方法 2. .addClass()与.removeClass() - addClass(): 这个方法用于向元素添加新的class。举个例子: javascript $(".myElement").addClass("newClass"); - removeClass(): 反之,如果要移除一个class,就使用这个方法: javascript $(".myElement").removeClass("oldClass"); 这两个方法都是非阻塞的,也就是说它们会立即执行,不会等待浏览器渲染完成。 四、.toggleClass() 3. .toggleClass(): 这个函数的魔法在于它能根据元素是否已有某个class来决定是添加还是移除。比如: javascript $(".myElement").toggleClass("active"); 如果元素已经有active,它就会被移除;如果没有,会被添加。 五、事件驱动的class更改 4. .change()与class相关操作 当涉及到用户交互时,.change()事件特别有用。比如在一个下拉框(select)中,我们可以监听选项变化: javascript $("selectBox").change(function() { var selectedOption = $(this).val(); if (selectedOption === 'option1') { $("targetElement").addClass("selected"); } else { $("targetElement").removeClass("selected"); } }); 这里,每当用户选择不同的选项,对应的class状态就会改变。 六、动态与延迟 5. 动态与延时应用 有时候,你可能希望在特定条件满足后再改变class,这时可以利用.delay()配合.queue(): javascript $("delayedChange").click(function() { $(this).next(".delayedElement").delay(2000).queue(function() { $(this).toggleClass("animated"); }); }); 这样,点击按钮后,.delayedElement将在2秒后开始动画效果,增加页面的视觉冲击力。 七、总结与实践 在实际项目中,正确使用jQuery操作class是提高代码效率和用户体验的关键。掌握并灵活运用.addClass(), .removeClass(), .toggleClass()这些小技巧,就能让你的网页瞬间灵动起来,充满互动和响应性,变得活灵活现。记住了啊,代码可不只是逻辑的代名词,更是设计思路的一种延伸和跃动。你每次切换class的操作,都可能是在对用户体验进行一次悄无声息的微调优化,就像给用户的小惊喜一样。 通过这次探索,希望你对jQuery处理class名有了更深的理解,并能在你的下一个项目中游刃有余地运用这一强大工具。记住,代码的世界充满了无限可能,尽情挥洒你的创意吧!
2024-02-29 11:24:53
340
烟雨江南-t
Apache Solr
...高性能的搜索引擎,在处理海量数据和并发更新请求时发挥关键作用,但可能会遇到如“ConcurrentUpdateRequestHandlerNotAvailableCheckedException”这样的并发异常问题。 ConcurrentUpdateRequestHandlerNotAvailableCheckedException , 这是Apache Solr中一个特定类型的异常,通常在多个用户或进程同时尝试对Solr服务器进行并发更新操作,并且超过了Solr服务器配置的并发更新限制或者硬件资源不足以支持这些并发请求时抛出。该异常提示并发更新过程中存在资源冲突或超负荷情况。 分片策略(Sharding Strategy) , 在分布式索引场景下,分片策略是一种将索引拆分成多个部分(称为分片或 shard),并将这些分片分布到多台机器上的方法。通过实施分片策略,可以提高系统处理并发更新请求的能力以及查询效率,因为它允许并行处理分布在不同分片上的索引操作,从而避免了单点性能瓶颈问题,与文章中的解决并发更新异常问题相呼应。
2023-07-15 23:18:25
470
飞鸟与鱼-t
Flink
一、引言 在大数据处理的世界中,Apache Flink是一个非常重要的工具。它支持实时和批处理计算,并且具有强大的容错和状态管理功能。本文将深入探讨Flink的状态管理和容错机制。 二、Flink的状态管理 1. 什么是Flink的状态 Flink中的状态是分布在所有TaskManager上的变量,它们用于存储中间结果。状态可以分为可变状态和不可变状态两种类型。可变状态可以被修改,而不可变状态则不能。 2. 如何定义状态 在Flink API中,我们可以使用DataStream API或者Table API来定义状态。比如说,如果我们想在写一个Stream程序的时候,有一个能被所有地方都看到的全局变量,我们可以在开启源代码编辑时,创建一个所谓的“StateObject”对象,就像是搭建舞台前先准备好道具一样。 java env.setStateBackend(new MemoryStateBackend()); DataStream stream = env.addSource(new RichParallelSourceFunction() { private transient ValueState state; @Override public void open(Configuration parameters) throws Exception { super.open(parameters); state = getRuntimeContext().getState(TypedKey.of("my-state", Types.STRING)); } @Override public void run(SourceContext ctx) throws Exception { for (int i = 0; i < 10; i++) { String value = "value" + i; state.update(value); ctx.collect(value); } } }); 在这个例子中,我们在open方法中创建了一个名为"my-state"的ValueState对象。然后,在run这个方法里头,咱们就不断地给这个状态“刷新”最新的信息,同时把这些新鲜出炉的数值一股脑儿地塞进输出流里去。 三、Flink的容错机制 1. checkpointing checkpointing是Flink的一种容错机制,它可以确保在任务失败后可以从上一次检查点恢复。Flink会在预定义的时间间隔内自动进行checkpoint,也可以通过设置maxConcurrentCheckpoints参数手动控制并发的checkpoint数量。 java env.enableCheckpointing(500); // 每500ms做一次checkpoint 2. savepoint savepoint是另一种Flink的容错机制,它不仅可以保存任务的状态,还可以保存数据的完整图。跟checkpoint不一样的地方在于,savepoint有个大优点:它不会打扰到当前任务的运行。而且你知道吗?恢复savepoint就像按下了快进键,比从checkpoint那里恢复起来速度嗖嗖的,可快多了! java env.getSavepointDirectory(); 四、结论 总的来说,Flink的状态管理和容错机制都是非常强大和灵活的。它们使得Flink能够应对各种复杂的实时和批处理场景。如果你想真正摸透Flink的运行机制,还有它在实际场景中的应用门道,我真心实意地建议你,不妨花点时间钻研一下它的官方文档和教程,保准收获满满!
2023-06-05 11:35:34
463
初心未变-t
转载文章
...的html做出最后的处理return b;});} 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_32447361/article/details/123783089。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-27 14:07:31
75
转载
Apache Lucene
...引段合并策略是指如何处理这些独立的段,以便于更高效地进行搜索。Lucene提供了多种合并策略供用户选择: 1. TieredMergePolicy 这是默认的合并策略,它采用了一个递归的思想,把所有的子段看作一个大的段,然后对该大段进行合并,直到整个索引只有一个大段为止。这种方式的优点是简单易用,但是可能会导致内存占用过高。 2. LogByteSizeMergePolicy:这个策略是基于大小的,它会一直合并到某个阈值(默认为2GB),然后再继续合并到下一个阈值(默认为10GB)。这种方式的好处是能相当给力地把控内存使用,不过呢,也可能让搜索速度没那么快了。 3. ConcurrentMergeScheduler:这个策略是并发的,它可以在不同的线程上同时进行合并,从而提高合并的速度。不过要注意,要是咱们把并发数量调得太大,可能会让CPU过于忙碌,忙到“火力全开”,这样一来,CPU使用率就嗖嗖地往上升啦。 四、如何优化Lucene索引段合并策略? 那么,我们如何根据自己的需求,选择合适的合并策略呢?以下是一些优化建议: 1. 根据内存大小调整合并阈值 如果你的服务器内存较小,可以考虑使用LogByteSizeMergePolicy,并降低其合并阈值,以减少内存占用。 2. 根据查询频率调整并发数量 如果你的应用程序需要频繁地进行搜索,可以考虑使用ConcurrentMergeScheduler,并增加其并发数量,以加快搜索速度。 3. 使用自定义的合并策略 如果你想实现更复杂的合并策略,例如先合并某些特定的段,再合并其他段,你可以编写自己的合并策略,并将其注册给Lucene。 总的来说,Lucene的索引段合并策略是一个复杂但又非常重要的问题。了解并巧妙运用合并策略后,咱们就能让Lucene这位搜索大神发挥出更强大的威力,这样一来,应用程序的性能也能蹭蹭地往上提升,用起来更加流畅顺滑,一点儿也不卡壳。
2023-03-19 15:34:42
397
岁月静好-t
Hadoop
一、引言 在大数据处理领域中,Hadoop是一个非常重要的工具。这个东西提供了一种超赞的分布式计算模式,能够帮我们轻轻松松地应对和处理那些海量数据,让管理起来不再头疼。不过呢,就像其他那些软件兄弟一样,Hadoop这家伙有时候也会闹点小情绪,其中一个常见的问题就是数据写入会重复发生。 在本文中,我们将深入探讨什么是数据写入重复,为什么会在Hadoop中发生,并提供几种解决这个问题的方法。这将包括详细的代码示例和解释。 二、什么是数据写入重复? 数据写入重复是指在一个数据库或其他存储系统中,同一个数据项被多次写入的情况。这可能会导致许多问题,例如: 1. 数据一致性问题 如果一个数据项被多次写入,那么它的最终状态可能并不明确。 2. 空间浪费 重复的数据会占用额外的空间,尤其是在大数据环境中,这可能会成为一个严重的问题。 3. 性能影响 当数据库或其他存储系统尝试处理大量重复的数据时,其性能可能会受到影响。 三、为什么会在Hadoop中发生数据写入重复? 在Hadoop中,数据写入重复通常发生在MapReduce任务中。这是因为MapReduce是个超级厉害的并行处理工具,它能够同时派出多个“小分队”去处理不同的数据块,就像是大家一起动手,各自负责一块儿,效率贼高。有时候,这些家伙可能会干出同样的活儿,然后把结果一股脑地塞进同一个文件里。 此外,数据写入重复也可能是由于其他原因引起的,例如错误的数据输入、网络故障等。 四、如何避免和解决数据写入重复? 以下是一些可以用来避免和解决数据写入重复的方法: 1. 使用ID生成器 当写入数据时,可以使用一个唯一的ID来标识每个数据项。这样就可以确保每个数据项只被写入一次。 python import uuid 生成唯一ID id = str(uuid.uuid4()) 2. 使用事务 在某些情况下,可以使用数据库事务来确保数据的一致性。这可以通过设置数据库的隔离级别来实现。 sql START TRANSACTION; INSERT INTO table_name (column1, column2) VALUES ('value1', 'value2'); COMMIT; 3. 使用MapReduce的输出去重特性 Hadoop提供了MapReduce的输出去重特性,可以在Map阶段就去除重复的数据,然后再进行Reduce操作。 java public static class MyMapper extends Mapper { private final static IntWritable one = new IntWritable(1); private Text word = new Text(); public void map(LongWritable key, Text value, Context context) throws IOException, InterruptedException { String[] words = value.toString().split(" "); for (String word : words) { word = word.toLowerCase(); if (!word.isEmpty()) { context.write(new Text(word), one); } } } } 以上就是关于Hadoop中的数据写入重复的一些介绍和解决方案。希望对你有所帮助。
2023-05-18 08:48:57
508
秋水共长天一色-t
转载文章
...似上述编程题所采用的方法,数学家和计算机科学家经常通过构建递归模型或使用模运算来解决类似的资源分配问题,特别是在处理大数据集和模拟复杂系统时。 再者,此话题还关联到更深层次的哲学和社会伦理问题——人类在干预自然生态系统过程中应如何权衡保护与利用,以及在实验室条件下的人工生物繁殖研究是否会对未来生物科技发展带来伦理困境。 总之,Dante的兔子cony模型不仅是一个有趣的数学和编程问题实例,它更引发了我们对现实世界中生物繁殖策略、资源限制下的种群管理及科技伦理等多个领域的深入思考。
2023-10-07 17:12:52
147
转载
JSON
...你知道吗,跟玩儿似的处理JSON里的日期和时间其实挺让人挠头的,特别是当你还得在各种时区和日期格式之间换来换去的时候,那简直就是一场时区版的"找不同"游戏啊!来吧,伙计们,今天咱们要一起探索一个超实用的话题——如何轻松搞定JSON里的日期时间格式!就像煮咖啡一样,我们要一步步把那些看似复杂的日期数据结构梳理得井井有条,让你的操作行云流水,帅气非凡!跟着我,咱们边聊边实战,让这些数字瞬间变得亲切又好玩! 二、JSON日期时间格式的基本概念 1. JSON中的日期表示法 JSON本身并不直接支持日期时间类型,它通常将日期时间转换为字符串,使用ISO 8601标准格式:YYYY-MM-DDTHH:mm:ss.sssZ。例如: json { "createdAt": "2023-01-01T12:00:00.000Z" } 这里,Z表示的是协调世界时(UTC)。 三、日期时间格式的常见问题与解决方案 2. 处理本地时间和UTC时间 当你的应用需要处理用户所在地区的日期时间时,可能需要进行时区转换。JavaScript的Date对象可以方便地完成这个任务。例如,从UTC到本地时间: javascript const dateInUtc = new Date("2023-01-01T12:00:00.000Z"); const localDate = new Date(dateInUtc.getTime() + dateInUtc.getTimezoneOffset() 60 1000); console.log(localDate.toISOString()); // 输出本地时间的ISO格式 3. 自定义格式化 如果你想输出特定格式的日期时间,可以借助第三方库如moment.js或date-fns。例如,使用date-fns: javascript import { format } from 'date-fns'; const formattedDate = format(new Date(), 'yyyy-MM-dd HH:mm:ss'); console.log(formattedDate); // 输出自定义格式的日期字符串 四、跨平台兼容性和API设计 4. 跨平台兼容性 在处理跨平台的API接口时,确保日期时间格式的一致性至关重要。JSON.stringify()和JSON.parse()方法默认会按照ISO 8601格式进行序列化和反序列化。但如果你的后端和前端使用的时区不同,可能会引发混淆。这时,可以通过传递一个可选的时间zone参数来指定: javascript const date = new Date(); const jsonDate = JSON.stringify(date, null, 2, "America/New_York"); // 使用纽约时区 五、总结与展望 5. 总结 JSON日期时间格式化虽然看似简单,但在实际应用中可能会遇到各种挑战。懂规矩,还得配上好工具和诀窍,这样玩数据才能又快又溜!就像厨师炒菜,得知道怎么配料,用啥锅具,才能做出美味佳肴一样。嘿,你知道吗?JavaScript的世界就像个不停冒泡的派对,新潮的库和工具层出不穷,比如那个超酷的day.js和超级实用的js-time-ago,它们让日期时间这事儿变得轻松多了,简直就像魔法一样! 通过这次探索,我们不仅掌握了JSON日期时间的格式,还了解了如何优雅地解决跨平台和时区问题。记住,无论何时,面对复杂的数据格式,耐心和实践总是关键。希望这篇文章能帮你更好地驾驭JSON中的日期时间格式,提升你的开发效率。 --- 本文作者是一位热爱编程的开发者,对JSON和日期时间处理有着深厚的兴趣。在日常的码农生涯里,他深感不少小伙伴在这个领域摸不着头脑,于是他慷慨解囊,把自己摸爬滚打的经验和领悟一股脑儿分享出来,就想让大家能少踩点坑,少走点冤枉路。
2024-04-14 10:31:46
566
繁华落尽
Material UI
...题,并提供一些解决的方法。 二、什么是数据绑定? 在React中,数据绑定是指将数据从一个地方(通常是一个状态对象)连接到另一个地方(通常是一个组件的属性)。例如,我们可以创建一个状态对象: jsx class MyComponent extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return {this.state.count} ; } } 在这个例子中,count是我们的状态变量,它的值会反映在组件的渲染结果上。这就是数据绑定的一个基本示例。 三、数据绑定错误的情况 然而,在使用Material UI时,我们可能会遇到数据绑定错误的情况。在这种情况下,组件的状态可能没法及时同步更新,就像你手机里的信息延迟推送一样,这样一来,展示出来的数据就可能跟你心里预期的对不上号啦。以下是一些常见的情况: 1. 使用了未绑定的状态变量 如果我们在一个组件的render方法中直接使用了一个未绑定的状态变量,那么这个变量的值是不会更新的。 2. 数据流混乱 如果多个组件之间的数据流管理不当,也可能会导致数据绑定错误。比如,假如我们在一个爹级组件里头动了某个状态变量的小手脚,可是在它下面的崽级组件却没跟着刷新界面,那这娃儿的数据就卡在老地方没法变新喽。 四、如何解决数据绑定错误? 下面我们将介绍一些常见的解决方法: 1. 使用PureComponent 如果你的组件没有进行任何复杂的计算或者使用了shouldComponentUpdate生命周期方法,那么你可以考虑使用PureComponent。你知道吗,当你给PureComponent喂入新的props或state时,它会超级智能地自己去检查这些内容是否有变化。如果没有一丁点儿改动,它就会偷个小懒,决定不重新渲染自己,这样一来就节省了不少力气呢! 2. 在props和state之间建立桥梁 如果你需要在组件的props和state之间传递数据,那么可以使用context API或者Redux等工具来建立桥梁。 3. 适当使用state和props 在React中,我们应该尽可能地减少不必要的state,因为state会导致组件的频繁渲染。相反,我们应该尽可能地利用props,因为props可以防止组件内部状态的相互影响。 五、结论 数据绑定是React中一个非常重要的概念,但是有时候我们可能会遇到数据绑定错误的情况。嘿,这篇文章专门聊了几个咱们平时经常遇到的数据绑定小错误,还贴心地附上了搞定它们的办法。希望你看完之后,能像吃了一颗定心丸一样,以后再碰到这些问题都能轻松应对,不再烦恼~ 总的来说,我们需要理解和掌握React的核心概念,这样才能更好地使用Material UI和其他React相关的工具。同时,我们也需要注意避免一些常见的陷阱,以免出现数据绑定错误。
2023-08-19 18:19:59
303
柳暗花明又一村-t
Bootstrap
...Instance 方法来初始化下拉菜单: javascript document.addEventListener('DOMContentLoaded', function () { var dropdowns = document.querySelectorAll('.dropdown-toggle') Array.from(dropdowns).forEach(function (dropdown) { bootstrap.Dropdown.getOrCreateInstance(dropdown) }) }) 上述代码会在页面加载完成后对所有带有 .dropdown-toggle 类名的元素进行下拉菜单初始化操作,这样一来,下拉菜单就可以正常地展开和收回了。 总结 通过上面的示例代码和解析,我们可以看到,使用 Bootstrap 创建下拉菜单时,不仅需要注意 HTML 结构,还需正确引入并初始化相关的 JavaScript 插件。当碰到“下拉菜单顽固不肯收回去”的状况时,咱们得淡定地、一步步地审查脚本的引用情况和初始化步骤,这样才能准确无误地找到问题的藏身之处。在编程这个领域里,每一个小细节都像一块积木一样重要,你可别小瞧了那些看似不起眼的小问题,它们就像隐藏在机器王国里的捣蛋鬼,随时可能给你惹出大乱子来。因此,让我们在探索与实践中,不断积累经验,提升技能,享受解决问题的乐趣吧!
2023-11-22 18:24:59
482
寂静森林_
NodeJS
...开发时,我们经常需要处理文件和路径的操作。但是,在一些特定的情况下,我们可能会遇到一个错误,即“ENOENT: no such file or directory”。这个错误表示我们试图访问的文件或目录不存在。 当我们在NodeJS版本>=10中尝试访问一个不是目录的文件时,就会出现这个问题。比如说,当我们试着把一个文件当作流来读取,但实际上人家是个文本文件的时候,就可能会碰上这个问题。那么,如何避免这个错误呢? 二、问题原因分析 “ENOENT: no such file or directory”错误的主要原因是我们的程序试图访问的文件或目录不存在。这可能是因为我们在编写代码时,不小心把文件或者目录的名字给写错了,要么就是那个文件或者目录被我们无意中删除了,或者它自己“跑路”去了其他地方。 在NodeJS版本>=10中,如果我们尝试将一个不是目录的文件作为目录来访问,就会出现“ENOTDIR: Not a directory”错误。这是因为,在NodeJS的世界里,甭管啥文件,统统都被视为普普通通的文件,而不是什么高大上的目录。因此,如果我们试图将一个文件作为目录来访问,就会出现这个错误。 三、解决方案 那么,如何解决“ENOTDIR: Not a directory”错误呢?下面是一些可能的解决方案: 1. 检查文件或目录是否存在 在访问文件或目录之前,我们需要先检查它们是否存在。如果它们不存在,我们就不能访问它们,否则就会出现“ENOENT: no such file or directory”错误。 示例代码如下: javascript let exists = fs.existsSync('file.txt'); if (!exists) { console.error('File not found!'); } 如果文件存在,我们就继续访问它。如果文件不存在,我们就输出一个错误消息。 2. 将文件视为普通文件,而不是目录 在NodeJS中,所有的文件都被视为普通文件,而不是目录。所以,如果我们心血来潮,硬要把一个文件当成文件夹来打开,系统就会抛出个“ENOTDIR:这不是个目录”的错误给我们,意思是它压根不是我们想找的文件夹。 因此,我们需要确保我们在访问文件时,将其视为普通文件,而不是目录。 示例代码如下: javascript fs.readFile('file.txt', 'utf8', function(err, data) { if (err) { if (err.code === 'EISDIR') { console.error('Cannot read from a directory!'); } else { console.error('An error occurred:', err); } } else { console.log(data); } }); 在这段代码中,我们首先尝试读取文件的内容。如果读取过程中发生错误,我们就检查错误代码。要是你遇到个错误代码"EISDIR",那咱就给用户撂个明白话儿:你这会儿是想从一个文件夹里头读取东西呢,这操作可不行。 3. 使用fs.stat()方法检查文件类型 我们也可以使用fs.stat()方法检查文件的类型。如果文件是一个目录,我们就不能将其作为普通文件来访问。 示例代码如下: javascript fs.stat('file.txt', function(err, stats) { if (err) { if (err.code === 'EISDIR') { console.error('Cannot read from a directory!'); } else { console.error('An error occurred:', err); } } else { if (stats.isDirectory()) { console.error('Cannot read from a directory!'); } else { console.log('Reading file...'); } } }); 在这段代码中,我们首先使用fs.stat()方法获取文件的统计信息。然后,我们检查文件的类型。如果文件是一个目录,我们就输出一个错误消息。否则,我们就开始读取文件的内容。 四、总结 总的来说,“ENOTDIR: Not a directory”错误是由于我们试图访问一个不是目录的文件或目录导致的。为了避免犯这个错误,咱们得保证自家的程序够机灵,能够准确地核实文件或者目录是不是真的存在。而且啊,它还要能聪明地分辨出啥时候该把一个东西看成普通的文件,而不是个目录。另外,咱们还可以用fs.stat()这个小技巧来瞅瞅文件的真身,确保咱不会把文件错认成目录,闹出乌龙。
2023-04-14 13:43:40
118
青山绿水-t
MyBatis
...进行数据库操作的服务方法,例如下面这段简单的示例代码: java @Mapper public interface UserMapper { @Update("UPDATE user SET username={username} WHERE id={userId}") int updateUsername(@Param("userId") Integer userId, @Param("username") String username); } @Service public class UserService { private final UserMapper userMapper; public UserService(UserMapper userMapper) { this.userMapper = userMapper; } public void updateUser(Integer userId, String username) { // 假设此处由于疏忽,只传入了一个参数 userMapper.updateUsername(userId); // 此处应该传入两个参数,但实际只传了userId } } 在上述场景中,我们意图更新用户信息,但不幸的是,在调用updateUsername方法时,仅传入了userId参数,而忽略了username参数。运行此段代码,MyBatis将会抛出StatementParameterIndexOutOfRange异常,提示“Prepared statement parameter index is out of range”。 3. 异常原因剖析 --- 该异常的本质是我们在执行SQL预编译语句时,为占位符(如:{username}和{userId})提供的参数数量与占位符的数量不匹配导致的。在MyBatis的工作原理里,它会根据SQL语句里那些小问号(参数占位符)的数量,亲手打造一个PreparedStatement对象。然后呢,就像我们玩拼图一样,按照顺序把每个参数塞到对应的位置上。当尝试访问不存在的参数时,自然就会引发这样的错误。 4. 解决方案及预防措施 --- 面对StatementParameterIndexOutOfRange异常,解决的关键在于确保传递给映射方法的参数数量与SQL语句中的参数占位符数量相匹配。回到上面的示例代码,正确的做法应该是: java public void updateUser(Integer userId, String username) { userMapper.updateUsername(userId, username); // 正确地传入两个参数 } 同时,为了预防此类问题的发生,我们可以采取以下几种策略: - 代码审查:在团队协作开发过程中,对于涉及SQL语句的方法调用,应仔细检查参数是否齐全。 - 单元测试:编写完善的单元测试用例,覆盖所有可能的参数组合情况,确保SQL语句在各种情况下都能正确执行。 - IDE辅助:利用IDE(如IntelliJ IDEA)的代码提示功能,当方法需要的参数缺失时,IDE通常会在编辑器中给出警告提示。 5. 总结与思考 --- 尽管StatementParameterIndexOutOfRange异常看似简单,但它提醒我们在使用MyBatis等ORM框架时,务必细心对待SQL语句中的参数传递。每个程序员在高强度的编程赶工中,都免不了会犯些小马虎。重点在于,得学会怎样火眼金睛般快速揪出问题所在,同时呢,也得通过一些实实在在的预防招数,让这类小错误尽量少地冒泡儿。因此,养成良好的编程习惯,提高代码质量,是我们每一位开发者在追求技术进步道路上的重要一课。
2024-01-24 12:47:10
115
烟雨江南
Saiku
...,除了掌握工具的使用方法,更应关注如何根据业务场景变化进行动态调整,以及如何结合新兴技术趋势提升维度设计的有效性。 近期,随着大数据和人工智能技术的发展,智能化维度发现与优化成为新的研究热点。例如,基于机器学习的自动化维度识别系统能够快速从海量数据中抽取出关键的业务维度,并自动生成相应的维度层次结构。同时,实时分析与预测的需求也促使维度设计向实时更新、动态扩展的方向演进,以满足企业对市场变化快速响应的要求。 此外,随着数据隐私保护法规日益严格,维度设计时还需充分考虑数据脱敏、权限控制等问题,确保在满足分析需求的同时符合合规要求。因此,未来维度设计不仅需要理论知识与实践经验的积累,更需紧跟技术潮流,将前沿技术与业务逻辑深度融合,以适应不断变化的数据生态和业务环境。
2023-11-09 23:38:31
102
醉卧沙场
Dubbo
...它超级给力,能支持跨语言通信。简单来说,就是它提供了一堆实用的接口和服务工具箱,让开发者们轻轻松松就能搭建起高效的分布式系统,就像搭积木一样方便快捷。在 Dubbo 中,一个服务调用链路包括以下步骤: 1. 客户端向注册中心发起服务请求。 2. 注册中心根据服务名查找对应的提供者列表,并返回给客户端。 3. 客户端从提供者列表中选择一个提供者进行调用。 4. 提供者接收到来自客户端的请求并处理,然后返回响应数据。 5. 客户端接收到响应数据后,整个服务调用链路结束。 三、服务调用链路断裂原因分析 当 Dubbo 服务调用链路发生断裂时,通常可能是以下几个原因导致的: 1. 网络中断 例如服务器故障、网络波动等。 2. 服务不可用 提供者服务未正常运行,或者服务注册到注册中心失败。 3. 调用超时 例如客户端设置的调用超时时间过短,或者提供者处理时间过长。 4. 编码错误 例如序列化/反序列化错误,或者其他逻辑错误。 四、案例分析 Dubbo 服务调用链路断裂实践 接下来,我们将通过一个具体的 Dubbo 实现示例,看看如何解决服务调用链路断裂的问题。 java // 创建 Dubbo 配置对象 Configuration config = new Configuration(); config.setApplication("application"); config.setRegistry("zookeeper://localhost:2181"); config.setProtocol("dubbo"); // 创建消费者配置 ReferenceConfig consumerConfig = new ReferenceConfig<>(); consumerConfig.setInterface(HelloService.class); consumerConfig.setVersion("1.0.0"); consumerConfig.setUrl(config.toString()); // 获取 HelloService 实例 HelloService helloService = consumerConfig.get(); // 使用实例调用服务 String response = helloService.sayHello("world"); System.out.println(response); // 输出 "Hello world" 五、故障排查与解决方案 当 Dubbo 服务调用链路发生断裂时,我们可以采取以下措施进行排查和修复: 1. 查看日志 通过查看 Dubbo 相关的日志,可以帮助我们了解服务调用链路的具体情况,如异常信息、执行顺序等。 2. 使用调试工具 例如 JVisualVM 或 Visual Studio Code,可以实时监控服务的运行状态,帮助我们找到可能存在的问题。 3. 手动复现问题 如果无法自动复现问题,可以尝试手动模拟相关环境和条件,以获取更准确的信息。 4. 优化服务配置 针对已知问题,可以调整 Dubbo 配置,如增大调用超时时间、优化服务启动方式等。 六、结论 在实际使用 Dubbo 的过程中,服务调用链路断裂是常见的问题。通过实实在在地深挖问题的根源,再结合实际场景中的典型案例动手实践一下,咱们就能更接地气、更透彻地理解 Dubbo 是怎么运作的。这样一来,碰到服务调用链路断掉的问题时,咱就能轻松应对,把它给妥妥地解决了。希望本文能够对你有所帮助,期待你的留言和分享!
2023-06-08 11:39:45
490
晚秋落叶-t
Flink
正文: 在大数据处理中,常常遇到数据丢失的情况,此时就需要使用一种方法来保护我们的数据不被永久丢失。这时Flink的Savepoint就派上用场了。本文将详细介绍Flink的Savepoint如何创建和恢复。 1. 创建Savepoint 首先,我们需要了解什么是Savepoint。Savepoint,这东西就好比是Flink在干活儿的时候,给自己拍了个快照。它会把当前正在进行的任务的所有状态,包括那些大到全局状态、小到本地状态的详细信息,还有当时正在跑的数据流图,都给妥妥地保存下来,就像是游戏存档一样,方便以后接着干。这样一来,哪怕任务突然因为某个原因挂了,我们也有办法通过Savepoint这个小救星,瞬间把一切恢复到它停止前的样子,就像啥事都没发生过一样。 接下来,我们来看一下如何创建Savepoint。在Flink的源代码中,可以通过以下方式创建Savepoint: java ExecutionEnvironment env = ExecutionEnvironment.getExecutionEnvironment(); env.enableCheckpointing(50); // 设置每50个元素触发一次checkpoint // 其他代码... Savepoint savepoint = env.createSavepoint("hdfs://path/to/savepoint"); 上述代码中的enableCheckpointing()方法用于设置每次触发checkpoint的时间间隔。在这段代码中,我们设置了每50个元素触发一次checkpoint。同时呢,我们也动手用了一个叫createSavepoint()的神奇小方法,生成了一个Savepoint宝贝。这个宝贝可厉害了,它肚子里装着所有我们万一需要恢复的重要状态信息。 2. 恢复Savepoint 创建好Savepoint后,我们就可以通过它来恢复任务的状态。在Flink的源代码中,可以通过以下方式恢复Savepoint: java ExecutionEnvironment env = ExecutionEnvironment.getExecutionEnvironment(); // 加载Savepoint Savepoint restoreSavepoint = Savepoint.load("hdfs://path/to/savepoint"); // 将恢复后的状态应用到任务中 env.setStateBackend(new RocksDBStateBackend("hdfs://path/to/state/backend")); // 设置state backend env.restore(restoreSavepoint); 上述代码中的load()方法用于加载Savepoint。在这段代码中,我们通过load()方法加载了之前创建的Savepoint。同时,我们也通过setStateBackend()方法设置了state backend的位置。最后,我们通过restore()方法将恢复后的状态应用到了任务中。 3. 注意事项 虽然Savepoint是一个非常有用的工具,但是在使用它时也有一些需要注意的地方。例如,如果任务在恢复时发生错误,那么将会导致整个应用程序崩溃。所以在应对恢复任务这个问题上,咱们得保证应用程序能够妥妥地应对这种状况,一点儿差错都不能出。 此外,Savepoint本身也会占用一定的存储空间。所以,要是你的任务碰上要处理海量数据的情况,那么很有必要隔段时间就清理一下Savepoint。 总的来说,Flink的Savepoint是一个非常有用的工具,它可以帮助我们保护数据并快速恢复任务的状态。不过,我们在使用这玩意儿的时候,也得留心一些注意事项,这样才能保证这个应用程序能够稳稳当当、靠得住地运行。
2023-08-08 16:50:09
539
初心未变-t
ReactJS
...错误二 忘记bind方法 在React类组件中,如果直接在事件处理函数中引用this关键字,可能会出现undefined的问题,这是因为事件处理函数默认没有绑定到当前组件实例。为此,我们需要在构造函数中进行手动绑定,或者使用箭头函数。 jsx class MyComponent extends React.Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); // 手动绑定 } handleClick() { console.log('Clicked:', this.props.message); } render() { return Click me; } } // 或者使用箭头函数实现自动绑定 class MyComponent extends React.Component { handleClick = () => { console.log('Clicked:', this.props.message); } render() { return Click me; } } 在这个案例中,如果不进行绑定或使用箭头函数,this在handleClick函数内部将不会指向组件实例,从而无法访问组件的状态和属性。 4. 错误三 动态事件绑定 在某些场景下,我们可能需要根据条件动态地绑定不同的事件处理函数。这时候,假如我们在渲染的过程中直接在里头定义函数,就像每次做饭都重新买个锅一样,会导致每一次渲染的时候,都会生成一个新的函数实例。这就像是你本来只是想热个剩菜,结果却触发了整个厨房的重新运作,完全是没必要的重新渲染过程。 jsx // 错误示例: render() { const handleClick = () => { console.log('Clicked'); }; return Click me; } // 正确示例: class MyComponent extends React.Component { handleClick = () => { console.log('Clicked'); } render() { let clickHandler; if (this.props.shouldLog) { clickHandler = this.handleClick; } else { clickHandler = () => {}; // 空函数防止不必要的调用 } return Click me; } } 在正确示例中,我们提前定义好事件处理函数,并在render方法中根据条件选择合适的处理函数进行绑定,避免了每次渲染都创建新函数的情况。 5. 结语 面对ReactJS中的事件绑定问题,关键在于深入理解其工作原理并遵循最佳实践。真功夫都是从实践中磨出来的,只有不断摔跤、摸爬滚打、学习钻研,解决各种实际问题,我们才能真正把ReactJS这个牛X的前端框架玩得溜起来。希望你在ReactJS的世界里探险时,能够巧妙地避开那些常让人跌跤的事件绑定坑洼,亲手打造出更加强劲又稳当的组件代码,让编程之路更加顺风顺水。下次当你再次面对事件绑定问题时,相信你会带着更坚定的信心和更深的理解去应对它!
2023-08-11 19:00:01
132
幽谷听泉
转载文章
...式是指将原始信息进行处理以隐藏其真实内容的方法,在信息安全领域广泛应用。在本文中,加密方式具体指代一种基于原文和正整数key的关系对密文进行加密的技术手段。密文中每个元素s i 以及它们的总和A和乘积B共同作用,使得key值计算为B mod A,即密文中所有元素的乘积对所有元素和取模的结果。 Mod函数 , 在计算机编程中,Mod函数(也称为求模运算符%)用于计算两个整数相除后的余数。在本文给出的C++代码片段中,自定义函数Mod(unsigned long long x,unsigned long long a,unsigned long long mod)实现了大整数范围下的模运算,用于在解密过程中逐个计算密文中各元素的贡献值并累加,最终得到满足题意要求的key值。
2024-01-04 21:21:17
360
转载
VUE
...在开发过程中经常需要处理各种各样的DOM操作,这其中就包括了数据与视图的双向绑定。Vue.js,可真是个不得了的神器,它能帮咱们轻轻松松地搞定这些功能,一点儿也不费劲儿。然而,在实际使用中,我们可能会遇到一些问题,例如当组件卸载时,如何安全地解除已绑定的数据与视图之间的关系?这就是我们要探讨的主题——Vue.js中的取消绑定。 2. Vue.js的基本原理 在理解取消绑定之前,我们需要先了解Vue.js的基本工作原理。Vue.js的核心是数据对象(data object)和虚拟DOM(virtual DOM)。数据对象就像是个大仓库,里面装着应用程序所有的状态信息。至于虚拟DOM嘛,你可以把它想象成一个超级轻巧的JavaScript小助手,它的工作就是模仿真实DOM的样子,复制它的结构布局和样式设计,让我们的应用能够更快更顺畅地运行起来。你知道吗,每当数据里的小东西发生变化时,Vue.js这个机灵鬼就会悄悄地对比一下虚拟DOM和真实DOM,看看它们俩是不是“貌合神离”了。如果是的话,Vue.js就会尽可能地偷个懒,只对真实DOM做最少次数的更新操作,超级高效又贴心呢! 3. 绑定数据与视图 在Vue.js中,我们可以使用v-model指令将模型(model)和视图(view)进行绑定。当我们改变模型的值时,视图会自动更新,反之亦然。例如: html Message is: { { msg } } 在这个例子中,当我们在输入框中输入内容时,视图(p标签中的内容)会自动更新为输入的内容。 4. 取消绑定 然而,当我们不再需要某个元素的事件监听或者数据绑定时,我们应该如何操作呢?这就是我们要讨论的取消绑定。 首先,我们可以直接移除事件监听器。例如: javascript var vm = new Vue({ el: 'app', methods: { sayHello: function() { alert('Hello!') } } }) // 移除sayHello方法的事件监听器 vm.$off('click', vm.sayHello) 其次,我们也可以通过$destroy()方法销毁组件及其所有子组件,从而清除其绑定的数据和事件监听器。例如: javascript var vm = new Vue({ el: 'app' }) // 销毁vm实例 vm.$destroy() 5. 小结 本文主要介绍了Vue.js中的取消绑定,包括如何移除事件监听器以及如何销毁组件及其所有子组件,从而清除其绑定的数据和事件监听器。同时,我们也简单回顾了Vue.js的基本工作原理和数据绑定的过程。希望通过这篇文章,能够帮助大家更好地理解和使用Vue.js。 6. 结束语 Vue.js是一个非常强大的框架,它提供了一种优雅的方式来管理复杂的UI逻辑和数据绑定。虽然取消绑定这事儿乍一听可能让人有点懵圈,不过只要我们熟练掌握了那些独门绝技和正确步骤,就绝对能够游刃有余地搞定各种难缠的挑战啦。希望这篇文章能够给大家带来一些启发和帮助。
2023-06-20 13:20:41
139
星辰大海_t
c++
...过push_back方法来实现。例如: cpp include using namespace std; int main() { vector v; v.push_back(1); v.push_back(2); v.push_back(3); return 0; } 在上述代码中,我们向名为v的Vector容器中添加了三个整型元素,分别是1、2和3。 五、从Vector容器中删除元素 如果我们想要从Vector容器中删除某个元素,可以使用erase方法。例如: cpp include using namespace std; int main() { vector v = {1, 2, 3, 4, 5}; v.erase(v.begin() + 2); for (auto it : v) { cout << it << " "; } return 0; } 在上述代码中,我们首先创建了一个包含五个整型元素的Vector容器,然后通过erase方法删除了索引为2的元素。最后,我们通过遍历Vector容器并打印每个元素,验证了删除操作的效果。 六、获取Vector容器的大小 有时候,我们可能需要知道Vector容器中有多少个元素。这时,可以使用size方法来获取。例如: cpp include using namespace std; int main() { vector v = {1, 2, 3, 4, 5}; cout << "The size of the vector is: " << v.size() << endl; return 0; } 在上述代码中,我们通过调用v.size()方法,获取了名为v的Vector容器的大小,输出结果为5。 七、总结 以上就是关于如何使用C++ STL中的Vector容器的一些基本知识。通过这篇技术分享,我们像朋友一样面对面地聊了聊Vector容器的基本知识,还深入探讨了它在编程实战中的各种巧妙应用。当然啦,这只是Vector容器的一小部分玩法,要想把它摸得门儿清,就得下更多的功夫去学习和动手实践才行。最后,希望大家在使用Vector容器的过程中能够顺利,有问题可以随时来问我哦!
2023-07-10 15:27:34
532
青山绿水_t
Consul
...种情况下,你需要一种方法来自动发现并管理这些服务。 这就是Consul应运而生的地方。Consul是一个开源的服务网格,它可以帮助你轻松地发现、配置和监控分布式系统中的所有服务。 2. 什么是Consul? 首先,我们需要明确一点:Consul不仅仅是一个服务注册和发现工具。虽然健康检查、配置管理和DNS是它的主力技能之一,但这家伙肚子里还藏着不少其他实用的小功能呢。 Consul的基本工作原理是这样的:当一个服务启动时,它会向Consul注册自己的信息,如IP地址、端口等。然后,其他服务也能够通过Consul这个小帮手,查找到它们想找的服务信息,就像在地图上找到目的地一样方便快捷。 3. Consul的工作流程 接下来,让我们看一下Consul的工作流程。 假设我们有一个Web应用,它依赖于一个数据库服务。当Web应用启动时,它会向Consul注册自己,并提供其IP地址和端口。同时,它还会告诉Consul它依赖于哪个数据库服务。 然后,Consul将这个信息存储在本地,并向所有连接到它的节点广播这个信息。这样一来,甭管哪个节点想要访问这个Web应用,它都可以通过Consul这小子找到该应用,并轻松获取到它的IP地址和端口信息,就像查电话本找号码一样简单明了。 如果你尝试访问这个Web应用,它会先去Consul查询数据库服务的IP地址和端口。如果Consul返回了一个有效的响应,Web应用就可以成功地连接到数据库了。要是Consul给咱返回了个无效的响应,比方说,由于数据库服务闹罢工了,Web应用就能感知到自己没法好好干活了,然后就会主动给自己按下暂停键。 这就是Consul的核心功能 - 服务发现。但是,这只是Consul的一部分功能。它还有许多其他的特性,如健康检查、配置管理和DNS。 4. 示例代码 下面是一些使用Consul的示例代码: python 连接到Consul client = consul.Consul() 注册服务 service_id = 'my-service' service_address = '192.168.1.1' service_port = 8080 service_tags = ['web', 'v1'] registration = client.agent.service.register( name=service_id, address=service_address, port=service_port, tags=service_tags, ) 查询服务 services = client.catalog.services() for service in services: print(service['Service']['ID']) 5. 结论 总的来说,Consul是一个强大且灵活的服务网格,它可以解决分布式系统中的一些常见问题,如服务发现、健康检查、配置管理和DNS。无论你是开发人员还是运维工程师,都应该了解一下Consul,看看它是否能够帮助你解决问题。
2023-05-01 13:56:51
489
夜色朦胧-t
Javascript
...ntListener方法来监听这些鼠标事件。下面是一个基本的代码示例,演示如何为一个按钮添加点击事件监听器: javascript // 获取页面上的某个按钮元素 var myButton = document.getElementById('myButton'); // 为按钮添加click事件监听器 myButton.addEventListener('click', function(event) { // 当按钮被点击时,执行这个函数 console.log('Button clicked!'); // event对象包含了关于此事件的各种信息,例如点击的位置等 console.log('Clicked at: ' + event.clientX + ', ' + event.clientY); }); // 注意:如果你使用的是ES6箭头函数,可以简化为如下形式: myButton.addEventListener('click', (event) => { console.log('Button clicked using arrow function!'); }); 3. 处理多个鼠标事件 我们可以同时为同一个元素监听多种鼠标事件,每个事件对应不同的处理函数: javascript var myDiv = document.getElementById('myDiv'); // 单击事件 myDiv.addEventListener('click', function() { this.style.backgroundColor = 'red'; // 点击后背景变红 }); // 鼠标悬停事件 myDiv.addEventListener('mouseover', function() { this.textContent = 'Mouse is over!'; // 鼠标悬停时显示提示文字 }); // 鼠标离开事件 myDiv.addEventListener('mouseleave', function() { this.textContent = ''; // 鼠标离开后清除提示文字 }); 4. 移除事件监听器 有时我们需要动态移除已添加的事件监听器,这时可以使用removeEventListener方法: javascript var myInput = document.getElementById('myInput'); // 添加focus事件监听器 function handleFocus() { console.log('Input gained focus'); } myInput.addEventListener('focus', handleFocus); // 在某些条件满足时,移除该监听器 function disableFocusListener() { myInput.removeEventListener('focus', handleFocus); console.log('Focus listener has been removed.'); } // 假设某个操作后需要移除监听器,调用disableFocusListener函数即可 以上就是JavaScript监听鼠标事件的基本内容。通过实例代码的学习,相信你已经掌握了这一重要技能。但是千万记住啊,在实际操作里,根据项目的具体需求和用户体验的实际情况,我们可能需要对这些事件进行更深度、更精细的处理和优化,就像是给它们来一场全面升级的大改造一样。探索永无止境,希望你在JavaScript的道路上越走越远,享受编程带来的乐趣!
2023-04-06 13:52:34
335
烟雨江南
Element-UI
...on分页组件的使用方法 在Element-UI中,我们可以直接通过引入相应的CSS和JS文件,然后在HTML中添加相应的标签来使用elpagination分页组件。下面是一个简单的使用示例: html 在这个例子中,我们首先引入了el-pagination的样式和JavaScript库,然后在模板中添加了一个el-pagination组件。我们在这玩意儿的组件上搞了个叫handleCurrentChange的小开关,好比这样:只要用户手一滑,翻了页码,这个小开关就立马启动工作,执行它的任务。同时呢,我们还巧妙地运用了:current-page.sync和:total这两个小家伙,把当前页码和总的页数,像绑鞋带一样牢牢地绑定在了currentPage和total这两个变量上,这样一来,它们就能实时同步更新啦! 三、动态获取并更新数据 现在,我们已经知道如何在前端界面中显示分页信息了,但是,我们还需要让这个分页组件能够根据我们的数据动态获取并更新信息。这就需要用到JavaScript的数组操作方法和Vue.js的数据绑定特性。 首先,我们需要确保我们的tableData数组能够实时反映后端服务器上的数据变化。这通常是通过监听后端服务器的某些API接口来实现的。例如,在Vue.js中,我们可以通过以下方式来实现这个功能: javascript new Vue({ el: 'app', data: { tableData: [] }, mounted() { this.fetchData(); }, methods: { fetchData() { // 这里是发送请求获取数据的逻辑 fetch('https://api.example.com/data') .then(response => response.json()) .then(data => (this.tableData = data)) } } }) 在这个例子中,我们首先创建了一个新的Vue实例,并定义了一个空的tableData数组作为其数据源。接着,在组件挂载的时候,我们瞅准了mounted这个关键时刻,果断调用了fetchData这个小家伙,让它麻溜地跑去服务器那把我们需要的数据给拽过来。最后,我们将服务器返回的数据赋值给了tableData数组。 四、总结 总的来说,elpagination分页组件提供了一种方便的方式来处理大量数据。嘿,你知道吗?借助Vue.js那个超酷的数据绑定功能,咱们就能轻轻松松地让分页信息实现同步更新,就像魔法一样实时展现出来!另外,我们还能巧妙地运用JavaScript里面的数组处理技巧,让咱们的应用能够更灵敏地应对用户的各种操作,这样一来,就能带给用户更加棒的使用感受啦!
2023-07-21 09:36:26
538
幽谷听泉-t
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
renice priority_level -p pid
- 更改已运行进程的优先级。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"