前端技术
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
[技术使用 ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...选项 什么是选项? 使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例。 以上是官网对于选项的概念,简单的说,选项是一组由Vue定义好的对象,你可以将你的代码写在指定的选项中,从而获得一些 “特异功能” 。 注:由于选项是Vue规定好的,因此在使用中我们不能更改其名称,也不可以重复定义 常用选项 1. data选项 必须是一个函数,将组件需要使用的变量定义在此函数的返回值对象中,定义的变量将会获得一个“特异功能” ---- 响应式 <template><div><!-- 在这里使用插值表达式将name渲染到页面 -->{ { name } }</div></template><script>export default {// data选项data(){return{// name是响应式的name:"Jay",} },}</script> 上面例子中的name就是一个响应式数据,在值发生改变时,视图(页面)上的name也会发生变化,那我们便可以通过操作name的变化去使视图发生变化,而不用进行繁琐的DOM操作,这也体现着Vue框架的 数据驱动 这一核心思想。 为什么数据要定义在data函数的返回值中,而不是定义在一个对象中? 将数据定义在函数返回值中,可以确保每产生一个组件实例,都会调用一次函数,并返回一个新的对象,开辟一块新的空间。 如果将数据定义在对象中,可能会出现类似于浅拷贝中出现的问题,即多个组件实例指向同一块空间,一个组件实例修改数据,则全部数据发生变化。 2. methods选项 此选项是一个对象,其中存放着该组件要使用的函数,比如事件的回调函数… <template><div><!-- 添加点击事件,事件回调函数在methods中定义 --><button @click="add">点击加一</button> <p>{ { count } }</p></div></template><script>export default {data(){return{count:0,} },// 在methods中定义函数(方法)methods:{add(){// 在函数中要使用data中的变量,需加thisthis.count++},} }</script> 通过点击事件改变count的值,从而使页面上的值随之变化,再次体现 数据驱动 的核心思想 3. computed 计算属性 计算属性,对象形式,顾名思义,在计算属性中保存着一系列需要经过运算得出的属性 <template><p>路程:{ { distance } } km</p><p>速度:{ { speed } } km/h</p><!-- 使用计算属性,与变量的使用相同 --><p>花费的时间:{ { time } } h</p></template><script>export default {data() {return {distance: 1000,speed: 50,} },computed: {// 定义计算属性,类似于函数的定义,返回值就是该计算属性的值time() {return this.distance / this.speed} }}</script> 计算属性内部所依赖的数据发生变化时, 计算属性本身就会自动重新计算返回一个新的计算值并缓存起来。 计算属性内部所依赖的数据没有发生变化, 计算属性会直接返回上一次缓存的值。 因此上面例子中的distance(路程)与speed(速度)无论如何变化,time都会计算出正确的值。 4. directives 选项, 定义自定义指令( 局部指令 ) 在上节,我们学习了一些Vue内置指令,功能十分强大,那么我们可以自己定义一些指令吗? 当然可以!我们可以在directives选项中创建自定义指令。 <template><!-- 使用自定义指令 --><div v-myshow="1"></div><div v-myshow="0"></div></template><script>export default {// 在directives中定义一个自定义指令,来模仿v-show的功能directives: {//el:添加自定义指令的元素;binding:指令携带的参数myshow(el, binding) {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} }} }</script><style scoped>div {width: 100px;height: 100px;background-color: red;margin: 10px;}</style> 像以上这种,在组件中定义的指令是局部指令,只能在本组件中使用,全局指令需要在main.js文件中定义,全局指令在任何.vue文件中都可使用。 注意: 当局部指令和全局指令冲突时, 局部指令优先生效. var app = createApp(App)//定义全局指令 app.directive("myshow", (el, binding) => {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} })// 全局指令可在任何组件使用 5. components组件选项(注册局部组件) 在一个组件中我们可能会使用到其他组件,在将组件引入后,需要在components中进行注册,才能使用。 <template><!-- 使用组件 --><Test /></template><script>// 引入组件import Test from './Test.vue'export default {// 注册组件components: {Test},}</script> 局部组件只能在当前组件内部使用,需要在任何组件中使用,需要在main.js文件中注册为全局组件 // 引入组件import Test from './Test.vue'// 注册全局组件,可在所有.vue文件中使用app.component('Test',Test); 6. 其他 filters 选项, 定义过滤器,vue2中使用,Vue3中已经弃用 mounted 等生命周期函数选项,我们在下节进行详细讲解… 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_57714647/article/details/130878069。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-25 22:28:14
68
转载
SpringBoot
...性,进一步降低了用户使用门槛并提升了资源利用率。此外,通过与Kubernetes生态深度融合,RocketMQ 5.0版本实现了弹性伸缩、按需计费,为构建云上微服务架构提供了更为强大且经济高效的解决方案。 深入探讨消息中间件领域,Apache Kafka作为另一个广受欢迎的消息系统,它以其高性能、高吞吐量的特点,在流处理和实时计算场景中拥有广泛应用。而Spring Boot对Kafka也有良好的支持,开发者可以灵活选择适合自身业务需求的消息中间件工具,以满足不同场景下的技术挑战。 综上所述,无论是持续优化迭代的RocketMQ还是广泛应用的Kafka,与Spring Boot的集成已成为现代应用开发中提高系统弹性和解耦能力的重要实践。随着云原生技术和微服务架构的不断演进,消息中间件的选择与整合将更加注重性能、易用性和成本效益,从而更好地赋能企业数字化转型。
2023-12-08 13:35:20
83
寂静森林_t
Nacos
...能,提供更详尽的内存使用报告和健康检查机制,有助于预防和发现潜在的内存泄漏问题。 与此同时,专家建议开发者深入理解内存管理和垃圾回收机制,遵循资源有限、适时释放的原则编写代码,并结合容器化、服务网格等新兴技术对应用进行合理部署和扩容,以应对高并发场景下的内存挑战。 综上所述,在享受Nacos等配置中心带来便利的同时,时刻关注并解决内存泄漏等性能隐患,已成为现代微服务架构设计与运维的重要课题。通过紧跟社区动态、掌握最新技术和工具,我们能更好地驾驭复杂环境下的微服务架构,实现系统的稳定、高效运行。
2023-03-16 22:48:15
116
青山绿水_t
Tomcat
...攻击呢? 一种方法是使用HTTP-only cookie。当我们设置cookie时,我们可以指定是否允许JavaScript访问这个cookie。如果我们将此选项设为true,则JavaScript将不能读取这个cookie,从而避免了XSS攻击。例如: css Cookie = "name=value; HttpOnly" 另一种方法是在服务器端过滤所有的输入数据。这种方法可以确保用户输入的数据不会被恶意脚本篡改。比如,假如我们手头有个登录页面,那我们就能瞅瞅用户输入的用户名和密码对不对劲儿。要是发现不太对,咱就直接把这次请求给拒了,同时还得告诉他们哪里出了岔子,返回一个错误消息提醒一下。例如: php-template if (username != "admin" || password != "password") { return false; } 最后,我们还需要定期更新Tomcat和其他软件的安全补丁,以及使用最新的安全技术和工具,以提高我们的防御能力。另外,咱们还可以用上一些防火墙和入侵检测系统,就像给咱的网络装上电子眼和防护盾一样,实时留意着流量动态,一旦发现有啥不对劲的行为,就能立马出手拦截,确保安全无虞。 当然,除了上述方法外,还有很多其他的方法可以防止跨站脚本攻击(XSS),比如使用验证码、限制用户提交的内容类型等等。这些都是值得我们深入研究和实践的技术。 总的来说,防止访问网站时出现的安全性问题,如跨站脚本攻击(XSS)或SQL注入,是一项非常重要的任务。作为开发小哥/小姐姐,咱们得时刻瞪大眼睛,绷紧神经,不断提升咱的安全防护意识和技术能力。这样一来,才能保证我们的网站能够安安稳稳、健健康康地运行,不给任何安全隐患留空子钻。只有这样,我们才能赢得用户的信任和支持,实现我们的业务目标。"
2023-08-10 14:14:15
283
初心未变-t
MyBatis
...天我们要聊的是一个在使用MyBatis进行开发时经常会遇到的小坑——全文搜索配置不正确的问题。全文搜索在很多应用场景中都是不可或缺的功能,比如搜索引擎、电商商品检索等。MyBatis 这个挺不错的 ORM 框架虽然自己不带全文搜索的功能,但咱们可以用一些小技巧和巧妙的设置,在 MyBatis 项目里搞定全文搜索的需求。接下来,让我们一起深入探索如何避免常见的配置错误,让全文搜索更加高效。 1. 全文搜索的基础概念与需求分析 首先,我们需要明白全文搜索是什么。简单说吧,全文搜索就像是在一大堆乱七八糟的书里迅速找到包含你想要的关键字的那一段,挺方便的。与简单的字符串匹配不同,全文搜索可以处理更复杂的查询条件,比如忽略大小写、支持布尔逻辑运算等。在数据库层面,这通常涉及到使用特定的全文索引和查询语法。 假设你正在开发一个电商平台,用户需要能够通过输入关键词快速找到他们想要的商品信息。要是咱们数据库里存了好多商品描述,那单靠简单的LIKE查询可能就搞不定事儿了,速度会特别慢。这时候,引入全文搜索就显得尤为重要。 2. MyBatis中实现全文搜索的基本思路 在MyBatis中实现全文搜索并不是直接由框架提供的功能,而是需要结合数据库本身的全文索引功能来实现。不同的数据库在全文搜索这块各有各的招数。比如说,MySQL里的InnoDB引擎就支持全文索引,而PostgreSQL更是自带强大的全文搜索功能,用起来特别方便。这里我们以MySQL为例进行讲解。 2.1 数据库配置 首先,你需要确保你的数据库支持全文索引,并且已经为相关字段启用了全文索引。比如,在MySQL中,你可以这样创建一个带有全文索引的表: sql CREATE TABLE product ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(255), description TEXT, FULLTEXT(description) ); 这里,我们为description字段添加了一个全文索引,这意味着我们可以在这个字段上执行全文搜索。 2.2 MyBatis映射文件配置 接下来,在MyBatis的映射文件(Mapper XML)中定义相应的SQL查询语句。这里的关键在于正确地构建全文搜索的SQL语句。比如,假设我们要实现根据商品描述搜索商品的功能,可以这样编写: xml SELECT FROM product WHERE MATCH(description) AGAINST ({keyword} IN NATURAL LANGUAGE MODE) 这里的MATCH(description) AGAINST ({keyword})就是全文搜索的核心部分。“IN NATURAL LANGUAGE MODE”就是用大白话来搜东西,这种方式更直接、更接地气。搜出来的结果也会按照跟你要找的东西的相关程度来排个序。 3. 实际应用中的常见问题及解决方案 在实际开发过程中,可能会遇到一些配置不当导致全文搜索功能失效的情况。这里,我将分享几个常见的问题及其解决方案。 3.1 搜索结果不符合预期 问题描述:当你执行全文搜索时,发现搜索结果并不是你期望的那样,可能是因为搜索关键词太短或者太常见,导致匹配度不高。 解决方法:尝试调整全文搜索的模式,比如使用BOOLEAN MODE来提高搜索精度。此外,确保搜索关键词足够长且具有一定的独特性,可以显著提高搜索效果。 xml SELECT FROM product WHERE MATCH(description) AGAINST ({keyword} IN BOOLEAN MODE) 3.2 性能瓶颈 问题描述:随着数据量的增加,全文搜索可能会变得非常慢,影响用户体验。 解决方法:优化索引设计,比如适当减少索引字段的数量,或者对索引进行分区。另外,也可以考虑在应用层缓存搜索结果,减少数据库负担。 4. 总结与展望 通过上述内容,我们了解了如何在MyBatis项目中正确配置全文搜索功能,并探讨了一些实际操作中可能遇到的问题及解决策略。全文搜索这东西挺强大的,但你得小心翼翼地设置才行。要是设置得好,不仅能让人用起来更爽,还能让整个应用变得更全能、更灵活。 当然,这只是全文搜索配置的一个起点。随着业务越做越大,技术也越来越先进,我们可以试试更多高大上的功能,比如支持多种语言,还能处理同义词啥的。希望本文能对你有所帮助,如果有任何疑问或想法,欢迎随时交流讨论! --- 希望这篇文章能够帮助到你,如果有任何具体的需求或者想了解更多细节,随时告诉我!
2024-11-06 15:45:32
136
岁月如歌
RocketMQ
... RocketMQ 使用消息分区(Message Partitioning)来分散消息,每个分区都有一个独立的消费者组。例如,以下是一个简单的配置示例: java // RocketMQ配置 Properties config = new Properties(); config.setProperty("brokerName", "localhost"); config.setProperty("topic", "testTopic"); config.setProperty("group.id", "myGroup"); // 消费者组名 config.setProperty("partition.consumer.list", "0,1,2"); // 指定消费者分组接收哪些分区 在这个例子中,消息会被均匀地分配到0、1和2三个分区,每个分区有一个或多个消费者来处理。 四、顺序消息与事务消息 (300字左右) 顺序消息(顺序消费)确保同一主题下的消息按发送顺序到达消费者,这对于需要严格依赖消息顺序的应用至关重要。例如,创建顺序消费者: java // 创建顺序消费者 OrderlyConsumer orderlyConsumer = new OrderlyConsumer(new DefaultMQPushConsumer("orderly-consumer")); orderlyConsumer.subscribe("testTopic", ""); // 使用通配符接收所有分区 事务消息则提供了原子性,如果消息处理失败,RocketMQ会回滚整个事务,直到成功确认。 五、消息确认与重试策略 (300字左右) 当消费者收到消息后,通过channel.basicAck()方法进行确认。一旦用户那边出点状况,比如突然断网或者啥的,RocketMQ这哥们儿特别能扛,它会自动启动它的"复活机制",比如说默认的三次重试,确保消息不落空,妥妥的。例如,手动确认消息: java try { Message msg = consumer.receive(1000); // 1秒超时 if (msg != null) { channel.basicAck(msg.getDeliveryTag(), false); // 常规确认,不持久化 } } catch (MQClientException e) { // 处理异常并可能重试 } 六、总结与最佳实践 (100字左右) RocketMQ 的消息投递保证使得开发者能够根据需求选择合适的保证级别,同时灵活调整重试策略。在日常操作里头,搞定这些机制的窍门就像搭积木一样关键,它能让咱的系统稳如老狗,数据就像粘得紧紧的,一个字儿:可靠!通过合理使用 RocketMQ,我们可以构建出健壮、可靠的分布式系统架构。 以上内容仅为简要介绍,实际使用 RocketMQ 时,还需深入理解其内部工作机制,结合具体业务场景定制解决方案。希望这个指南能帮助你更好地驾驭 RocketMQ,打造稳健的消息传递平台。
2024-06-08 10:36:42
93
寂静森林
PostgreSQL
...了每个SQL查询可以使用的内存量,对于复杂的排序、哈希操作等至关重要。过低的work_mem设定可能导致大量临时文件生成,进一步降低性能。 postgresql -- 调整work_mem大小 work_mem = 64MB -- 根据实际业务负载进行合理调整 3. 配置失误导致的故障案例 3.1 max_connections设置过高 max_connections参数限制了PostgreSQL同时接受的最大连接数。如果设置得过高,却没考虑服务器的实际承受能力,就像让一个普通人硬扛大铁锤,早晚得累垮。这样一来,系统资源就会被消耗殆尽,好比车票都被抢光了,新的连接请求就无法挤上这趟“网络列车”。最终,整个系统可能就要“罢工”瘫痪啦。 postgresql -- 不合理的高连接数设置示例 max_connections = 500 -- 若服务器硬件条件不足以支撑如此多的并发连接,则可能引发故障 3.2 日志设置不当造成磁盘空间耗尽 log_line_prefix、log_directory等日志相关参数设置不当,可能导致日志文件迅速增长,占用过多磁盘空间,进而引发数据库服务停止。 postgresql -- 错误的日志设置示例 log_line_prefix = '%t [%p]: ' -- 时间戳和进程ID前缀可能会使日志行变得冗长 log_directory = '/var/log/postgresql' -- 如果不加以定期清理,日志文件可能会撑满整个分区 4. 探讨与建议 面对PostgreSQL的系统配置问题,我们需要深入了解每个参数的含义以及它们在不同场景下的最佳实践。优化配置是一个持续的过程,需要结合业务特性和硬件资源来进行细致调优。 - 理解需求:首先,应了解业务特点,包括数据量大小、查询复杂度、并发访问量等因素。 - 监控分析:借助pg_stat_activity、pg_stat_bgwriter等视图监控数据库运行状态,结合如pgBadger、pg_top等工具分析性能瓶颈。 - 逐步调整:每次只更改一个参数,观察并评估效果,切忌盲目跟从网络上的推荐配置。 总结来说,PostgreSQL的强大性能背后,合理的配置是关键。要让咱们的数据库系统跑得溜又稳,像老黄牛一样可靠,给业务发展扎扎实实当好坚强后盾,那就必须把这些参数整得门儿清,调校得恰到好处才行。
2023-12-18 14:08:56
237
林中小径
Hadoop
...里,面对不同的需求和技术特点时,咱们得像个精明的小侦探,灵活机智地挑出最对味、最适合的数据处理武器和战术方案。 总的来说,借助Hadoop,我们能够构建出高效的数据转换和处理流程,从容应对大数据挑战。不过呢,咱们也得时刻想着把它的原理摸得更透彻些,还有怎么跟其他的技术工具灵活搭配使用。这样一来,咱就能在那些乱七八糟、变来变去的业务环境里头,发挥出更大的作用,创造更大的价值啦!
2023-04-18 09:23:00
470
秋水共长天一色
Netty
...为什么在Java中要使用Netty而不是直接使用NIO? 首先,我们来了解一下什么是NIO(Non-blocking I/O)。NIO是Java中一种新的I/O模型,相比传统的BIO(Blocking I/O),NIO具有更高的性能和更好的并发能力。在NIO这套机制里,所有的IO操作都是非阻塞模式的,这就意味着一个线程能够同时hold住处理多个连接任务,完全不用傻傻地等待某个连接慢慢悠悠地完成所有操作。就像你一只手可以同时操作几个手机聊天一样,无需等一个聊完再换下一个,高效又灵活。 那么,既然有了NIO,为什么还要引入Netty呢?接下来我们将从以下几个方面进行探讨: 1. 简单易用 在NIO中,我们需要手动管理很多复杂的细节,如连接的建立、维护和关闭等,这使得NIO的学习曲线非常陡峭。而Netty则提供了一种更加简单易用的方式来进行网络编程,只需要很少的代码就可以实现基本的功能,极大地降低了开发者的工作难度。 例如,我们可以使用以下代码来启动一个Netty的服务端: csharp EventLoopGroup bossGroup = new NioEventLoopGroup(); EventLoopGroup workerGroup = new NioEventLoopGroup(); ServerBootstrap b = new ServerBootstrap(); b.group(bossGroup, workerGroup) .channel(NioServerSocketChannel.class) .childHandler(new ChannelInitializer() { @Override protected void initChannel(SocketChannel ch) throws Exception { ch.pipeline().addLast(new EchoServerHandler()); } }) .bind(8080).sync() .channel() .closeFuture() .sync(); 可以看到,这段代码非常简洁,只需要定义了一个EchoServerHandler处理器,然后将这个处理器添加到管道中即可。 2. 强大的可扩展性 在NIO中,如果我们想要增加更多的功能,就需要编写大量的代码,并且可能还需要修改原有的代码。在Netty这个家伙里头,它的设计可是模块化的,这就意味着咱们能够超级轻松地塞进新的功能,而且压根儿不用去碰原先的那些代码,简直太方便啦! 例如,我们可以使用以下代码来实现一个HTTP服务端: less EventLoopGroup bossGroup = new NioEventLoopGroup(); EventLoopGroup workerGroup = new NioEventLoopGroup(); ServerBootstrap b = new ServerBootstrap(); b.group(bossGroup, workerGroup) .channel(NioServerSocketChannel.class) .childHandler(new ChannelInitializer() { @Override protected void initChannel(SocketChannel ch) throws Exception { HttpServerCodec httpServerCodec = new HttpServerCodec(); HttpObjectAggregator aggregator = new HttpObjectAggregator(8192); Channels.pipeline().addLast(httpServerCodec, aggregator, new HttpHandler() { @Override public void channelRead(ChannelHandlerContext ctx, Object msg) throws Exception { FullHttpRequest request = (FullHttpRequest) msg; if (!request.decoderResult().isSuccess()) { return; } HttpResponse response = new DefaultHttpResponse(HttpVersion.HTTP_1_1, HttpResponseStatus.OK); ByteBuf content = Unpooled.copiedBuffer("Hello, World!".getBytes()); response.content().writeBytes(content); response.headers().set(HttpHeaders.Names.CONTENT_LENGTH, content.readableBytes()); ctx.writeAndFlush(response).addListener(ChannelFutureListener.CLOSE); } }); } }) .bind(8080).sync() .channel() .closeFuture() .sync(); 可以看到,这段代码只是在原有的管道中添加了一个HTTP处理器,而且没有修改任何原有的代码。这就是Netty的强大之处。 3. 高度优化 Netty不仅支持多种协议,还内置了许多高级特性,如流量控制、拥塞控制、心跳检测等。这些特性的存在可以使我们的应用在高并发的情况下保持良好的稳定性和性能。 例如,我们可以使用以下代码来实现一个心跳检测的功能: kotlin void doHeartbeat(ChannelHandlerContext ctx) { if (System.currentTimeMillis() - lastWriteTime > HEARTBEAT_INTERVAL_MS) { ctx.writeAndFlush(new Heartbeat()).addListener(ChannelFutureListener.CLOSE); lastWriteTime = System.currentTimeMillis(); } else { ctx.close().addListener(ChannelFutureListener.CLOSE); } } 可以看到,这段代码只是一段简单的Java代码,但是在Netty的帮助下,它可以有效地防止长时间无响应而导致的连接断开。 4. 社区活跃,生态丰富 最后,还有一个重要的因素是社区的活跃程度和生态的丰富程度。Netty拥有庞大的用户群体和技术社区,有大量的第三方组件和插件可供选择,大大降低了开发成本和复杂性。 总的来说,虽然NIO是一种强大的I/O模型,但是它并不是万能的,也无法解决所有的问题。你知道吗,跟别的工具一比,Netty可真是个了不得的网络编程神器!它超级简单好上手,扩展性那叫一个强大,优化程度极高,而且周边生态丰富得不要不要的,简直就是我们心中的理想型工具嘛!
2023-04-12 20:04:43
109
百转千回-t
转载文章
...<!-- 要想使用flex布局实现横向滚动,就要在scroll-view里加一层容器包裹,并且使用子组件才会出现滚动效果 --><view class="nav-bar-wrap"><block v-for="(item,index) in navbarArr" :key="index"><view class="nav-bar-item" @click="onNavbarItem(item.id)" :id="item.id"><image :src="item.pic_url" /><text>{ {item.name} }</text></view></block></view></scroll-view></view><view class="slider"><view class="slider-inside .slider-inside-location" :style="{left:lefts}"></view></view></view></template><script>export default {name: "scroll",data() {return {lefts:0} },props: {navbarArr: {type: Array},left: {type: Number} },created: function(e) {console.log(this.left,"leftinfo")},methods: {onNavbarItem(id) {console.log(id)// const id = options.currentTarget.dataset.id// wx.navigateTo({// url: /pages/mysignup/mysignup?id=${id},// })},scroll(event) {let that = thisconsole.log(event)let scrollLeft = event.detail.scrollLeft;let scrllWidth = event.detail.scrollWidth - 375;// that.left = ${(scrollLeft) / scrllWidth 100}%// this.$emit("changeLeft",that.lefts)// 32是剩余要滑动的地方let newLeft = scrollLeft / scrllWidth 32that.lefts =newLeft + 'rpx'} }}</script><style>.all {position: relative;height: 330rpx;overflow: hidden;background: fff;}scroll-view {white-space: nowrap;}/ 去除滚动条 /::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent;}.nav-bar-wrap {display: flex;flex-flow: column wrap;height: 330rpx;}.nav-bar-item {width: 187.5rpx;display: flex;flex-direction: column;align-items: center;padding-top: 28rpx;}.nav-bar-item image {display: block;height: 90rpx;width: 90rpx;margin: 0;}.nav-bar-item text {margin-top: 5rpx;line-height: 32rpx;font-size: 25rpx;}.slider {position: relative;margin-left: 50%;/ left: 50%; /transform: translateX(-50%);width: 64rpx;height: 6rpx;border-radius: 3rpx;background: eee;}.slider-inside {/ transform: translateX(-50%); /width: 32rpx;height: 100%;border-radius: 3rpx;background-color: 11BEA7;}.slider-inside-location {position: absolute;/ left: 50%; /}</style> 使用组件:<template><view><scroll :navbarArr="navbarArr" :left="left" @changeLeft="changeLeft"></scroll></view></template><script>import scroll from "../../components/scroll.vue"export default {components:{scroll},data() {return {navbarArr: [{pic_url: '../static/images/ic_57@2x.png',name: '骨科',id: 1},{pic_url: '../static/images/ic_59@2x.png',name: '检验科',id: 2},{pic_url: '../static/images/ic_56@2x.png',name: '外壳',id: 3},{pic_url: '../static/images/ic_53@2x.png',name: '口腔科',id: 4},{pic_url: '../static/images/ic_54@2x.png',name: '猫科',id: 5},{pic_url: '../static/images/ic_52@2x.png',name: '内科',id: 6},{pic_url: '../static/images/ic_50@2x.png',name: '皮肤科',id: 7},{pic_url: '../static/images/ic_52@2x.png',name: '肾病',id: 8},{pic_url: '../static/images/ic_58@2x.png',name: '血透科',id: 9},{pic_url: '../static/images/ic_62@2x.png',name: '肾病',id: 10},{pic_url: '../static/images/ic_64@2x.png',name: '血透科',id: 11},],left:0.65625} },methods: {changeLeft(e){let that = thisthat.left = e} },}</script> 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_45584157/article/details/117958700。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-05-06 12:38:02
625
转载
Apache Solr
...et统计的挑战,除了使用正确的配置参数外,还可以从以下几个方面进一步优化: - 预聚合:针对频繁查询的facet字段,可定期进行预计算并将统计结果存储在索引中,减轻实时统计的压力。 - 合理分片:在构建索引时,依据facet字段的分布特性调整分片策略,尽量使相同或相似facet值的商品集中在同一分片上,降低跨分片统计的需求。 - 硬件与集群扩容:提升网络带宽和服务器资源,或者适当增加Solr集群规模,分散facet统计压力。 06 结语 Apache Solr的强大之处在于其高度可定制化和扩展性,面对跨分片facet统计这类复杂问题,我们既需要深入理解原理,也要灵活运用各种工具和技术手段。只有通过持续的动手实践和不断改进优化,才能确保在数据统计绝对精准无误的同时,在分散各地的分布式环境下也能实现飞速高效的检索目标。在这个过程中,不断探索、思考与改进,正是技术人员面对技术挑战的乐趣所在。
2023-11-04 13:51:42
377
断桥残雪
转载文章
...va虚拟机(JVM)技术的持续发展和优化,许多性能瓶颈问题已得到显著改善。例如,在最新的OpenJDK版本中,垃圾回收器(如ZGC和Shenandoah)已经大大减少了GC暂停时间,使得即使在大量对象构造和销毁的情况下,系统也能保持更高的响应速度。 同时,为了提升开发者的内存管理意识,业界提出了“对象池”、“享元模式”等设计策略,以及提倡使用更高效的集合类库(如Google的Guava库),以减少不必要的对象创建和内存消耗。此外,对于面向对象设计中的基础类型问题,现代Java编程实践中更多倡导了函数式编程范式,通过引入Optional、Stream API等方式,既能有效处理基础类型,又能提高代码的可读性和健壮性。 在不可变性方面,随着反应式编程(Reactive Programming)和函数式编程思想的普及,不可变对象的重要性日益凸显。Java社区正积极推广不可变数据结构,并通过Project Valhalla等项目探索值类型(Value Types)的可能性,力求在保持不可变优势的同时,解决由此引发的内存占用问题。 至于复杂性问题,尽管Java语言特性的丰富性带来了学习曲线陡峭的问题,但同时也为开发者提供了更加灵活多样的解决方案。随着模块化(Jigsaw)项目的落地,Java 9及后续版本在一定程度上缓解了API膨胀和依赖管理的复杂性。此外,现代IDE和构建工具如IntelliJ IDEA和Gradle也极大地提升了对Java新特性的支持与理解,助力开发者更好地应对复杂性挑战。 综上所述,虽然Java存在一些固有的挑战,但随着技术的发展和社区的努力,许多问题正在得到有效解决或改进。作为开发者,紧跟时代步伐,深入了解并合理运用这些新技术与最佳实践,才能最大化发挥Java的优势,编写出高性能且易于维护的代码。
2023-11-21 23:48:35
278
转载
Gradle
...在帮到你,让你对这项技术有更接地气的理解和应用。这样一来,任何可能出现的异常情况,咱们都能把它变成一个展示咱优雅应对、积极改进的好机会,让问题不再是问题,而是进步的阶梯。
2023-05-21 19:08:26
427
半夏微凉
RabbitMQ
...控体系,实时监测磁盘使用情况。例如,可以利用Prometheus和Grafana这样的工具,不仅能够直观地展示磁盘使用率,还能设置报警阈值,确保在问题发生前及时发现并处理。其次,优化消息队列的设计和配置也是关键。合理配置RabbitMQ的交换器和队列,避免不必要的消息堆积。例如,可以采用延迟队列或优先级队列等高级功能,以提高系统的整体效率。此外,定期清理无用消息,尤其是死信队列中的消息,可以显著减少磁盘空间的占用。最后,考虑采用分布式存储方案或云服务提供商提供的弹性存储服务,以应对突发流量带来的存储压力。这些措施不仅能有效预防磁盘空间不足的问题,还能提升系统的稳定性和可靠性。 总之,面对RabbitMQ磁盘空间不足的挑战,企业需要综合运用多种技术和管理手段,建立一套行之有效的解决方案。通过持续优化和改进,不仅可以避免类似事件的发生,还可以提升企业的整体竞争力。
2024-12-04 15:45:21
133
红尘漫步
Saiku
...此外,针对Saiku使用者可能关心的开源社区动态,近期Saiku开发者团队宣布了新版本的重大更新,其中包括对更多数据源的支持、性能优化以及用户体验的进一步提升。这些进展不仅印证了Saiku坚持创新的决心,也为广大用户带来了更加强大、易用的报表构建体验。 总的来说,在当前的大数据环境下,无论是开源工具如Saiku和Apache Superset,还是商业产品如Tableau和Power BI,都在不断推动报表和数据分析技术的发展,为企业数字化转型提供了有力支撑。而掌握并有效运用这些工具,无疑将助力企业和个人在信息时代中占据竞争优势。
2023-02-10 13:43:51
120
幽谷听泉-t
ActiveMQ
...Q P2P模式配置与使用 下面我们将通过Java代码示例来演示如何在ActiveMQ中设置P2P模式以及进行消息收发,以此观察并分析消息传递延迟。 java // 导入必要的ActiveMQ依赖 import org.apache.activemq.ActiveMQConnectionFactory; import javax.jms.Connection; import javax.jms.Destination; import javax.jms.MessageProducer; import javax.jms.Session; import javax.jms.TextMessage; // 创建连接工厂 ActiveMQConnectionFactory factory = new ActiveMQConnectionFactory("tcp://localhost:61616"); // 创建连接与会话 Connection connection = factory.createConnection(); connection.start(); Session session = connection.createSession(false, Session.AUTO_ACKNOWLEDGE); // 创建目标队列 Destination queue = session.createQueue("MyQueue"); // 创建消息生产者 MessageProducer producer = session.createProducer(queue); // 发送消息,记录当前时间 long startTime = System.currentTimeMillis(); TextMessage message = session.createTextMessage("Hello, World!"); producer.send(message); System.out.println("Message sent at " + startTime); // 接收端代码... 上述代码片段创建了一个消息生产者并发送了一条消息。在真实世界的应用场景里,我们得在另一边搞个消息接收器,专门用来抓取并消化这条消息,这样一来,咱们就能准确计算出消息从发送到接收的整个过程究竟花了多少时间。 5. 控制与优化ActiveMQ P2P模式下的消息传递延迟 为了降低消息传递延迟,我们可以从以下几个方面着手: - 提升网络环境质量:优化网络设备,提高带宽,减少网络拥堵等因素。 - 合理配置ActiveMQ:如调整内存参数、磁盘存储策略等,以适应特定场景的需求。 - 优化消费者处理逻辑:确保消费者能够快速且有效地处理消息,避免成为消息传递链路中的瓶颈。 6. 结语 ActiveMQ在P2P模式下的消息传递延迟受多方面因素影响,但通过深入理解其工作原理和细致调优,我们完全可以在满足业务需求的同时,有效控制并降低延迟。希望以上的探讨和我给你们准备的那些代码实例,能够真真切切地帮到你们,让你们对ActiveMQ咋P2P模式下的表现有个更接地气、更透彻的理解,这样一来,你们设计分布式系统时就可以更加得心应手,优化起来也能更有针对性啦! 在探索ActiveMQ的道路上,每一次实践都是对技术更深层次的理解,每一次思考都是为了追求更好的性能体验。让我们共同携手,继续挖掘ActiveMQ的无限可能!
2023-11-19 09:23:19
435
追梦人
Logstash
...不少。 2. 使用multiline Codec实现日志合并 示例1:使用input阶段的multiline codec 从Logstash的较新版本开始,推荐的做法是在input阶段配置multiline codec来直接合并多行日志: ruby input { file { path => "/path/to/your/logs/.log" start_position => "beginning" 或者是 "end" 以追加模式读取 codec => multiline { pattern => "^%{TIMESTAMP_ISO8601}" 自定义匹配下一行开始的正则表达式 what => "previous" 表示当前行与上一行合并 negate => true 匹配失败才合并,对于堆栈跟踪等通常第一行不匹配模式的情况有用 } } } 在这个例子中,codec会根据指定的pattern识别出新的一行日志的开始,并将之前的所有行合并为一个事件。当遇到新的时间戳时,Logstash认为一个新的事件开始了,然后重新开始合并过程。 3. 使用multiline Filter的旧版方案 在Logstash的早期版本中,multiline功能是通过filter插件实现的: ruby input { file { path => "/path/to/your/logs/.log" start_position => "beginning" } } filter { multiline { pattern => "^%{TIMESTAMP_ISO8601}" what => "previous" negate => true } } 尽管在最新版本中这一做法已不再推荐,但在某些场景下,你仍可能需要参考这种旧有的配置方法。 4. 解析多行日志实战思考 在实际应用中,理解并调整multiline配置参数至关重要。比如,这个pattern呐,它就像是个超级侦探,得按照你日志的“穿衣风格”准确无误地找到每一段多行日志的开头标志。再来说说这个what字段,它就相当于我们的小助手,告诉我们哪几行该凑到一块儿去,可能是上一个兄弟,也可能是下一个邻居。最后,还有个灵活的小开关negate,你可以用它来反转匹配规则,这样就能轻松应对各种千奇百怪的日志格式啦! 当你调试多行日志合并规则时,可能会经历一些曲折,因为不同的应用程序可能有着迥异的日志格式。这就需要我们化身成侦探,用敏锐的眼光去洞察,用智慧的大脑去推理,手握正则表达式的“试验田”,不断试错、不断调整优化。直到有一天,我们手中的正则表达式如同一把无比精准的钥匙,咔嚓一声,就打开了与日志结构完美匹配的那扇大门。 总结起来,在Logstash中处理多行日志合并是一个涉及对日志结构深入理解的过程,也是利用Logstash强大灵活性的一个体现。你知道吗,如果我们灵巧地使用multiline这个codec或者filter小工具,就能把那些本来七零八落的上下文信息,像拼图一样拼接起来,对齐得整整齐齐的。这样一来,后面我们再做数据分析时,不仅效率蹭蹭往上涨,而且结果也会准得没话说,简直不要太给力!
2023-08-19 08:55:43
250
春暖花开
Etcd
...展示Etcd内部如何使用Snappy压缩数据 import ( "github.com/golang/snappy" ) func compress(data []byte) ([]byte, error) { compressed, err := snappy.Encode(nil, data) if err != nil { return nil, err } return compressed, nil } 2. 数据压缩错误Datacompressionerror的发生原因 然而,数据压缩并非总是顺利进行。在某些情况下,Etcd在尝试压缩raft日志条目时可能会遇到"Datacompressionerror"。这通常由以下原因引起: - 输入数据不合规:当待压缩的数据包含无法被Snappy识别或处理的内容时,就会抛出此错误。 - 内存限制:如果系统的可用内存不足,可能导致Snappy在压缩过程中失败。 - Snappy库内部错误:极少数情况下,可能是Snappy库本身存在bug或者与当前系统环境不兼容导致的。 3. 遇到Datacompressionerror的排查方法 假设我们在使用Etcd的过程中遭遇了此类错误,可以按照以下步骤进行排查: 步骤一:检查日志 查看Etcd的日志输出,定位错误发生的具体事务以及可能触发异常的数据内容。 步骤二:模拟压缩 通过编写类似上面的代码片段,尝试用Snappy压缩可能出现问题的数据部分,看是否能重现错误。 步骤三:资源监控 确保服务器有足够的内存资源用于Snappy压缩操作。可以通过系统监控工具(如top、htop等)实时查看内存使用情况。 步骤四:版本验证与升级 确认使用的Etcd及Snappy库版本,并查阅相关文档,看看是否有已知的关于数据压缩问题的修复版本,如有必要,请及时升级。 4. 解决Datacompressionerror的方法与实践 针对上述原因,我们可以采取如下措施来解决Datacompressionerror: - 清理无效数据:若发现特定的键值对导致压缩失败,应立即移除或修正这些数据。 - 增加系统资源:确保Etcd运行环境拥有足够的内存资源以支持正常的压缩操作。 - 升级依赖库:如确定是由于Snappy库的问题引起的,应尽快升级至最新稳定版或已知修复该问题的版本。 go // 假设我们需要删除触发压缩错误的某个键值对 import ( "go.etcd.io/etcd/clientv3" ) func deleteKey(client clientv3.Client, key string) error { _, err := client.Delete(context.Background(), key) return err } // 调用示例 err := deleteKey(etcdClient, "problematic-key") if err != nil { log.Fatal(err) } 总之,面对Etcd中的"data compression error",我们需要深入了解其背后的压缩机制,理性分析可能的原因,并通过实例代码演示如何排查和解决问题。在这个过程中,我们不光磨炼了搞定技术难题的硬实力,更是亲身感受到了软件开发实战中那份必不可少的探索热情和动手实践的乐趣。就像是亲手烹饪一道复杂的菜肴,既要懂得菜谱上的技术窍门,也要敢于尝试、不断创新,才能最终端出美味佳肴,这感觉倍儿爽!希望这篇文章能帮助你在遇到此类问题时,能够快速找到合适的解决方案。
2023-03-31 21:10:37
441
半夏微凉
Hive
...把那些新鲜出炉的优化技术和工具统统收入囊中。这样一来,咱们就能提前准备好充足的弹药,应对那日益棘手、复杂的数据难题啦!
2023-06-19 20:06:40
448
青春印记
Spark
...fka等。 2. 在使用Spark SQL进行操作时,需要从外部系统读取数据。 3. 使用Spark Streaming进行实时流处理时,可能会因为无法建立与上游系统的连接而抛出此异常。 四、解决UnknownHostException的方法 那么,我们该如何优雅地处理UnknownHostException呢?以下是几种常用的方法: 方法一:增加重试次数 当遇到UnknownHostException时,我们可以选择增加重试次数。这样,如果服务器只是暂时不可用,那么程序仍有可能成功运行。下面是使用Scala编写的一个示例: scala val conf = new SparkConf().setAppName("MyApp") val sc = new SparkContext(conf) val maxRetries = 5 var retryCount = 0 while (retryCount < maxRetries) { try { // 这里是你的代码... ... break } catch { case e: UnknownHostException => if (retryCount == maxRetries - 1) { throw e } println(s"Received UnknownHostException, retrying in ${maxRetries - retryCount} seconds...") Thread.sleep(maxRetries - retryCount 1000) retryCount += 1 } } 在这个示例中,我们设置了最大重试次数为5次。每次重试之间会等待一段时间,避免过度消耗资源。 方法二:使用备用数据源 如果主数据源经常出现问题,我们可以考虑使用备用数据源。这可以保证即使主数据源不可用,我们的程序仍然能够正常运行。以下是一个简单的示例: scala val conf = new SparkConf().setAppName("MyApp") val sc = new SparkContext(conf) val master = "spark://:7077" val spark = SparkSession.builder() .appName("MyApp") .master(master) .getOrCreate() // 查询数据 val data = spark.sql("SELECT FROM my_table") // 处理数据 data.show() 在这个示例中,我们设置了两个Spark配置项:spark.master和spark.sql.warehouse.dir。这两个选项分别指定了Spark集群的Master节点和数据仓库目录。这样子做的话,我们就能保证,就算某个地方的数据出了岔子,我们的程序依旧能稳稳当当地运行下去,一点儿不受影响。 方法三:检查网络连接 最后,我们还可以尝试检查网络连接是否存在问题。比如,咱们可以试试给那个疑似出问题的服务器丢个ping包瞧瞧,看看它是不是还健在,能给出正常回应不。要是搞不定的话,可能就得瞅瞅咱们的网络配置是否出了啥问题,或者直接找IT部门的大神们求救了。 五、总结 总的来说,处理UnknownHostException的关键在于找到问题的原因并采取适当的措施。不管是多试几次,还是找个备胎数据源来顶上,都能实实在在地让咱们的程序更加稳如磐石。在使用Spark开发应用的时候,我们还能充分挖掘Spark的硬核实力,比如灵活运用SQL查询功能,实时处理数据流等招数,这都能让咱们的应用性能嗖嗖提升,更上一层楼。希望通过这篇文章,你能学到一些实用的技巧,并在未来的开发工作中游刃有余。
2024-01-09 16:02:17
136
星辰大海-t
Dubbo
...量控制手段。通过结合使用Sentinel与Dubbo,开发者能够更加灵活且高效地管理微服务间的调用关系,有效防止雪崩效应,并提升整体系统的稳定性和用户体验。 此外,随着云原生技术的发展,服务网格(Service Mesh)逐渐成为解决微服务间通信问题的重要方案。例如Istio、Linkerd等服务网格产品集成了强大的熔断、重试、超时控制等功能,为微服务架构带来了全新的容错保障策略。在实际生产环境中,越来越多的企业开始探索如何将传统服务框架如Dubbo与服务网格相结合,构建出更强大健壮的分布式系统。 同时,学术界对于服务容错理论和实践的研究也在不断深化,有学者提出基于机器学习预测模型来动态调整熔断阈值,实现智能故障隔离和恢复。这些前沿研究和技术趋势都为我们理解和应对微服务架构下的容错问题提供了新的思路和工具。 因此,在实践中,理解并合理配置熔断机制的同时,紧跟行业发展趋势,积极引入和运用先进的服务治理工具与理念,无疑将有助于我们更好地设计和维护大规模、高可用的微服务系统。
2023-07-06 13:58:31
467
星河万里-t
.net
...功能和API供程序员使用,让开发者可以更加方便快捷地开发出高质量的应用程序。在.NET这个大家庭里,C和Visual Basic可是两位大主角,都是.NET的重要组成部分。不过呢,这哥俩虽然同在一个屋檐下,却各有各的特点和差异。所以啊,咱们得好好探究一下这两门语言的不同之处和各自的独特魅力所在。 2. C C是一种面向对象的编程语言,它的语法类似于Java,但是比Java更加简洁明了,而且支持更多的现代特性,如匿名方法、LINQ查询等。你知道吗?C这门编程语言有个大大的优点,那就是性能杠杠的!特别是在Windows系统上,用C编译出的代码那跑起来简直是飞一般的感觉,速度快到没朋友!另外,C还自带了一大堆超实用的类库和API工具箱,这让开发者们能轻轻松松地写出高效能的应用程序,就像在厨房里有了一整套齐全的厨具,做起菜来更加得心应手。 下面是一个简单的C程序示例: csharp using System; namespace HelloWorld { class Program { static void Main(string[] args) { Console.WriteLine("Hello, World!"); } } } 在这个程序中,我们定义了一个名为HelloWorld的程序集,并在其中定义了一个名为Program的类。然后,在我们的程序中心点——Main方法里头,我们让计算机蹦出了“Hello, World!”这句话。这就是咱们这个小程序最核心、最精髓的部分啦! 3. Visual Basic Visual Basic是一种可视化编程语言,它的语法比较简单,易于学习和使用,非常适合初学者入门。你知道吗,Visual Basic有个超赞的优点——它自带了一大堆可视化的小玩意儿和控件,这就像是给开发者准备了一整套积木。用这些积木,开发者可以像搭房子一样轻松快速地搭建出既好看又实用的应用界面,省时又省力,可酷了!此外,Visual Basic还支持许多高级特性,如事件驱动编程、多线程编程等。 下面是一个简单的Visual Basic程序示例: vbnet Module Module1 Sub Main() Console.WriteLine("Hello, World!") End Sub End Module 在这个程序中,我们定义了一个名为Module1的模块,并在其中定义了一个名为Main的方法。然后,我们在Main方法中打印出了字符串"Hello, World!",这也是我们的程序的核心逻辑。 4. C和Visual Basic的区别 虽然C和Visual Basic都是.NET的一部分,但是它们之间还是存在很多差异的。首先,咱从语言这一块儿来说,C这门语言的语法确实有点儿绕,不过人家可是藏着更多的功能和特性呢,就像是个大宝箱。而Visual Basic呢,就更像是一本初级读物,学起来轻松简单,特别适合刚入门的小白朋友来上手。其次,从性能角度来看,C编译出来的代码运行速度更快,而Visual Basic则相对较慢。最后,从实际应用场景来瞅瞅,C这门语言就像是为开发大型企业级应用而量身定制的,特别对路。相比之下,Visual Basic更适合捣鼓些小型桌面应用或者小游戏啥的,更加接地气儿。 5. 总结 总的来说,C和Visual Basic都是.NET的重要组成部分,各自有着自己的优势和适用场景。选择哪一种语言,应该根据实际的需求和情况来决定。不论你挑了哪种语言,只要你摸透了它的基本脾性和使用窍门,就绝对能捣鼓出顶尖水准的应用程序来。 感谢您阅读这篇文章,希望我的回答能够帮助到您!如果您有任何其他问题,欢迎随时联系我,我会尽全力为您解答。
2023-07-31 15:48:21
569
幽谷听泉-t
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
cp file1 file2
- 复制文件。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"