前端技术
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
[删除Docker容器 图像 卷和网络资源...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Flink
...待时间等参数,以应对网络波动、硬件故障等非预期问题导致的任务执行失败,从而增强整个流处理任务的鲁棒性和稳定性。
2023-09-18 16:21:05
414
雪域高原-t
SeaTunnel
...el支持多种数据转换操作,例如清洗、过滤、聚合等。以下是一个简单的字段筛选和转换示例: yaml transform: - type: select fields: ["field1", "field2"] - type: expression script: "field3 = field1 + field2" 这段配置表示仅选择field1和field2字段,并进行一个简单的字段运算,生成新的field3。 2.3 数据写入目标系统 处理后的数据可以被发送到任意目标系统,比如另一个Kafka主题或HDFS: yaml sink: type: kafka09 bootstrapServers: "localhost:9092" topic: "output-topic" 或者 yaml sink: type: hdfs path: "hdfs://namenode:8020/output/path" 3. 实现 ExactlyOnce 语义 ExactlyOnce 语义是指在分布式系统中,每条消息只被精确地处理一次,即使在故障恢复后也是如此。在SeaTunnel这个工具里头,我们能够实现这个目标,靠的是把Flink或者其他那些支持“ExactlyOnce”这种严谨语义的计算引擎,与具有事务处理功能的数据源和目标巧妙地搭配起来。就像是玩拼图一样,把这些组件严丝合缝地对接起来,确保数据的精准无误传输。 例如,在与Apache Flink整合时,SeaTunnel可以利用Flink的Checkpoint机制来保证状态一致性及ExactlyOnce语义。同时,SeaTunnel还有个很厉害的功能,就是针对那些支持事务处理的数据源,比如更新到Kafka 0.11及以上版本的,还有目标端如Kafka、能进行事务写入的HDFS,它都能联手计算引擎,确保从头到尾,数据“零丢失零重复”的精准传输,真正做到端到端的ExactlyOnce保证。就像一个超级快递员,确保你的每一份重要数据都能安全无误地送达目的地。 在配置中,开启Flink Checkpoint功能,确保在处理过程中遇到故障时可以从检查点恢复并继续处理,避免数据丢失或重复: yaml engine: type: flink checkpoint: interval: 60s mode: exactly_once 总结来说,借助SeaTunnel灵活强大的流式数据处理能力,结合支持ExactlyOnce语义的计算引擎和其他组件,我们完全可以在实际业务场景中实现高可靠、无重复的数据处理流程。在这一路的“探险”中,我们可不只是见识到了SeaTunnel那实实在在的实用性以及它强大的威力,更是亲身感受到了它给开发者们带来的那种省心省力、安心靠谱的舒爽体验。而随着技术和需求的不断演进,SeaTunnel也将在未来持续优化和完善,为广大用户提供更优质的服务。
2023-05-22 10:28:27
113
夜色朦胧
转载文章
...将第一时间进行核实并删除相应内容。 数据库三大范式 无规矩不成方圆, Java有很多的规范,设计模式有7大原则,数据库同样也有它的规范,按照规范来设计维护数据库是程序员必备的素质, 目前关系数据库有六种范式:第一范式(1NF)、第二范式(2NF)、第三范式(3NF)、巴斯-科德范式(BCNF)、第四范式(4NF)和 第五范式(5NF,又称“完美范式")。 这篇文章只介绍三大范式,三大范式是设计数据库表结构的规则约束,但是在实际中允许局部变通。比如为了快速查询到关联数据可能会允许冗余字段的存在。 前置知识: 1.部分函数依赖: 设X,Y是关系R的两个属性集合,存在X→Y,若X’是X的真子集,存在X’→Y,则称Y部分函数依赖于X。 例如:通过AB能得出C,通过A也能得出C,通过B也能得出C,那么说C部分依赖于AB。 2.完全函数依赖 设X,Y是关系R的两个属性集合,X’是X的真子集,存在X→Y,但对每一个X’都有X’!→Y,则称Y完全函数依赖于X。 例如:通过AB能得出C,但是AB单独得不出C,那么说C完全依赖于AB. 3.传递函数依赖 设X,Y,Z是关系R中互不相同的属性集合,存在X→Y(Y !→X),Y→Z,则称Z传递函数依赖于X。 例如:通过A得到B,通过B得到C,但是C得不到B,B得不到A,那么成C传递依赖于A 第一范式:数据库表中的每一列都不可以再拆分,也就是原子性 例如: 这张表中 “部门岗位“ ”应该拆分成两个字段:==》 “部门名称”、“岗位”。 这样才能专门针对“部门名称”或“岗位”进行查询。 第二范式:在满足第一范式基础上(原子性),要求 非主键 都和 主键 完整相关, 而不能是依赖于主键的一部分 (主要针对联合主键而言)| 消除非主键对主键的部分依赖 例如下表: 使用“订单编号”和“产品编号”作为联合主键。此时 “产品价格”、“产品数量” 都和联合主键整体相关,但“订单金额”和“下单时间” 只和联合主键中的“订单编号”相关,和“产品编号”无关。所以只关联了主键中的部分字段,不满足第二范式。 把“订单金额”和“下单时间”移到订单表才 符合第二范式 第三范式: 在第二范式的基础上,非主键列只依赖于主键,不依赖于其他非主键。 就是说表中的非主键字段和主键字段直接相关,不允许间接相关。 例如: 表中的“部门名称”和“员工编号”的关系应该是是 “员工编号”→“部门编号” →“部门名称”, 而这张表中不是直接相关。此时会带来下列问题: 数据冗余:“部门名称”多次重复出现。 插入异常:组建一个新部门时没有员工信息,也就无法单独插入部门 信息。就算强行插入部门信息,员工表中没 有员工信息的记录同样是 非法记录。 删除异常:删除员工信息会连带删除部门信息导致部门信息意外丢失。 更新异常:哪怕只修改一个部门的名称也要更新多条员工记录。 正确的做法应该是:把上表拆分成两张表,以外键形式关联 “部门编号”和“员工编号”是直接相关的。 第二范式的另一种表述方式是:两张表要通过外键关联,不保存冗余字段。例如:不能在“员工表”中存储“部门名称”。 “部门编号”和“员工编号”是直接相关的。 第二范式的另一种表述方式是:两张表要通过外键关联,不保存冗余字段。例如:不能在“员工表”中存储“部门名称”。 学会变通:有时候为了快速查询到关联数据可能会允许冗余字段的存在。例如在员工表中存储部门名称虽然违背第三范式,但是免去了对部门表的关联查询。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_45204159/article/details/115282254。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-25 18:48:38
164
转载
Apache Solr
...也可以执行复杂的查询操作,极大地简化了开发人员与Solr全文搜索引擎集成的工作流程。 分布式部署 , 分布式部署是一种软件架构模式,在Solr的应用场景中,指的是将Solr服务部署在多台机器上,形成一个集群系统。通过分布式部署,Solr可以实现数据和查询请求的负载均衡,提高系统的稳定性和处理能力,适应大数据时代下海量数据存储和检索的需求。每个Solr实例可以在集群中独立处理部分数据和请求,并且能够通过复制和分片机制保证数据的高可用性。 聚合函数 , 在全文搜索和数据分析领域,聚合函数是指对一组或多组数据进行统计计算,得出汇总信息的功能。在Solr中,聚合函数支持对查询结果进行分组统计、计数、求和、平均值、最大值、最小值等多种统计分析操作。在本文所描述的场景中,用户可以通过Solr的查询语言提交包含聚合函数的查询请求,从大量的索引数据中快速提取出具有统计意义的结果,助力于大数据分析和决策制定。
2023-10-17 18:03:11
536
雪落无痕-t
HessianRPC
...方法一样,从而实现跨网络的服务调用。 方法签名 , 在编程语境中,方法签名是指一个方法的唯一标识,包括方法名以及参数类型列表(参数的数量、顺序及其对应的数据类型)。在HessianRPC中,服务端接口中的每个远程方法都有其特定的方法签名,客户端在调用时必须按照该签名提供正确的参数类型和数量,否则会导致方法调用失败,并可能抛出IllegalArgumentException异常。 IllegalArgumentException , IllegalArgumentException是Java编程语言中的一种运行时异常,通常在方法接收到非法或不合适的参数值时被抛出。在HessianRPC的上下文中,当客户端传给服务端的参数类型或数量与服务端方法签名定义的预期不符时,Hessian会抛出IllegalArgumentException异常,提示开发者检查并修正参数传递问题。
2024-01-16 09:18:32
542
风轻云淡
Superset
...能。用户可以通过拖拽操作创建丰富的图表和报告,并能直接查询多种数据库进行实时数据分析。在本文语境中,Superset被用于与Apache Kafka集成,实现对实时流数据的可视化展示和业务分析。 Apache Kafka , Apache Kafka是一个开源的、分布式的消息发布订阅系统,专为处理高吞吐量实时流数据而设计。Kafka通过其高效的消息队列机制,在多个生产者和消费者之间可靠地传输大量数据。在本文中,Kafka作为实时流数据源,其数据经过处理后被导入至Superset支持的数据库中,以供进一步的数据可视化及决策分析。 数据摄取 , 在大数据处理领域,数据摄取是指从不同源头获取数据并将数据加载到目标系统(如数据库、数据仓库或数据湖)的过程。在文中,数据摄取具体表现为使用kafka-python等工具从Apache Kafka的主题中读取实时消息流数据,然后将其导入至PostgreSQL或MySQL等关系型数据库中,以便后续在Superset中进行可视化展现和分析。
2023-10-19 21:29:53
301
青山绿水
Go Iris
...,即使在内存和CPU资源紧张的情况下也能跑得飞快。 最后,Go Iris对高并发的支持非常好。它本身就自带了一些专门为了应对超高并发场景而设计的优化小窍门,比如那个灵活聪明的goroutine调度器啦,还有那个高效给力的HTTP协程池啥的。 三、如何使用Go Iris实现高并发? 那么,如何使用Go Iris来实现高并发呢?以下是一些具体的建议: 3.1 使用goroutine Go语言的一个重要特点就是它的goroutine。一个goroutine是Go语言的一种轻量级线程。在一个应用程序里头,你完全可以同时启动多个小家伙(goroutine),它们就像一个团队一样,共同享用同一块堆栈和内存空间,相互协作,一块干活儿。 在使用Go Iris时,我们可以利用这一点来处理高并发请求。简单来说,当服务器收到一个请求时,咱可以立马生成一个新的小线程(就叫它“goroutine”吧)去专门处理这个请求,而不是傻傻地等当前的这个goroutine把所有事情干完再动手。就像是开个新窗口服务顾客,而不是让一个窗口排队等到天荒地老。 下面是一个简单的例子: go app.Get("/", func(c iris.Context) { // 处理请求 }) 在这个例子中,当服务器接收到GET /的请求时,会立即创建一个新的goroutine来处理这个请求。 3.2 使用HTTP协程池 除了使用goroutine之外,我们还可以使用HTTP协程池来进一步提高并发能力。 在Go Iris中,我们可以使用iris.ContextPool来创建一个HTTP协程池。接下来,我们可以把HTTP协程池这块好东西挂载到iris.DefaultServer上,这样一来,每当有请求飞过来的时候,它就会从这个HTTP协程池里头拽出一个协程去处理这些请求,就像小工人们排队等候工作一样。 下面是一个使用HTTP协程池的例子: go pool := iris.NewContextPool(100) server := iris.New() server.Use(pool) server.Get("/", func(c iris.Context) { // 处理请求 }) 在这个例子中,我们创建了一个包含100个goroutine的HTTP协程池,并将其添加到了iris.DefaultServer上。这样,每次接收到请求时,都会从HTTP协程池中取出一个goroutine来处理请求。 四、结论 总的来说,通过使用Go Iris,我们可以很容易地实现高并发。无论是选择用goroutine,还是决定采用HTTP协程池的方式,都能实实在在地帮我们提升并发处理的能力,让我们的程序运行更加流畅高效。不过呢,咱们也得留心一些小细节哈。比如,得保证咱们编的代码能够妥妥地应对并发问题,什么竞态条件、死锁这些幺蛾子,都得把它们稳稳拿捏住才行。 在未来,我相信Go Iris将会继续发展和完善,为我们提供更多的工具和功能来处理高并发。我们也可以期待更多的人加入到Go Iris的社区中,共同推动Go Iris的发展。
2023-06-14 16:42:11
478
素颜如水-t
Apache Pig
...丰富多样的数据类型和操作符,就像SQL那样好理解、易上手,让开发者能够更轻松愉快地处理数据,这样一来,开发的复杂程度就大大降低了,简直像是给编程工作减负了呢! 2. Pig Latin基础与示例 (1)加载数据 在Pig中,我们首先需要加载数据。例如,假设我们有一个存储在HDFS上的日志文件logs.txt,我们可以这样加载: pig logs = LOAD 'hdfs://path/to/logs.txt' AS (user:chararray, action:chararray, timestamp:long); 这里,我们定义了一个名为logs的关系,其中每一行被解析为包含用户(user)、行为(action)和时间戳(timestamp)三个字段的数据元组。 (2)数据清洗与转换 接着,我们可能需要对数据进行清洗或转换。比如,我们要提取出所有用户的活跃天数,可以这样做: pig -- 定义一天的时间跨度为86400秒 daily_activity = FOREACH logs GENERATE user, DATEDIFF(TODAY(), FROM_UNIXTIME(timestamp)) as active_days; (3)分组与聚合 进一步,我们可以按照用户进行分组并计算每个用户的总活跃天数: pig user_activity = GROUP daily_activity BY user; total_activity = FOREACH user_activity GENERATE group, SUM(daily_activity.active_days); (4)排序与输出 最后,我们可以按总活跃天数降序排序并存储结果: pig sorted_activity = ORDER total_activity BY $1 DESC; STORE sorted_activity INTO 'output_path'; 3. Pig在复杂数据分析中的优势 在面对复杂数据集时,Pig的优势尤为明显。它的链式操作模式使得我们可以轻松构建复杂的数据处理流水线。同时,Pig还具有优化器,能够自动优化我们的脚本,确保在Hadoop集群上高效执行。另外,Pig提供的UDF(用户自定义函数)这个超级棒的功能,让我们能够随心所欲地定制函数,专门解决那些特定的业务问题,这样一来,数据分析工作就变得更加灵活、更接地气了。 4. 思考与探讨 在实际应用中,Apache Pig不仅让我们从繁杂的MapReduce编程中解脱出来,更能聚焦于数据本身以及所要解决的问题。每次我捣鼓Pig Latin脚本,感觉就像是在和数据面对面唠嗑,一起挖掘埋藏在海量信息海洋中的宝藏秘密。这种“对话”的过程,既是数据分析师的日常挑战,也是Apache Pig赋予我们的乐趣所在。它就像给我们在浩瀚大数据海洋中找方向的灯塔一样,把那些复杂的分析任务变得轻松易懂,简明扼要,让咱一眼就能看明白。 总结来说,Apache Pig凭借其直观的语言结构和高效的数据处理能力,成为了大数据时代复杂数据分析的重要利器。甭管你是刚涉足大数据这片江湖的小白,还是身经百战的数据老炮儿,只要肯下功夫学好Apache Pig这套“武林秘籍”,保管你的数据处理功力和效率都能蹭蹭往上涨,这样一来,就能更好地为业务的腾飞和决策的制定保驾护航啦!
2023-04-05 17:49:39
643
翡翠梦境
Lua
...ttable这两个操作时容易出错的地方。这不仅是一个技术挑战,更是一次深入理解Lua机制的机会。 一、初次遭遇 神秘的错误提示 故事开始于一个普通的下午,我正着手为一个新的游戏项目编写脚本引擎。为了提升性能和方便以后的维护,我们打算把核心功能用C++来写,而游戏的具体玩法就交给Lua脚本来搞定。这样既高效又灵活!事情本来进展得挺顺利的,结果当我试着调用一个自定义函数时,程序突然就崩溃了。屏幕上跳出了一行让人完全摸不着头脑的错误信息:“试图调用全局‘func_name’(一个空值)”。这下我就懵圈了,心想这到底是什么鬼? 这显然不是我想要的结果。一开始,我还以为是Lua脚本加载出问题了,结果仔细一看,发现文件路径和内容都挺正常的,就不是这个原因。难道是我的C++代码出了问题?带着疑问,我开始深入研究。 二、深入探究 揭开谜底 经过一番查阅资料和调试,我发现问题出在lua_pushvalue和lua_gettable这两个API的使用上。简单地说,lua_pushvalue就像是把栈上的某个东西复制一份放到另一个地方,而lua_gettable则是从一个表格里找到特定的键,然后取出它对应的值。虽然这些功能都挺明确的,但如果在特定情况下用错了,还是会闹出运行时的笑话。 为了更好地理解这个问题,让我们来看几个具体的例子。 示例1:基本概念 c // 假设我们有一个名为myTable的表,其中包含键为"key",值为"value"的项。 lua_newtable(L); // 创建一个空表 lua_pushstring(L, "key"); // 将字符串"key"压入栈顶 lua_pushstring(L, "value"); // 将字符串"value"压入栈顶 lua_settable(L, -3); // 使用栈顶元素作为键,-2位置的元素作为值,设置到-3位置(即刚刚创建的表) 上述代码创建了一个名为myTable的表,并向其中添加了一个键值对。接下来,我们尝试通过lua_gettable访问这个值: c lua_getglobal(L, "myTable"); // 获取全局变量myTable lua_getfield(L, -1, "key"); // 从myTable中获取键为"key"的值 printf("%s\n", lua_tostring(L, -1)); // 输出结果应为"value" 这段代码应该能正确地输出value。但如果我们在lua_getfield之前没有正确地管理栈,就很有可能会触发错误。 示例2:常见的错误场景 假设我们误用了lua_pushvalue: c lua_newtable(L); lua_pushstring(L, "key"); lua_pushstring(L, "value"); lua_settable(L, -3); // 正确 lua_pushvalue(L, -1); // 这里实际上是在复制栈顶元素,而不是预期的行为 lua_gettable(L, -2); // 错误使用,因为此时栈顶元素已经不再是"key"了 这里的关键在于,lua_pushvalue只是复制了栈顶的元素,并没有改变栈的结构。当我们紧接着调用 lua_gettable 时,其实就像是在找一个根本不存在的地方的宝贝,结果当然是找不到啦,所以就出错了。 三、解决之道 掌握正确的使用方法 明白了问题所在后,解决方案就相对简单了。我们需要确保在调用lua_gettable之前,栈顶元素是我们期望的那个值。这就像是说,我们得先把栈里的东西清理干净,或者至少得确定在动手之前,栈里头的东西是我们想要的样子。 c lua_newtable(L); lua_pushstring(L, "key"); lua_pushstring(L, "value"); lua_settable(L, -3); // 清理栈,确保栈顶元素是table lua_pop(L, 1); lua_pushvalue(L, -1); // 正确使用,复制table本身 lua_gettable(L, -2); // 现在可以安全地从table中获取数据了 通过这种方式,我们可以避免因栈状态混乱而导致的错误。 四、总结与反思 通过这次经历,我深刻体会到了理解和掌握底层API的重要性。尽管Lua C API提供了强大的功能,但也需要开发者具备一定的技巧和经验才能正确使用。错误的信息常常会绕弯弯,不会直接带你找到问题的关键。所以,遇到难题时,咱们得有耐心,一步步地去分析和查找,这样才能找到解决的办法。 同时,这也提醒我们在编写任何复杂系统时,都应该重视基础理论的学习和实践。只有真正理解了背后的工作原理,才能写出更加健壮、高效的代码。 希望这篇文章对你有所帮助,如果你也有类似的经历,欢迎分享你的故事!
2024-11-24 16:19:43
132
诗和远方
Cassandra
...种叫做哈希运算的神奇操作。这个操作结束后,会产生一个哈希值,Cassandra就把它当作地址标签,把这个标签对应的表数据“嗖”地一下,精准投放到集群中的某个特定节点上。这种策略可以确保数据在所有节点间均匀分布,有效避免热点问题。 cql CREATE TABLE users ( user_id int, username text, email text, PRIMARY KEY (user_id) ) WITH partitioner = 'org.apache.cassandra.dht.Murmur3Partitioner'; 上述代码创建了一个名为users的表,其中user_id作为分区键。Cassandra会根据user_id的哈希值来决定数据存储的位置。 2.2 哈希分区示例思考 想象一下,如果我们有数百万个用户ID,使用哈希分区就可以保证每个节点都能承载一定比例的数据量,而不是全部集中在某一节点上,从而实现了负载均衡。 3. 范围分区策略 有序存储与查询的优势 3.1 范围分区概念 范围分区策略允许你按照指定列的顺序对数据进行分区,特别适用于那些需要按时间序列或者某种连续值进行查询的场景。比如,在处理像日志分析、查看金融交易记录这些情况时,我们完全可以按照时间戳来给数据分区,就像把不同时间段的日记整理到不同的文件夹里那样。 cql CREATE TABLE transaction_history ( account_id int, transaction_time timestamp, amount decimal, PRIMARY KEY ((account_id), transaction_time) ) WITH CLUSTERING ORDER BY (transaction_time DESC); 在这个例子中,我们创建了一个transaction_history表,account_id作为分区键,transaction_time作为排序键。这样一来,一个账户的所有交易记录都会像日记本一样,按照发生的时间顺序乖乖地排好队,储存在同一个“分区”里。当你需要查询时,就仿佛翻看日记一样,可以根据时间范围迅速找到你需要的交易信息,既高效又方便。 3.2 范围分区应用探讨 假设我们需要查询特定账户在某段时间内的交易记录,范围分区就能发挥巨大作用。在这种情况哈希分区虽然也不错,但是范围分区更能发挥它的超能力。想象一下,就像在图书馆找书一样,如果你知道书大概的类别和编号范围,你就可以直接去那个区域扫一眼,省时又高效。同样道理,范围分区利用Cassandra特有的排序功能,可以实现快速定位和扫描某个范围的数据,这样一来,在这种场景下的读取性能就更胜一筹啦。 4. 结论 选择合适的分区策略 Cassandra的哈希分区和范围分区各有优势,选择哪种策略取决于具体的应用场景和查询需求。在设计数据模型这回事儿上,咱们得像侦探破案一样,先摸透业务逻辑的来龙去脉,再揣摩出用户大概会怎么查询。然后,咱就可以灵活耍弄这些分区策略,把数据存储和检索效率往上提,让它们嗖嗖地跑起来。同时,咱也别忘了要兼顾数据分布的均衡性和查询速度,只有这样,才能让Cassandra这个分布式数据库充分发挥出它的威力,展现出最大的价值!毕竟,如同生活中的许多决策一样,关键在于权衡与适应,而非机械地遵循规则。
2023-11-17 22:46:52
578
春暖花开
Element-UI
...没有立即执行样式重置操作,而是依赖于浏览器的CSS渲染机制。你知道吗,浏览器在显示网页内容时,其实有点小“拖延症”,就像个排队等候的“画师”。我们把这称作“渲染队列”。也就是说,有时候你对网页做的改动,并不会马!上!就!呈现在页面上,就像是样式更新还在慢悠悠地等队伍排到自己呢,这就可能会造成样式更新的滞后现象。 此外,ElSteps组件在每次current属性变化时都会主动重新计算并设置CSS类名,但是在过渡动画还未结束之前,新旧类名之间的切换操作并未完全完成,因此样式未能及时生效。 四、解决方案 为了解决上述问题,我们可以采取以下两种策略: 1. 启用平滑过渡动画 ElSteps组件支持transition和animation属性来配置步进条的过渡效果,这可以在一定程度上改善样式更新的感知。将这两项属性设置为相同名称(如el-transfer)即可启用默认的平滑过渡动画,如下所示: html ... 此时,当current属性发生改变时,组件将会在现有状态和目标状态之间添加平滑过渡效果,减少了样式更新的滞后感。 2. 利用$forceUpdate()强制更新视图 尽管利用$nextTick()可以一定程度上优化视图渲染的顺序,但在某些情况下,我们还可以采用更激进的方式——强制更新视图。Vue有个很酷的功能,它有一个叫做$forceUpdate()的“刷新神器”,一旦你调用这个方法,就相当于给整个Vue实例来了个大扫除,所有响应式属性都会被更新到最新状态,同时,视图部分也会立马刷新重绘,就像变魔术一样。在handleChange方法中调用此方法可以帮助解决样式更新滞后问题: javascript handleChange(index) { this.currentStep = index; this.$forceUpdate(); } 这样虽然无法彻底避免浏览器渲染延迟带来的样式更新滞后,但在大多数场景下能显著提升视觉反馈的即时性。 总结来说,通过合理地结合平滑过渡动画和强制更新视图策略,我们可以有效地解决ElSteps步骤条在动态改变当前步骤时样式更新滞后的困扰。当然啦,在特定场景下让效果更上一层楼,就得根据实际情况和所在的具体环境对优化方案进行接地气的微调和完善,让它更适合咱们的需求。
2024-02-22 10:43:30
426
岁月如歌-t
Bootstrap
...。然而,在日常的实际操作里,咱们可能会经常遇到这么个棘手的小状况——组件的事件有时候没给绑对。这就像是你费尽心思、像导演一样精心筹备了一场超级热闹的派对,结果却忘了告诉大伙儿到底啥时候、在哪儿开趴,这下子,原本设想得热热闹闹的场景可就实现不了啦,一切都可能乱套,达不到你期待的效果。这篇东西,咱们要实实在在地把这个难题掰扯清楚,还会手把手地带你通过一些实际的代码例子,让你明明白白知道怎么才能让Bootstrap这些小玩意儿的事件绑定既准确又溜到飞起。 2. 事件绑定的重要性 在Bootstrap中,许多组件(如模态框、下拉菜单、轮播等)都依赖于JavaScript事件驱动的行为。这些事件通常涉及到的都是些我们日常操作手机、电脑时最熟悉不过的动作,比如说点击屏幕、滑动页面啥的,还有显示或隐藏一些内容。你就把它们想象成一座桥吧,这座桥一边搭在用户的交互体验上,另一边则稳稳地立在功能实现的地基上,两者通过这座“桥梁”紧密相连,缺一不可。要是事件没绑对,那用户和组件的交流就断片了,这样一来,整体用户体验可就要大打折扣,变得不那么美妙了。 3. 事件绑定常见问题及其原因 3.1 使用错误的绑定方式 Bootstrap基于jQuery,因此我们可以使用jQuery提供的on()或click()等方法进行事件绑定。但是,初学者可能因为不熟悉这些API而导致事件无法触发: javascript // 错误示例:尝试直接在元素上绑定事件,而不是在DOM加载完成后 $('myModal').click(function() { // 这里的逻辑不会执行,因为在元素渲染到页面之前就进行了绑定 }); // 正确示例:应在DOM加载完成后再绑定事件 $(document).ready(function () { $('myModal').on('click', function() { // 这里的逻辑会在点击时执行 }); }); 3.2 动态生成的组件事件丢失 当我们在运行时动态添加Bootstrap组件时,原有的静态绑定事件可能无法捕获新生成元素的事件: javascript // 错误示例:先绑定事件,后动态创建元素 $('body').on('click', 'dynamicModal', function() { // 这里并不会处理后来动态添加的modal的点击事件 }); // 动态创建Modal var newModal = $(' ... '); $('body').append(newModal); // 正确示例:使用事件委托来处理动态生成元素的事件 $('body').on('click', '.modal', function() { // 这样可以处理所有已存在及将来动态添加的modal的点击事件 }); 3.3 组件初始化顺序问题 Bootstrap组件需要在HTML结构完整构建且相关CSS、JS文件加载完毕后进行初始化。若提前或遗漏初始化步骤,可能导致事件未被正确绑定: javascript // 错误示例:没有调用.modal('show')来初始化模态框 var myModal = $('myModal'); myModal.click(function() { // 如果没有初始化,这里的点击事件不会生效 }); // 正确示例:确保在绑定事件前已经初始化了组件 var myModal = $('myModal'); myModal.modal({ show: false }); // 初始化模态框 myModal.on('click', function() { myModal.modal('toggle'); // 点击时切换模态框显示状态 }); 4. 结论与思考 综上所述,Bootstrap组件事件的正确绑定对于保证应用程序功能的完整性至关重要。咱们得好好琢磨一下Bootstrap究竟是怎么工作的,把它的那些事件绑定的独门绝技掌握透彻,特别是对于那些动态冒出来的内容以及组件初始化这一块儿,得多留个心眼儿,重点研究研究。同时,理解并熟练运用jQuery的事件委托机制也是解决问题的关键所在。实践中不断探索、调试和优化,才能让我们的Bootstrap项目更加健壮而富有活力。让我们一起在编程的道路上,用心感受每一个组件事件带来的“心跳”,体验那微妙而美妙的交互瞬间吧!
2023-01-21 12:58:12
546
月影清风
ReactJS
...装动画效果。在做这个操作的时候,我们可以把动画效果单独打包成一个自定义的小部件或者函数,这样一来,你在其他任何需要的地方都能随时调用它,就像从工具箱里取出小工具一样方便。比如说,我们能创建一个名叫FadeIn的组件,这个小家伙呢,会接收一个props参数,这个参数的作用可大了,就是用来告诉我们它要让哪个元素逐渐显现出来,实现淡入效果。 步骤三:使用动画效果 最后,我们需要在应用程序中使用动画效果。在这个过程中,我们可以直接调用封装好的动画效果,而不必再次编写动画效果的代码。比如说,当你点击一个按钮的时候,我们可以在那个按钮的“事件响应小助手”里头,呼唤出一个叫FadeIn的小工具,让它帮忙让某个元素像魔术般慢慢显现出来,实现淡入的效果。 四、实战演示 现在,让我们来看一下如何利用React构建一个可复用的淡入动画库或组件。首先,我们需要定义动画效果。想在React项目里实现一个淡入动画效果?这里有个小窍门。首先,我们可以巧妙地利用React那个叫做useState的小工具来掌控状态的变化。然后呢,再搭配CSS动画的魔法,就能轻松把淡入效果玩转起来,让元素如同晨雾般自然显现。以下是代码示例: javascript import React, { useState } from 'react'; import './FadeIn.css'; const FadeIn = ({ children }) => { const [show, setShow] = useState(false); return ( {children} ); }; export default FadeIn; 在上述代码中,我们首先导入了useState钩子和相关的CSS文件。接下来,我们捣鼓出了一个名叫FadeIn的组件,这个小家伙有个特性,它可以接受一个叫children的属性,这个属性呢,就是用来告诉我们它要帮哪些内容慢慢变得可见,也就是淡入进来。在咱这组件里面,我们用了一个叫做useState的小玩意儿来捯饬"show"这个状态。简单来说,就是如果"show"这小家伙的值是true,那我们就把内容亮出来给大家瞅瞅;否则的话,就把它藏起来,不让大家看到。此外,我们还添加了一个CSS类名fade-in和hidden,用于控制淡入和隐藏的效果。 接下来,我们需要在应用程序中使用动画效果。以下是一个简单的示例,我们在点击按钮时,调用FadeIn组件来淡入某个元素: javascript import React, { useState } from 'react'; import FadeIn from './FadeIn'; function App() { const [showMessage, setShowMessage] = useState(false); const handleClick = () => { setShowMessage(true); }; return ( Click me {showMessage && {message} } ); } export default App; 在上述代码中,我们首先导入了FadeIn组件和useState钩子。然后,我们定义了一个App组件,这个组件包含一个按钮和一个FadeIn组件。当按钮被点击时,我们调用setShowMessage方法来改变showMessage的状态,从而触发FadeIn组件的淡入效果。
2023-03-14 20:38:59
106
草原牧歌-t
Mahout
...... 其他数据写入操作 writer.close(); 3. 迁移数据到Mahout 迁移数据到Mahout的核心步骤包括数据读取、模型训练以及模型应用。以下是一个简单的示例,展示如何将SequenceFile数据加载到Mahout中进行协同过滤推荐系统的构建: java // 加载SequenceFile数据 Path path = new Path("input/path"); SequenceFile.Reader reader = new SequenceFile.Reader(fs, path, conf); Text key = new Text(); DataModel model; try { // 创建DataModel实例,这里使用了GenericUserBasedRecommender model = new GenericDataModel(reader); } finally { reader.close(); } // 使用数据模型进行协同过滤推荐系统训练 UserSimilarity similarity = new PearsonCorrelationSimilarity(model); UserNeighborhood neighborhood = new NearestNUserNeighborhood(20, similarity, model); Recommender recommender = new GenericUserBasedRecommender(model, neighborhood, similarity); // 进行推荐操作... 4. 深度探讨与思考 数据迁移的过程并不止于简单的格式转换和加载,更重要的是在此过程中对数据的理解和洞察。在处理实际业务问题时,你得像个挑西瓜的老手那样,找准最合适的Mahout算法。比如说,假如你现在正在摆弄用户行为数据这块“瓜地”,那么协同过滤或者矩阵分解这两把“好刀”也许就是你的菜。再比如,要是你正面临分类或回归这两大“关卡”,那就该果断拿起决策树、随机森林这些“秘密武器”,甚至线性回归这位“老朋友”,它们都会是助你闯关的得力帮手。 此外,在实际操作中,我们还需关注数据的质量和完整性,确保迁移后的数据能够准确反映现实世界的问题,以便后续的机器学习模型能得出有价值的预测结果。 总之,将数据集迁移到Mahout是一个涉及数据理解、预处理、模型选择及应用的复杂过程。在这个过程中,不仅要掌握Mahout的基本操作,还要灵活运用机器学习的知识去解决实际问题。每一次数据迁移都是对数据背后故事的一次探索,愿你在Mahout的世界里,发现更多关于数据的秘密!
2023-01-22 17:10:27
67
凌波微步
Beego
...行代码审查,减少手动操作,从而提升代码质量和开发效率。GitHub的这一举措引发了业界的广泛关注,众多开发者和团队都在积极尝试和评估这一新功能的实际效果。 除了GitHub的新功能,国内的一些企业也在积极探索代码质量管理的最佳实践。例如,阿里巴巴集团近期发布了一份关于Go语言代码规范的手册,其中详细阐述了在使用Beego框架时如何进行有效的代码质量管理。这份手册不仅涵盖了静态代码分析、单元测试等传统方法,还提出了基于AI的代码审查工具的应用,这为开发者提供了全新的视角和思路。 此外,近期的一篇研究报告显示,代码质量问题仍然是导致软件项目延期和预算超支的主要原因之一。研究指出,通过引入自动化工具和流程,可以显著降低代码质量问题的发生率。报告还强调了持续教育和培训的重要性,鼓励开发者不断学习最新的技术和最佳实践,以适应快速变化的技术环境。 综上所述,无论是国际巨头还是国内企业,都在积极探索和实践代码质量管理的新方法。这些新工具和方法不仅有助于提高代码质量,还能提升开发效率,降低项目风险。对于开发者而言,及时了解并掌握这些新技术和趋势,将有助于他们在激烈的市场竞争中脱颖而出。
2024-12-21 15:47:33
66
凌波微步
Logstash
...ter在内部执行排序操作时要求所有待排序的元素必须是同一类型。例如,如果某个字段是一个数组,其中包含了数字和字符串,那么就无法直接对其进行排序: json { "my_array": [1, "two", 3, "four"] } 在这种情况下,如果你试图用Sortfilter对"my_array"进行排序,Logstash将会抛出上述错误,因为数字和字符串不具备可比性,无法明确确定其排序规则。 3. 解决方案及思考过程 面对这个问题,我们需要采取一些策略来确保数组内的元素类型一致,然后再进行排序。以下是一种可能的解决方案: 3.1 类型转换 首先,我们可以通过mutate插件的convert或gsub函数,将数组内所有的元素转换为同一种类型,如全部转换为字符串或数值。 ruby filter { mutate { convert => { "[my_array]" => "string" } 将数组元素转为字符串 } sort { order => "asc" field => "[my_array]" } } 请注意,这种方式虽能解决问题,但可能会丢失原始数据的一些特性,比如数值大小关系。若数组内混有数字和字符串,且需要保留数字间的大小关系,则需谨慎使用。 3.2 分别处理并合并 另一种方法是对数组进行拆分,分别对不同类型的数据进行排序,再合并结果。不过呢,这通常意味着需要处理更复杂的逻辑,讲到对Logstash配置文件的编写,那可能会让你觉得有些烧脑,不够一目了然,就像解一个九连环谜题一样。 4. 探讨与总结 在日常使用Logstash的过程中,理解并妥善处理数据类型是非常关键的。特别是在处理像排序这种对数据类型特别依赖的任务时,咱们得确保数据的“整齐划一”和“可比性”,就像排队买票,每个人都得按照身高或者年龄排好队,这样才能顺利进行。虽然乍一看,“Sortfilter: Cannot sort array of different types”这个问题好像挺基础,但实际上它悄悄点出了我们在应对各种类型混杂的数据时,不得不面对的一个大难题——就是在确保数据本身含义不被扭曲的前提下,如何把数据收拾得整整齐齐、妥妥当当,做好有效的数据清洗和预处理工作。 因此,在设计和实施Logstash管道时,不仅要关注功能实现,更要注重对原始数据特性的深入理解和恰当处理。这样子做,咱们才能让Logstash这家伙更贴心地帮我们处理数据分析和可视化的事儿,进而从海量数据中淘出真正的金子来。
2023-03-09 18:30:41
303
秋水共长天一色
Apache Lucene
...可会影响接下来的各种操作,比如说会让分析句子结构的结果变得不那么准确。 解决方案:可以使用外部工具,如Stanford CoreNLP或NLTK来进行词性标注,然后再结合到Lucene的分词流程中。 代码示例: java // 示例:使用Stanford CoreNLP进行词性标注 Properties props = new Properties(); props.setProperty("annotators", "tokenize, ssplit, pos"); StanfordCoreNLP pipeline = new StanfordCoreNLP(props); String text = "跳跃是一种有趣的活动"; Annotation document = new Annotation(text); pipeline.annotate(document); List sentences = document.get(CoreAnnotations.SentencesAnnotation.class); for (CoreMap sentence : sentences) { for (CoreLabel token : sentence.get(CoreAnnotations.TokensAnnotation.class)) { String word = token.get(CoreAnnotations.TextAnnotation.class); String pos = token.get(CoreAnnotations.PartOfSpeechAnnotation.class); System.out.println(word + "/" + pos); } } 4. 总结 通过上面的讨论,我们可以看到,分词虽然是全文检索中的基础步骤,但其实充满了挑战。每种语言都有自己的特点和难点,我们需要根据实际情况灵活应对。希望今天的分享对你有所帮助! 好了,今天的分享就到这里啦!如果你有任何疑问或想法,欢迎留言交流。咱们下次再见!
2025-01-09 15:36:22
87
星河万里
ElasticSearch
...进行搜索、过滤和排序操作,是现代搜索引擎技术的核心组件之一。
2023-02-26 23:53:35
527
岁月如歌-t
JSON
...层嵌套JSON数据的操作,有效防止因路径引用错误导致的数据获取失败问题。 总结来说,在实际项目开发中,理解和掌握JSON数据的处理技巧是基础,而持续关注JSON相关技术的发展与演进,则有助于我们应对更多复杂场景下的数据交互需求,实现更高效、安全的应用开发。
2023-04-06 16:05:55
720
烟雨江南
转载文章
...将第一时间进行核实并删除相应内容。 文章目录 1. 需求背景 1.1 源码下载 2. 问题前提及思路 3. 开始撸 3.1 设置 tabbar.js 配置不同角色不同的菜单 3.2 设置 page.json 3.3 vue 配置 3.4 tabBar组件代码 3.5 setRole方法 1. 需求背景 公司要求开发一个小程序,要求二种不同权限的人群都可以使用,使用时根据不同的权限,获取不同的tabbar,以及展示对应不同的内容。 登录页面分为 用户登录 及 管理员登录 1.2 用户登录和管理员登录的 tabbar 根据账号角色进行对应展示 1.1 源码下载 【源码】uni-app 微信小程序根据角色动态的更改底部tabbar 2. 问题前提及思路 uniapp 本身的动态设置tabbar方法 uni.setTabBarItem(OBJECT),但是使用这个方法刷新切换时会短暂白屏以及uni.setTabBarItem只能满足动态设置tabbar一项的内容,无法实现多项的需求。所有综合考虑决定还是使用uview-ui的Tabbar底部导航栏组件。 最终选择了uni-app的uview-ui(UI框架)+ vuex来完成这个功能。其中,vuex主要是用来存储当前的tabbar内容的。 3. 开始撸 3.1 设置 tabbar.js 配置不同角色不同的菜单 在utils文件夹下新建一个tabbar.js,来存储不同权限下的底部导航数据。我这里有两种不同的权限,第二种权限比第一种权限多了两项菜单。 // 普通用户tabbarlet tab1 = [{"pagePath": "/pages/loginLogRecord/index","text": "登录记录","iconPath": "/static/icon_bx.png","selectedIconPath": "/static/icon_bx_hover.png"},{"pagePath": "/pages/accessRecord/index","text": "存取记录","iconPath": "/static/icon_adress.png","selectedIconPath": "/static/icon_adress_hover.png"},{"pagePath": "/pages/person/index","text": "我的","iconPath": "/static/icon_user.png","selectedIconPath": "/static/icon_user_hover.png"}]// 管理员用户tabbarlet tab2 = [{"pagePath": "/pages/loginLogRecord/index","text": "登录记录","iconPath": "/static/icon_bx.png","selectedIconPath": "/static/icon_bx_hover.png"},{"pagePath": "/pages/accessRecord/index","text": "存取记录","iconPath": "/static/icon_adress.png","selectedIconPath": "/static/icon_adress_hover.png"},{"pagePath": "/pages/authorizationList/index","text": "授权名单","iconPath": "/static/authorization.png","selectedIconPath": "/static/authorization_hover.png"},{"pagePath": "/pages/inventory/index","text": "盘点","iconPath": "/static/inventory.png","selectedIconPath": "/static/inventory_hover.png"},{"pagePath": "/pages/person/index","text": "我的","iconPath": "/static/icon_user.png","selectedIconPath": "/static/icon_user_hover.png"}]export default [tab1,tab2] 3.2 设置 page.json 在page.json文件里,把tabbar里的几个页面去重放进去。只是单纯的写个路径,什么都不要添加。test,iconPath,selectedIconPath 字段全部删掉这里不需要配置。 "tabBar": {"color": "333333","selectedColor": "328CFA","backgroundColor": "FFFFFF","list": [{"pagePath": "pages/loginLogRecord/index"},{"pagePath": "pages/accessRecord/index"},{"pagePath": "pages/authorizationList/index"},{"pagePath": "pages/inventory/index"},{"pagePath": "pages/person/index"}]} 3.3 vue 配置 uniapp是可以直接使用vuex的,所以,直接在项目的根目录下新建一个store文件夹,存储相关数据。 import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import tabBar from '@/utils/tabbar.js'const store = new Vuex.Store({state: {wx_token: '',tabBarList: [],roleId: 0, //0 普通员工,1管理员},mutations: {// 设置wx_tokensetWxtoken(state, data) {state.wx_token = data;uni.setStorageSync('wx_token',data)},// 设置用户角色IDsetRoleId(state, data) {state.roleId = data;uni.setStorageSync('roleId',data)state.tabBarList = tabBar[data];uni.setStorageSync('tabBarList',tabBar[data])},},})export default store 在入口文件 main.js 中使用 import Vue from 'vue'import App from './App'import uView from "uview-ui";import store from './store/index'Vue.use(uView);Vue.config.productionTip = falseVue.prototype.$store = storeApp.mpType = 'app'const app = new Vue({...App,store})app.$mount() 3.4 tabBar组件代码 <template><view><u-tabbar :list="tabBarList" :active-color="activeColor" :inactive-color="inactiveColor" :height="84":border-top="borderTop"></u-tabbar></view></template><script>import store from '@/store'export default {props:{tabBarList:{type:Array,default:uni.getStorageSync('tabBarList')} },data() {return {borderTop: true,inactiveColor: '909399',activeColor: '328CFA',} },}</script> 3.5 setRole方法 登录时,获取返回的权限,然后再调用setRole方法 <script>import { mapMutations } from 'vuex';export default {data() {return {roleId:0,};},methods: {methods: {...mapMutations(['setRoleId']),},//登录login() {this.setRoleId(this.roleId)// 0或者1uni.switchTab({url: '../index/index' //然后跳转到登录后的首页})} }}</script> 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_36410795/article/details/109075488。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-06 15:14:00
135
转载
Element-UI
...样式调整 掌握了基本操作之后,是不是觉得还不够?别急,接下来我们要深入一点,看看如何更加灵活地使用这个组件。 动态控制 有时候,我们可能需要根据某些条件来动态控制某个折叠项的状态。这时,我们可以用Vue的数据绑定功能,把v-model绑在一个数组上,这个数组里放的都是我们想让一开始就是打开状态的折叠项的名字。 html 切换折叠状态 这里增加了一个按钮,点击它可以切换折叠项的展开状态。 样式调整 ElementUI提供了丰富的自定义选项,包括颜色、边框等。你可以通过换换主题或者直接调整CSS样式,轻松整成自己喜欢的折叠组件样子。 css 第四章:真实场景应用与最佳实践 了解了这么多,你可能会问:“那我在实际开发中怎么用呢?”其实,Collapse折叠组件的应用场景非常广泛,比如FAQ页面、商品详情页的规格参数展示等等。关键是找到合适的地方使用它,让用户体验更佳。 最佳实践 1. 保持一致性 无论是在标题的设计还是内容的呈现上,都要保持整体的一致性。 2. 合理规划 不要一次性展开过多内容,避免信息过载。 3. 响应式设计 考虑不同设备下的表现,确保在小屏幕上也能良好工作。 最后,别忘了不断尝试和改进。技术总是在进步,我们的理解和运用也会随之提高。希望今天的分享能帮助你在实际项目中更好地利用ElementUI的Collapse折叠组件! --- 这就是我对你提问的回答,希望能对你有所帮助。如果你有任何问题或想要了解更多细节,请随时告诉我!
2024-10-29 15:57:21
77
心灵驿站
Greenplum
...度不减,例如深度神经网络(DNN)和自注意力机制在个性化推荐中的应用,可以更深入地理解和挖掘用户行为背后的潜在模式,进一步提升推荐效果。同时,为解决冷启动问题和提高推荐新颖性,部分研究人员正尝试结合图神经网络以及元学习等前沿技术进行探索。 此外,随着对用户隐私保护意识的提升,如何在保障数据安全性和用户隐私的前提下实现高效的实时推荐也成为一个重要课题。一些公司和研究机构正在研究和发展诸如差分隐私、同态加密等技术,以确保在数据加密状态下进行计算和分析,从而兼顾精准推荐与合规要求。 总的来说,在大数据时代下,实时推荐系统的构建不仅依赖于强大的数据处理工具如Greenplum,更需要关注新兴技术的研究进展与实践,以及应对数据伦理与法规挑战的策略,才能在满足用户体验的同时,推动行业健康有序发展。
2023-07-17 15:19:10
745
晚秋落叶-t
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
date "+%Y-%m-%d %H:%M:%S"
- 显示当前日期时间。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"