前端技术
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
[read_excel方法读取多个表格 ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...,20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 二、圆形烟花 效果展示 HTML代码 引入js 文件 <script type="text/javascript" src="buffermove1.js"></script> CSS代码 创建一个黑色背景 <style type="text/css">{padding: 0px;margin: 0px;}body{background: 000;width: 100%;height:100%;overflow: hidden;}</style> JS代码 <script type="text/javascript">//this绑定的属性可以在整个构造函数内部都可以使用,而变量只能在函数内部使用。function Fireworks(x,y){//x,y鼠标的位置this.x=x;this.y=y;var that=this;//1.创建烟花。this.ceratefirework=function(){this.firework=document.createElement('div');//整个构造函数内部都可以使用this.firework.style.cssText=width:5px;height:5px;background:fff;position:absolute;left:${this.x}px;top:${document.documentElement.clientHeight}px;;document.body.appendChild(this.firework);this.fireworkmove();};//2.烟花运动和消失this.fireworkmove=function(){var that=this;buffermove(this.firework,{top:this.y},function(){document.body.removeChild(that.firework);//烟花消失,碎片产生that.fireworkfragment();});};//3.创建烟花的碎片this.fireworkfragment=function(){var num=this.ranNum(30,60);//盒子的个数this.perRadio=2Math.PI/num;//弧度for(var i=0;i<num;i++){this.fragment=document.createElement('div');this.fragment.style.cssText=width:5px;height:5px;background:rgb(${this.ranNum(0,255)},${this.ranNum(0,255)},${this.ranNum(0,255)});position:absolute;left:${this.x}px;top:${this.y}px;;document.body.appendChild(this.fragment);this.fireworkboom(this.fragment,i);//将当前创建的碎片传过去,方便运动和删除} }//4.碎片运动this.fireworkboom=function(obj,i){//obj:创建的碎片var r=10;obj.timer=setInterval(function(){//一个盒子运动r+=4;if(r>=200){clearInterval(obj.timer);document.body.removeChild(obj);}obj.style.left=that.x+Math.sin(that.perRadioi)r+'px';obj.style.top=that.y+Math.cos(that.perRadioi)r+'px';},20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 三、爱心形烟花 效果展示 HTML代码 引入js 文件 <script type="text/javascript" src="buffermove1.js"></script> CSS代码 创建一个黑色背景 <style type="text/css">{padding: 0px;margin: 0px;}body{background: 000;width: 100%;height:100%;overflow: hidden;}</style> JS代码 <script type="text/javascript">//this绑定的属性可以在整个构造函数内部都可以使用,而变量只能在函数内部使用。function Fireworks(x,y){//x,y鼠标的位置this.x=x;this.y=y;var that=this;//1.创建烟花。this.ceratefirework=function(){this.firework=document.createElement('div');//整个构造函数内部都可以使用this.firework.style.cssText=width:5px;height:5px;background:fff;position:absolute;left:${this.x}px;top:${document.documentElement.clientHeight}px;;document.body.appendChild(this.firework);this.fireworkmove();};//2.烟花运动和消失this.fireworkmove=function(){buffermove(this.firework,{top:this.y},function(){document.body.removeChild(that.firework);//烟花消失,碎片产生that.fireworkfragment();});};//3.创建烟花的碎片this.fireworkfragment=function(){var num=this.ranNum(30,60);//盒子的个数this.perRadio=2Math.PI/num;//弧度for(var i=0;i<num;i++){this.fragment=document.createElement('div');this.fragment.style.cssText=width:5px;height:5px;background:rgb(${this.ranNum(0,255)},${this.ranNum(0,255)},${this.ranNum(0,255)});position:absolute;left:${this.x}px;top:${this.y}px;;document.body.appendChild(this.fragment);this.fireworkboom(this.fragment,i);//将当前创建的碎片传过去,方便运动和删除} }//x=16Math.pow(sint,3); //Math.sin(perRadioi)//y=13Cost-5Cos2t-2Cos3t-Cos4t//4.碎片运动this.fireworkboom=function(obj,i){//obj:创建的碎片var r=0.1;obj.timer=setInterval(function(){//一个盒子运动r+=0.4;if(r>=10){clearInterval(obj.timer);document.body.removeChild(obj);}obj.style.left=that.x+16Math.pow(Math.sin(that.perRadioi),3)r+'px';obj.style.top=that.y-(13Math.cos(that.perRadioi)-5Math.cos(2that.perRadioi)-2Math.cos(3that.perRadioi)-Math.cos(4that.perRadioi))r+'px';},20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 四、源码获取 在线下载 资源链接:https://gitee.com/huang_weifu/JavaScript_demo.git 本篇文章为转载内容。原文链接:https://blog.csdn.net/huangwfu/article/details/128754023。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-15 08:02:38
276
转载
Java
...了文中提到的基础排查方法外,还提出了一种高级策略:动态调整axios库的timeout配置以适应不同的后端服务响应时间。通过结合环境变量和Vue项目构建过程,实现开发、测试、生产环境下的差异化超时设置,有效避免了因服务器响应延迟导致的504错误。 同时,随着HTTP/2和Serverless架构的普及,部分开发者开始探讨如何利用新技术优化proxyTable的工作机制,如借助CORS(跨源资源共享)策略简化跨域处理流程,或者利用云服务商提供的API网关服务替代传统的proxyTable转发,从而提升请求性能和系统稳定性。 总之,无论是应对常见的504错误,还是探索前沿技术在proxyTable中的应用,都体现了Vue.js社区不断追求技术创新和解决问题的决心。这也提示我们,在面对类似问题时,不仅要善于运用已有的解决手段,还要关注行业动态,适时引入新的技术和方案来提升开发效率和用户体验。
2023-03-05 23:22:24
343
星辰大海_t
NodeJS
...pp.post()方法就大功告成了。就像是给你的程序扩展新的“小径”一样,轻松便捷。 然后,我们来看一下如何使用Koa来创建一个新的web应用: javascript const Koa = require('koa'); const app = new Koa(); app.use(async ctx => { ctx.body = 'Hello World!'; }); app.listen(3000, () => { console.log('Server is listening at http://localhost:3000'); }); 这段代码也定义了一个简单的HTTP服务,但是使用了Koa的柯里化和async/await特性,使得代码更加简洁和易读。举个例子来说,这次咱们就做了件特简单的事儿,就是把返回的内容设成'Hello World!',别的啥路由规则啊,都没碰,没加。 七、结论 总的来说,Koa和Express都是非常优秀的Node.js web开发框架,它们各有各的优点和适用场景。无论是选择哪一种框架,都需要根据自己的需求和技术水平进行考虑。希望通过这篇文章,能够帮助大家更好地理解和掌握这两种框架,为自己的web开发工作带来更大的便利和效率。
2023-07-31 20:17:23
101
青春印记-t
Go Gin
...加一些常见的HTTP方法(GET, POST, PUT, DELETE): go v1.GET("/users", getUserList) v1.POST("/users", createUser) v1.PUT("/users/:id", updateUser) v1.DELETE("/users/:id", deleteUser) 这里,:id是一个动态参数,表示URL中的某个部分可以变化。比如说,当你访问"/api/v1/users/123"这个路径时,它就像个神奇的按钮,直接触发了“updateUser”这个函数的执行。 五、嵌套路由组 有时候,你可能需要更复杂的URL结构,这时可以使用嵌套路由组: go v1 := r.Group("/users") { v1.GET("/:id", getUser) v1.POST("", createUser) // 注意这里的空字符串,表示没有特定的路径部分 } 六、中间件的应用 在路由组上添加中间件可以为一组路由提供通用的功能,如验证、日志记录等。例如,我们可以在所有v1组的请求中添加身份验证中间件: go authMiddleware := func(c gin.Context) { // 这里是你的身份验证逻辑 } v1.Use(authMiddleware) 七、总结与拓展 通过以上步骤,你已经掌握了如何在Go Gin中使用路由组。路由组不仅帮助我们组织代码,还使我们能够更好地复用和扩展代码。当你碰到那些需要动点脑筋的难题,比如权限控制、出错应对的时候,你就把这玩意儿往深里挖,扩展升级,让它变得更聪明更顺溜。 记住,编程就像搭积木,每一块都对应着一个功能。用Go Gin的聪明路由功能,就像给你的代码设计了个贴心的导航系统,让结构井然有序,维护起来就像跟老朋友聊天一样顺溜。祝你在Go Gin的世界里玩得开心,构建出强大的Web应用!
2024-04-12 11:12:32
501
梦幻星空
Netty
...对象的close()方法来释放资源。例如,当我们创建一个Channel时,我们可以这样操作: java ServerBootstrap b = new ServerBootstrap(); ChannelFuture f = b.bind(new InetSocketAddress(8080)).sync(); f.channel().close(); 在这个例子中,我们首先创建了一个ServerBootstrap实例,然后绑定到本地的8080端口,并同步等待服务启动。最后,我们关闭了服务器通道。这就是手动释放资源的一种方式。 2.2 自动垃圾回收 除了手动释放资源外,Netty还提供了自动垃圾回收的功能。在Java中,我们通常会使用垃圾回收器来自动回收不再使用的对象。而在Netty中,我们也有一套类似的机制。 具体来说,Netty会定期检查系统中的活跃对象列表,如果发现某个对象已经不再被引用,就会将其加入到垃圾回收队列中,等待垃圾回收器对其进行清理。这其实是一种超级给力的资源管理方法,能够帮我们大大减轻手动清理资源的繁琐劳动。 三、Netty中的资源回收机制 那么,Netty中的资源回收机制又是怎样的呢?实际上,Netty主要通过两种方式来实现资源回收:一是使用垃圾回收器,二是使用内部循环池。 3.1 垃圾回收器 在Java中,我们通常会使用垃圾回收器来自动回收不再使用的对象。而在Netty中,我们也有一套类似的机制。 具体来说,Netty会定期检查系统中的活跃对象列表,如果发现某个对象已经不再被引用,就会将其加入到垃圾回收队列中,等待垃圾回收器对其进行清理。这其实是一种超级给力的资源管理方法,能够帮我们大大减轻手动清理资源的繁琐劳动。 3.2 内部循环池 除了垃圾回收器之外,Netty还使用了一种称为内部循环池的技术来管理资源。这种技术主要是用于处理一些耗时的操作,如IO操作等。 具体来说,Netty会在运行时预先分配一定的线程数量,并将这些线程放入一个线程池中。当我们要进行一项可能耗时较长的操作时,就可以从这个线程池里拽出一个线程宝宝出来帮忙处理任务。当这个操作圆满完成后,咱就顺手把这个线程塞回线程池里,让它继续在那片池子里由“线程大管家”精心打理它的生老病死。 这种方式的好处是,它可以有效地避免线程的频繁创建和销毁,从而提高了系统的效率。同时,由于线程池是由Netty管理的,所以我们可以不用担心资源的泄露问题。 四、结论 总的来说,Netty提供了多种有效的资源管理机制,可以帮助我们更好地管理和利用系统资源。无论是手动释放资源还是自动垃圾回收,都可以有效地避免资源的浪费和泄露。另外,Netty的独门秘籍——内部循环池技术,更是个狠角色。它能手到擒来地处理那些耗时费力的操作,让系统的性能和稳定性嗖嗖提升,真是个给力的小帮手。 然而,无论哪种资源管理方式,都需要我们在编写代码时进行适当的规划和设计。只有这样操作,咱们才能稳稳地保障系统的正常运行和高性能表现,而且还能顺带给避免那些烦人的资源泄露问题引发的各种故障和损失。所以,在用Netty做网络编程的时候,咱们不仅要摸透它的基本功能和操作手法,更得把它的资源管理机制给研究个门儿清,理解得透透的。
2023-03-21 08:04:38
209
笑傲江湖-t
MyBatis
...之间的转换,最常用的方法是借助诸如 Jackson 或 Gson 这样的 JSON 库。首先,在项目中引入相应的依赖: xml com.fasterxml.jackson.core jackson-databind 2.13.4 // 或者 Gson com.google.code.gson gson 2.9.1 接下来,为实体类定义一个对应的 toString() 方法,使其自动生成 JSON 字符串: java public class User { private String id; private String name; // getters and setters @Override public String toString() { return new Gson().toJson(this); } } 然后在 MyBatis 的 XML 映射文件中使用 语句,并设置其 resultType 为 String 类型,配合 toString() 方法即可得到 JSON 数据:xml SELECT FROM user WHERE id = {id} 通过这种方式,MyBatis 会调用用户自定义的 toString() 方法生成对应的 JSON 字符串。 2. 自定义类型处理器(TypeHandler) 然而,如果我们想要更灵活地控制数据转换过程,或者映射包含嵌套的对象结构,可以考虑自定义类型处理器。这里以 Jackson 为例,创建一个继承自 org.apache.ibatis.type.TypeHandler 的 UserToJsonTypeHandler 类: java import com.fasterxml.jackson.databind.ObjectMapper; import org.apache.ibatis.type.BaseTypeHandler; import org.apache.ibatis.type.JdbcType; import org.apache.ibatis.type.MappedTypes; @MappedTypes(User.class) public class UserToJsonTypeHandler extends BaseTypeHandler { private static final ObjectMapper OBJECT_MAPPER = new ObjectMapper(); @Override public void setNonNullParameter(PreparedStatement ps, int i, User parameter, JdbcType jdbcType) throws SQLException { ps.setString(i, OBJECT_MAPPER.writeValueAsString(parameter)); } @Override public User getNullableResult(ResultSet rs, String columnName) throws SQLException { String jsonString = rs.getString(columnName); return OBJECT_MAPPER.readValue(jsonString, User.class); } @Override public User getNullableResult(ResultSet rs, int columnIndex) throws SQLException { // ... (类似地处理其他获取方式) } @Override public User getNullableResult(CallableStatement cs, int columnIndex) throws SQLException { // ... (类似地处理其他获取方式) } } 在配置文件中注册这个自定义类型处理器: xml INSERT INTO user (json_data) VALUES (?) SELECT json_data FROM user WHERE id = {id} 现在,User 对象可以直接插入和查询为 JSON 字符串形式,而不需要手动调用 toString() 方法。 四、总结与讨论 通过本篇文章的学习,我们可以了解到 MyBatis 在默认情况下并不直接支持实体类与 JSON 数据的自动转换。不过,要是我们借助一些好用的第三方JSON工具,比如Jackson或者Gson,再配上自定义的类型处理器,就能超级灵活、高效地搞定这种复杂的数据映射难题啦,就像变魔术一样神奇!在我们实际做开发的时候,就得瞅准业务需求,挑那个最对味的解决方案来用。而且啊,你可别忘了把 MyBatis 的其他功能也玩得溜溜转,这样一来,你的应用性能就能噌噌往上涨,开发效率也能像火箭升空一样蹭蹭提升。同时呢,掌握并实际运用这些小技巧,也能让你在面对其他各种复杂场景下的数据处理难题时,更加游刃有余,轻松应对。
2024-02-19 11:00:31
75
海阔天空-t
Scala
...a元素,例如类定义和方法调用等。这些相似之处让开发者在从Java转到Scala时感觉更轻松,甚至可以在同一个项目里同时用这两种语言,完全没有问题。 代码示例: scala // 在Scala中调用Java静态方法 import java.lang.Math._ val result = sqrt(25) println(s"Square root of 25 is $result") // 输出:Square root of 25 is 5.0 2. 面向对象编程中的兼容性挑战 尽管Scala支持面向对象编程,但它对类的继承和接口的实现方式与Java有所不同。这可能导致一些开发者在初次尝试将Java代码转换为Scala时遇到困难。 代码示例: java // Java接口定义 public interface Animal { void makeSound(); } // Java类实现接口 public class Dog implements Animal { @Override public void makeSound() { System.out.println("Woof!"); } } 转换到Scala: scala // Scala trait定义(类似于Java的接口) trait Animal { def makeSound(): Unit } // Scala类实现trait class Dog extends Animal { override def makeSound(): Unit = println("Woof!") } 3. 函数式编程带来的新问题 Scala的一大特色是其强大的函数式编程支持,包括高阶函数、模式匹配等功能。然而,这些功能在Java中要么不存在,要么难以实现。所以嘛,当你搞那些复杂的函数式编程时,Scala和Java混着用就会变得有点儿头大。 代码示例: scala // Scala高阶函数示例 def applyFunction(f: Int => Int, x: Int): Int = f(x) val square = (x: Int) => x x println(applyFunction(square, 5)) // 输出:25 相比之下,Java的函数式编程支持则需要借助Lambda表达式或方法引用: java import java.util.function.Function; public class Main { public static void main(String[] args) { Function square = x -> x x; System.out.println(applyFunction(square, 5)); // 输出:25 } public static int applyFunction(Function f, int x) { return f.apply(x); } } 4. 解决方案与最佳实践 为了克服上述兼容性挑战,我们可以采取以下几种策略: - 谨慎选择API:优先使用那些具有良好跨语言支持的库。 - 逐步迁移:对于大型项目,可以考虑逐步将Java代码迁移到Scala,而不是一次性全部替换。 - 利用工具辅助:有些工具和框架可以帮助简化两种语言之间的交互,如Akka,它允许开发者使用Scala或Java编写Actor模型的应用程序。 结语:兼容性是桥梁,而非障碍 虽然Scala与Java之间存在一定的兼容性挑战,但正是这些挑战促使开发者不断学习和创新。搞清楚这两种语言的异同,然后用点巧劲儿,咱们就能扬长避短,打造出既灵活又高效的程序来。希望能帮到你,在遇到Scala和Java兼容性问题时,找到自己的解决办法。 --- 希望这篇文章符合您的要求,如果有任何特定的需求或想进一步探讨的部分,请随时告诉我!
2024-11-25 16:06:22
113
月下独酌
转载文章
...当客户端调用服务器端方法时,会创建一个Responder实例,并定义了success和failed两个回调函数,分别处理成功获取数据和调用失败的情况。
2023-09-10 18:10:29
66
转载
Cassandra
...assandra会在多个节点上复制同一份数据。当对数据进行写操作时,这些写操作会被发送到所有相关的Replica节点上。如果某个Replica节点暂时不可用,Hinted Handoff机制就会介入以确保数据最终能够被该节点接收并保持一致性。 Hint有效期(max_hint_window_in_ms) , 在Cassandra配置参数中,max_hint_window_in_ms定义了Hint的有效存活时间,单位为毫秒。超过这个时间阈值仍未处理的Hint将被视为过期并自动删除。Hint的有效期设置需要结合实际集群环境和运维需求进行合理调整,以平衡数据一致性与存储资源使用效率之间的关系。
2023-12-17 15:24:07
443
林中小径
SpringCloud
...o 的小玩意儿,这个方法可有意思了,它专门接收一个 Long 类型的 ID 号码作为“礼物”,然后呢,就精心炮制出一个 String 类型的结果送给你。 接下来,让我们来看看如何在实际项目中使用这个注解。首先,我们需要在项目的 pom.xml 文件中添加相应的依赖: php-template org.springframework.cloud spring-cloud-starter-openfeign 然后,我们可以在需要调用远程服务的地方使用上面定义的 RemoteService 接口: typescript @Autowired private RemoteService remoteService; public void test() { String result = remoteService.sayHello(1L); System.out.println(result); // 输出: Hello, 1 } 现在,我们可以看到,当我们调用 remoteService.sayHello 方法时,实际上是在调用远程服务的 /{id} 路径。这是因为我们在 @FeignClient 注解中指定了 URL。 但是,有时候我们可能需要自定义远程服务的 URL 路径。例如,我们的远程服务地址可能是 http://example.com/api 。如果我们想要调用的是 http://example.com/api/v1/{id} ,我们就需要在 @FeignClient 注解中指定 path 参数: kotlin @FeignClient(name = "remote-service", url = "${remote.service.url}", path = "/v1") public interface RemoteService { @GetMapping("/{id}") String sayHello(@PathVariable Long id); } 然而,此时我们会发现,当我们调用 remoteService.sayHello 方法时,实际上还是在调用远程服务的 /{id} 路径。这是因为我们在使用 @FeignClient 这个注解的时候,给它设定了一个 path 参数值,但是呢,我们却忘了在 RemoteService 接口里面也配上对应的路径。这就像是你给了人家地址的一部分,却没有告诉人家完整的门牌号,人家自然找不到具体的位置啦。 那么,我们如何才能让 RemoteService 接口调用 http://example.com/api/v1/{id} 呢?答案是:我们需要在 RemoteService 接口中定义对应的路径。具体来说,我们需要修改 RemoteService 接口如下: typescript @FeignClient(name = "remote-service", url = "${remote.service.url}", path = "/v1") public interface RemoteService { @GetMapping("/hello/{id}") String sayHello(@PathVariable Long id); } 这样,当我们调用 remoteService.sayHello 方法时,实际上是调用了 http://example.com/api/v1/hello/{id} 路径。这是因为我们在 RemoteService 接口里边,给它设计了一个特定的路径 "/hello/{id}",想象一下,这就像是在信封上写了个地址。然后呢,我们又在 @FeignClient 这个神奇的小标签上,额外添加了一层邮编 "/v1"。所以,当这两者碰到一起的时候,就自然而然地拼接成了一个完整的、可以指引请求走向的最终路径啦。 总结起来,SpringCloud OpenFeign @FeignClient 注解的 path 参数不起作用的原因主要有两点:一是我们在 @FeignClient 注解中指定了 path 参数,但是在 RemoteService 接口中没有定义对应的路径;二是我们在 RemoteService 接口中定义了路径,但是没有正确地与我们在 @FeignClient 注解中指定的 path 参数结合起来。希望这篇文章能对你有所帮助!
2023-07-03 19:58:09
89
寂静森林_t
ReactJS
...:直接使用尖括号包裹多个元素。 - 长语法:使用React.Fragment标签。 示例代码: jsx // 短语法 function MyComponent() { return ( <> 这是第一个元素 这是第二个元素 ); } // 长语法 function MyComponent() { return ( 这是第一个元素 这是第二个元素 ); } 三、遇到的第一个问题 样式问题 3.1 问题描述 在使用Fragment时,最常遇到的一个问题是样式问题。由于Fragment不会在DOM中生成额外的节点,有时候我们的样式可能会受到影响。比如说,你有个CSS选择器,专门用来给某个父元素底下的子元素加样式。但万一这个子元素被塞进了Fragment里,那你可能就得重新想想你的CSS选择了。 3.2 解决方案 3.2.1 使用CSS类名 最简单的解决方案是给Fragment中的元素添加一个唯一的类名,然后通过类名来应用样式。 jsx function MyComponent() { return ( <> 这是第一个元素 这是第二个元素 ); } 3.2.2 使用内联样式 当然,如果你不喜欢使用外部CSS文件,也可以直接在JSX中使用内联样式。 jsx function MyComponent() { return ( <> 这是第一个元素 这是第二个元素 ); } 四、遇到的第二个问题 调试困难 4.1 问题描述 另一个常见的问题是调试困难。因为Fragment在DOM里是没有单独的节点的,所以在浏览器开发者工具里想找某个特定的元素可能会有点难,就像大海捞针一样。这对于初学者来说尤其令人头疼。 4.2 解决方案 4.2.1 使用开发者工具 虽然Fragment本身没有DOM节点,但你可以通过查看其父元素的子元素列表来间接找到它。现代浏览器的开发者工具通常会提供这样的功能。 4.2.2 打印日志 在开发过程中,打印日志也是一个非常有用的技巧。你可以试试用console.log把组件的状态或属性打印出来,这样能更清楚地看到它是怎么工作的。 jsx function MyComponent() { console.log('MyComponent rendered'); return ( <> 这是第一个元素 这是第二个元素 ); } 五、遇到的第三个问题 性能问题 5.1 问题描述 虽然Fragment的主要目的是为了简化代码结构,并不会引入额外的DOM节点,但在某些情况下,如果过度使用,也可能会影响性能。尤其是当Fragment里塞满了各种子元素时,React就得对付一大堆虚拟DOM节点,这样一来,渲染的速度可就受影响了。 5.2 解决方案 5.2.1 合理使用Fragment 尽量只在必要时使用Fragment,避免不必要的嵌套。比如,当你只需要包裹两三个小东西时,用Fragment还挺合适的;但要是东西多了,你可能就得想想,真的有必要用Fragment吗? 5.2.2 使用React.memo或PureComponent 对于那些渲染频率较高且状态变化不频繁的组件,可以考虑使用React.memo或PureComponent来优化性能。这样可以减少不必要的重新渲染。 jsx const MyComponent = React.memo(({ children }) => ( <> {children} )); 六、遇到的第四个问题 可读性问题 6.1 问题描述 最后,还有一种不太明显但同样重要的问题,那就是代码的可读性。虽然Fragment能帮我们更好地整理代码,让结构更清晰,但要是用得太多或者不恰当,反而会让代码变得更乱,读起来费劲,维护起来也头疼。 6.2 解决方案 6.2.1 保持简洁 尽量保持每个Fragment内部的逻辑简单明了。要是某个Fragment里头塞了太多东西或者逻辑太复杂,那最好还是把它拆成几个小块儿,这样会好管理一些。 6.2.2 使用有意义的名字 给Fragment起一个有意义的名字,可以让其他开发者更容易理解这个Fragment的作用。例如,你可以根据它的用途来命名,如。 jsx function UserList() { return ( <> 用户列表 用户1 用户2 ); } 七、总结 总的来说,虽然使用Fragment可以极大地提升代码的可读性和可维护性,但在实际开发过程中也需要注意避免一些潜在的问题。希望能帮到你,在以后的项目里更好地用上Fragment,还能避开那些常见的坑。如果有任何疑问或者更好的建议,欢迎随时交流讨论! --- 以上就是关于“使用Fragment时遇到问题”的全部内容,希望对你有所帮助。如果你觉得这篇文章对你有启发,不妨分享给更多的人看到,我们一起进步!
2024-12-06 16:01:42
47
月下独酌
转载文章
...类 Alive Thread 线程stack上的对象,如方法或者局部变量 JNI活动对象 System Class Loader Java中的引用关系 java中有四种对象引用关系,分别是:强引用StrongRefernce、软引用SoftReference、弱引用WeakReference、虚引用PhantomReference,这四种引用关系分别对应的效果: StrongRefernce 通过new创建的对象,如Object obj = new Object();,强引用不会被垃圾回收器回收和销毁,即是OOM,所以这也容易造成我们接下来会分析的《非静态内部类持有对象导致的内存泄漏问题》 SoftReference 软引用可以被垃圾回收器回收,但它的生命周期要强于弱引用,但GC回收发生时,只有在内存空间不足时才会回收它 WeakReference 弱引用的生命周期短,可以被GC回收,但GC回收发生时,扫描到弱引用便会被垃圾回收和销毁掉 PhantomReference 虚引用任何时候都可以被GC回收,它不会影响对象的垃圾回收机制,它只有一个构造函数,因此只能配合ReferenceQueue一起使用,用于记录对象回收的过程 PhantomReference(T referent, ReferenceQueue<? super T> q) 关于ReferenceQueue 他的作用主要用于记录引用是否被回收,除了强引用其他的引用方式得构造函数中都包含了ReferenceQueue参数。当调用引用的get()方法返回null时,我们的对象不一定已经回收掉了,可能正在进入回收流程中,而当对象被确认回收后,它的引用会被添加到ReferenceQueue中。 Felix obj = new Felix();ReferenceQueue<Felix> rQueue = new ReferenceQueue<Felix>();WeakReference<Felix> weakR = new WeakReference<Felix>(obj,rQueue); 总结 看完Android引用和回收机制,我们对于代码中内存问题的原因也有一定认识,当时现实中内存泄漏或者溢出的问题,总是不经意间,在我之后一些列的文章中,会对不同场景的代码问题进行分析和解决,一起来关注吧! 本篇文章为转载内容。原文链接:https://blog.csdn.net/sslinp/article/details/84787843。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-10 11:39:05
262
转载
Kibana
...ibana日志管理的方法。 总之,紧跟技术社区的最新动态,密切关注官方文档更新,结合实战经验与案例学习,将有助于我们更高效地应对诸如Kibana无法启动等复杂问题,确保Elastic Stack生态系统的稳定运行。
2023-11-01 23:24:34
339
百转千回
转载文章
...组织和管理模式,它将多个独立的服务器或者其他计算资源通过特定的软件技术进行整合,使其可以协同工作,共同对外提供服务或者处理任务。在Linux面板的应用场景下,集群化管理意味着用户可以通过一个统一的控制界面来管理多个服务器,实现负载均衡、资源共享、故障切换等功能,从而提高系统的可用性和扩展性。例如,旗鱼云梯就提供了良好的集群化功能,允许用户无限制添加自己的服务器进行统一管理。
2023-10-25 12:23:09
517
转载
Etcd
...logrus,提供了多个级别的日志输出,包括Debug、Info、Warning、Error以及Fatal五个等级。不同的日志级别对应不同的信息详细程度: - Debug:记录详细的调试信息,用于开发阶段的问题排查。 - Info:提供运行时的基本信息,如节点启动、客户端连接等。 - Warning:记录潜在错误或非预期行为,但不影响程序正常运行。 - Error:记录已发生错误,可能影响部分功能。 - Fatal:记录严重错误,导致进程终止。 2. 设置Etcd日志级别 Etcd的日志级别可以通过启动参数--log-level来设定。下面是一段启动Etcd并将其日志级别设置为info的示例代码: bash ./etcd --name my-etcd-node \ --data-dir /var/lib/etcd \ --listen-peer-urls http://localhost:2380 \ --listen-client-urls http://localhost:2379 \ --initial-cluster-token etcd-cluster-1 \ --initial-cluster=my-etcd-node=http://localhost:2380 \ --advertise-client-urls http://localhost:2379 \ --log-level=info 上述命令行中--log-level=info表示我们只关心Info及以上级别的日志信息。 3. 输出方式与格式化 Etcd默认将日志输出到标准错误(stderr),你也可以通过--log-output参数指定输出文件,例如: bash ./etcd --log-output=/var/log/etcd.log ... 此外,Etcd还支持JSON格式的日志输出,只需添加启动参数--log-format=json即可: bash ./etcd --log-format=json ... 4. 实践应用与思考 在日常运维过程中,我们可能会遇到各种场景需要调整Etcd的日志级别。比如,当我们的集群闹脾气、出现状况时,我们可以临时把日志的“放大镜”调到Debug级别,这样就能捞到更多更细枝末节的内部运行情况,像侦探一样迅速找到问题的幕后黑手。而在平时一切正常运转的日子里,为了让日志系统保持高效、易读,我们一般会把它调到Info或者Warning这个档位,就像给系统的日常表现打个合适的标签。 同时,合理地选择日志输出方式也很重要。直接输出至终端有利于实时监控,但不利于长期保存和分析。所以,在实际的生产环境里,我们通常会选择把日志稳稳地存到磁盘上,这样一来,以后想回过头来找找线索、分析问题什么的,就方便多了。 总的来说,熟练掌握Etcd日志级别的调整和输出方式,不仅能让我们更好地理解Etcd的工作状态,更能提升我们对分布式系统管理和运维的实战能力。这就像一位超级厉害的侦探大哥,他像拿着放大镜一样细致地研究Etcd日志,像读解神秘密码那样解读其中的含义。通过这种抽丝剥茧的方式,他成功揭开了集群背后那些不为人知的小秘密,确保我们的系统能够稳稳当当地运行起来。
2023-01-29 13:46:01
832
人生如戏
Consul
...以尝试用个灰度发布的方法,就像画画时先淡淡地铺个底色那样,挑一部分流量或者节点先进行小范围的升级试试水。在这个过程中,咱们得瞪大眼睛紧盯着各项指标和日志记录,一旦发现有啥不对劲的地方,就立马“一键返回”,把升级先撤回来,确保万无一失。 3.3 客户端同步更新 确保Consul客户端库与服务端版本匹配,对于因API变更导致的问题,应及时升级客户端代码以适应新版本API。例如: go // 更新Consul Go客户端至对应版本 import "github.com/hashicorp/consul/api/v2" client, _ := api.NewClient(api.Config{Address: "localhost:8500"}) 3.4 兼容性封装与适配层构建 对于重大变更且短期内难以全部更新的应用,可考虑编写一个兼容性封装层或者适配器,让旧版客户端能够继续与新版本Consul服务交互。 4. 结语 面对Consul版本更新带来的兼容性问题,我们既要有预见性的规划和严谨的执行步骤,也要具备灵活应对和快速修复的能力。每一次版本更新,其实就像是给系统做一次全面的健身锻炼,让它的稳定性和健壮性更上一层楼。而在这一整个“健身计划”中,解决好兼容性问题,就像确保各个肌肉群协调运作一样关键!在探索和实践中,我们不断积累经验,使我们的分布式架构更加稳健可靠。
2023-02-25 21:57:19
544
人生如戏
Redis
...竞争,特别是对于频繁读取缓存的情况,过多的等待会导致整体性能下降。 - 维护系统稳定性:过高或者过低的连接数都可能引发各种问题,如资源争抢、网络拥堵、服务器负载不均等。 三、Redis最大连接数的设置步骤 1. 查看Redis默认最大连接数 打开Redis配置文件redis.conf,找到如下行: Default value for maxclients, can be overridden by the command line option maxclients 10000 这就是Redis服务器的默认最大连接数,通常在生产环境中会根据需求进行调整。 2. 修改Redis最大连接数配置 为了演示,我们把最大连接数设为250: 在redis.conf 文件中添加或替换原有maxclients 设置 maxclients 250 确保修改后的配置文件正确无误,并遵循以下原则来确定合适的最大连接数: - 根据预期并发用户量计算所需连接数,一般来说,每个活跃用户至少维持一个持久连接,加上一定的冗余。 - 考虑Redis任务类型:如果主要用于写入操作,如持久化任务,适当增加连接数可加快数据同步;若主要是读取,那么连接数可根据平均并发读取量设置。 - 参考服务器硬件资源:CPU、内存、磁盘I/O等资源水平,以防止因连接数过多导致Redis服务响应变慢或崩溃。 3. 保存并重启Redis服务 完成配置后,记得保存更改并重启Redis服务以使新配置生效: bash Linux 示例 sudo service redis-server restart macOS 或 Docker 使用以下命令 sudo redis-cli config save docker-compose restart redis 4. 检查并监控Redis最大连接数 重启Redis服务后,通过info clients命令检查最大连接数是否已更新: redis-cli info clients 输出应包含connected_clients这一字段,显示当前活跃连接数量,以及maxClients显示允许的最大连接数。 5. 监控系统资源及文件描述符限制 在Linux环境下,可以通过ulimit -n查看当前可用的文件描述符限制,若仍需进一步增大连接数,请通过ulimit -n 设置并重加载限制,然后再重启Redis服务使其受益于新设置。 四、结论与注意事项 设置Redis最大连接数并非一劳永逸,随着业务发展和环境变化,定期评估并调整这一参数是必要的。同时,想要确保Redis既能满足业务需求又能始终保持流畅稳定运行,就得把系统资源监控、Redis的各项性能指标和调优策略一起用上,像拼图一样把它们完美结合起来。在这个过程中,我们巧妙地把实际操作中积累的经验和书本上的理论知识灵活融合起来,让Redis摇身一变,成了推动我们业务迅猛发展的超级好帮手。
2024-02-01 11:01:33
301
彩虹之上_t
Sqoop
...被其他表使用了。解决方法是在创建表的时候,给表起一个新的名字,避免与其他表重名。 (3)java.io.IOException: Could not find or load main class com.cloudera.sqoop.lib.SqoopTool 这个问题是因为你的 Sqoop 版本过低,或者没有正确安装。解决方法是更新你的 Sqoop 到最新版本,或者重新安装 Sqoop。 三、实例演示 为了让大家更好地理解和掌握以上的方法,下面我将通过具体的实例来演示如何使用 Sqoop 导出数据。 首先,假设我们要从 Oracle 数据库中导出一个名为 "orders" 的表。首先,我们需要在 Sqoop.xml 文件中添加以下内容: xml connect.url jdbc:oracle:thin:@localhost:1521:ORCL connect.username scott connect.password tiger export.query select from orders 然后,我们可以使用以下命令来执行 Sqoop 导出操作: bash sqoop export --connect jdbc:oracle:thin:@localhost:1521:ORCL --username scott --password tiger --table orders --target-dir /tmp/orders 这个命令将会把 "orders" 表中的所有数据导出到 "/tmp/orders" 目录下。 四、总结 通过以上的讲解和实例演示,我相信大家已经对如何使用 Sqoop 导出数据有了更深的理解。同时呢,我真心希望大家都能在实际操作中摸爬滚打,不断去尝试、去探索、去学习,让自己的技术水平像火箭一样嗖嗖地往上窜。 最后,我要说的是,虽然在使用 Sqoop 的过程中可能会遇到各种各样的问题,但只要我们有足够的耐心和毅力,就一定能够找到解决问题的办法。所以,无论何时何地,我们都应该保持一颗积极向上的心态,勇往直前! 好了,今天的分享就到这里,感谢大家的阅读和支持!希望我的分享能对大家有所帮助,也希望大家在以后的工作和学习中取得更大的进步!
2023-05-30 23:50:33
121
幽谷听泉-t
Sqoop
... 结语 通过以上两种方法,我们不仅能够方便快捷地获取Sqoop的版本信息,更能理解为何这一看似简单的操作对于日常的大数据处理工作如此关键。无论是你刚踏入大数据这片广阔天地的小白,还是已经在数据江湖摸爬滚打多年的老司机,都得养成一个日常小习惯,那就是时刻留意并亲自确认你手头工具的版本信息,可别忽视了这个细节。毕竟,在这个日新月异的技术世界里,紧跟潮流,方能游刃有余。 下次当你准备开展一项新的数据迁移任务时,别忘了先打个招呼:“嗨,Sqoop,你现在是什么版本呢?”这样,你在驾驭它的道路上,就会多一份从容与自信。
2023-06-29 20:15:34
63
星河万里
CSS
...决问题啦!这里有几种方法可以帮助你去掉或者自定义光标竖线,每种方法都有其优缺点,大家可以结合自己的需求选择适合的方式。 方法一:直接移除 outline 最简单粗暴的方法就是直接通过 CSS 将 outline 设置为 none。这个方法能直接去掉那些烦人的竖线,不过得小心点!因为用完之后,当你切换焦点的时候,可能就分不清到底哪个东西是被选中的了。所以啊,不到万不得已,还是别轻易尝试啦! css input:focus { outline: none; } 优点:操作简单,立刻生效。 缺点:失去焦点时可能会影响用户的体验。 方法二:自定义 outline 样式 与其完全移除 outline,不如换个方式让它变得更和谐。你可以调整那个竖线的“轮廓”——比如它的颜色、粗细,还有样子,让它跟你的整体设计更搭,看起来不那么突兀。 css input:focus { outline: 2px solid FFD700; / 黄色外框 / outline-offset: 4px; / 外框距离内容的距离 / } 优点:既保留了焦点提示功能,又能让竖线看起来更美观。 缺点:需要额外的时间去调整样式。 方法三:用 box-shadow 替代 outline 如果你不想用传统的 outline,可以尝试用 box-shadow 来模拟焦点效果。这样弄出来的效果特别自然,而且跟那种传统的“轮廓线”比起来,完全不会显得死板或突兀,看着就舒服多了! css input:focus { box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); / 蓝色阴影 / border: none; / 移除原有边框 / } 优点:灵活性高,可以根据需求定制阴影效果。 缺点:需要更多的测试来确保兼容性。 --- 4. 实战演练 结合实际案例看看效果 为了让大家更好地理解这些方法的实际效果,我准备了一些简单的代码示例,大家可以复制到本地试一试。 示例一:完全移除 outline html Remove Outline 示例二:自定义 outline 样式 html Custom Outline 示例三:用 box-shadow 模拟焦点 html Box Shadow Example --- 5. 总结与反思 做设计还是做用户体验? 写到这里,我觉得有必要停下来聊一聊设计和用户体验之间的平衡。很多时候,我们追求极致的视觉效果,却忽略了用户的实际感受。虽然去掉光标竖线可以让界面更整洁,但也可能让用户感到困惑。 所以,在决定是否去掉竖线之前,不妨问问自己:这样做真的对用户更好吗?如果答案是肯定的,那就大胆去做吧!但如果不确定,不妨先测试一下,看看用户的反馈如何。 总之,技术永远是为了服务于人,而不是让人迁就技术。希望今天的分享能给大家带来一些启发,同时也希望大家能在实践中不断探索和成长! 好了,今天的分享就到这里啦!如果你还有什么疑问或者想法,欢迎在评论区留言交流哦~咱们下次再见!
2025-04-27 15:35:12
47
风轻云淡_
Superset
...处理数据列映射异常的方法有很多。首先,咱们得瞧一瞧,是不是选对了查询的列,还有啊,聚合的方式给整准确了没。接着呢,咱们得保证咱的数据集是个实实在在的“完璧之身”,里头甭管是丢三落四的空缺值还是调皮捣蛋的异常值,一个都不能有哈。最后一步,咱们得根据自身的需求,来量身定制可视化设计,确保它能准确无误地传递出咱们想要表达的信息内容。 下面是一些具体的步骤: 步骤一:检查查询 我们首先需要检查我们的查询。在Superset里头,想看我们正在捣鼓的查询超级简单,就跟你平时点开视频网站的小播放键一样,你只需要轻轻一点查询编辑器右下角那个醒目的“预览”按钮,一切就尽在眼前啦!瞧瞧这个预览窗口,这里展示了咱们正在使用的所有列,还附带了我们对这些列的处理手法,也就是聚合方式,一目了然! 例如,如果我们只想看到某一类产品的销售额,我们应该选择"product_type"和"sales_amount"这两列,并设置聚合方式为"SUM(sales_amount)"。 步骤二:处理缺失值和异常值 如果我们发现我们的数据集中存在缺失值或者异常值,我们需要先处理这些问题。在 Python 中,我们可以使用 Pandas 库来处理这些问题。例如,我们可以使用 dropna() 方法来删除含有缺失值的行,或者使用 fillna() 方法来填充缺失值。对于异常值,我们可以使用箱线图来识别并处理。 步骤三:设计可视化 最后,我们需要根据我们的需求来设计我们的可视化。在 Superset 中,我们可以很容易地改变我们可视化的类型、颜色、标签等属性。同时呢,咱们也得留心一下咱的标题和图例这些小细节,确保它们能明明白白地把我们的意思传达出去,让人一看就懂。 例如,如果我们想比较两种产品的销售额,我们应该选择柱状图作为我们的可视化类型,并给每种产品分配不同的颜色。同时,我们也应该在标题和图例中明确指出我们正在比较的是哪两种产品。 五、结论 总的来说,处理数据列映射异常是一项非常重要的任务。瞧,如果我们认真检查咱们的查询,把那些躲猫猫的缺失值和捣乱的异常值都妥妥地处理好,再巧妙地设计我们的可视化图表,那就能确保咱们的数据列映射绝对精准无误。这样一来,生成的可视化效果自然就棒棒哒,既有效又直观!希望这篇文章能帮助你解决你在 Superset 中遇到的问题。
2023-09-13 11:26:54
100
清风徐来-t
Apache Solr
...iqueKey),当多个请求尝试同时更新或插入同一唯一键的文档时,就可能出现并发写入冲突。Solr默认采用了像乐天派一样的乐观锁机制,也就是版本号控制这一招儿,来巧妙地应对这个问题。具体来说呢,就像每一份文档都有自己的身份证号码一样,它们各自拥有一个版本号字段,这个字段就叫做 _version_。每次我们对文档进行更新的时候,这个版本号就会往上加一,就像咱们小时候玩游戏升级打怪一样,每次升级都会经验值往上涨。要是有两个请求,它们各自带的版本号对不上茬儿,那么后到的那个请求就会被我们无情地拒之门外。这么做是为了避免数据被不小心覆盖或者丢失掉,就像你不会同时用两支笔在同一份作业上写字,以防搞乱一样。 java // 示例:尝试更新一个文档,包含版本号控制 SolrInputDocument doc = new SolrInputDocument(); doc.addField("id", "1"); // 唯一键 doc.addField("_version_", 2); // 当前版本号 doc.addField("content", "new content"); UpdateRequest req = new UpdateRequest(); req.add(doc); req.setCommitWithin(1000); // 设置自动提交时间 solrClient.request(req); 3. 并发写入冲突引发的问题实例 设想这样一个场景:有两个并发请求A和B,它们试图更新同一个文档。假设请求A先到达,成功更新了文档并增加了版本号。这时,请求B才到达,但由于它携带的是旧的版本号信息,因此更新操作会失败。 java // 请求B的示例代码,假设携带的是旧版本号 SolrInputDocument conflictingDoc = new SolrInputDocument(); conflictingDoc.addField("id", "1"); // 同一唯一键 conflictingDoc.addField("_version_", 1); // 这是过期的版本号 conflictingDoc.addField("content", "conflicting content"); UpdateRequest conflictReq = new UpdateRequest(); conflictReq.add(conflictingDoc); solrClient.request(conflictReq); // 此请求将因为版本号不匹配而失败 4. 解决策略与优化方案 面对这种并发写入冲突导致的数据插入失败问题,我们可以从以下几个方面入手: - 重试策略:当出现版本冲突时,可以设计一种重试机制,让客户端获取最新的版本号后重新发起更新请求。但需要注意避免无限循环和性能开销。 - 分布式事务:对于复杂业务场景,可能需要引入分布式事务管理,如使用Solr的TransactionLog功能实现ACID特性,确保在高并发环境下的数据一致性。 - 应用层控制:在应用层设计合理的并发控制策略,例如使用队列、锁等机制,确保在同一时刻只有一个请求在处理特定文档的更新。 - 合理设置Solr配置:比如调整autoCommit和softCommit的参数,以减少因频繁提交而导致的并发冲突。 5. 总结与思考 在实际开发过程中,我们不仅要了解Apache Solr提供的并发控制机制,更要结合具体业务场景灵活运用,适时采取合适的并发控制策略。当碰上并发写入冲突,导致数据插不进去的尴尬情况时,咱们得主动出击,找寻并实实在在地执行那些能解决问题的好法子,这样才能确保咱们系统的平稳运行,保证数据的准确无误、前后一致。在摸爬滚打的探索旅程中,我们不断吸收新知识,理解奥秘,改进不足,这正是技术所散发出的独特魅力,也是咱们这群开发者能够持续进步、永不止步的原动力。
2023-12-03 12:39:15
536
岁月静好
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
zip -r archive.zip dir
- 将目录压缩为ZIP格式。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"