前端技术
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
[使用SQL命令查询已创建的数据库和表]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
ElasticSearch
...索引、搜索和分析海量数据的能力。在我们这摊子事儿里,经常得跟海量数据打交道,而且关键得手脚麻利地对这些数据进行搜索和查找,速度得快准狠,一点儿都不能含糊。这时,Elasticsearch就派上大用场了。 本文将重点介绍如何利用Elasticsearch的特性,以及如何使用ListItem.Expandable来显示一个可以扩展的列表。首先,咱们得先来唠唠啥是Elasticsearch,接着咱再深入地挖一挖怎么巧妙利用这个Elasticsearch的牛逼功能。最后呢,咱们还会手把手教你怎么用代码把这一切变成现实。 1. Elasticsearch是什么? Elasticsearch是一个基于Lucene的全文搜索引擎。Lucene是一个非常强大的文本搜索引擎库,它可以提供高效的全文搜索和分析能力。Elasticsearch呢,你可以把它理解成Lucene的大升级版,它把Lucene的本事发扬光大了,现在能够更牛气地在多台机器上搭建分布式的索引和搜索功能,让你找东西嗖嗖快,贼给力! 2. 如何利用Elasticsearch? 利用Elasticsearch,我们可以轻松地创建一个可以处理大量数据的搜索引擎。首先,咱们得把数据搬进Elasticsearch这个大家伙里头。这一步操作,你有俩种接地气的方式可选:一是通过API接口来传输,二是借助一些现成的工具完成导入任务。然后,我们可以使用Elasticsearch提供的API来进行查询和检索操作。最后,我们可以通过前端界面展示查询结果。 下面,我们将通过一个具体的例子来演示如何使用Elasticsearch进行数据查询。 java // 创建一个新的索引 IndexRequest indexRequest = new IndexRequest("my_index"); indexRequest.source(jsonMapper.writeValueAsString(product), XContentType.JSON); client.index(indexRequest); // 查询索引中的数据 GetResponse response = client.get(new GetRequest("my_index", "product_id")); Map source = response.getSource(); 以上代码展示了如何向Elasticsearch中添加一条数据,并且查询索引中的数据。你瞧,Elasticsearch这玩意儿真心好用,压根没那么多复杂的步骤,就那么几个基础操作,轻轻松松就能搞定。 3. ListItem.Expandable ListItem.Expandable是Android Studio中的一种控件,它可以用来显示一个可以展开和收起的内容区域。用上这个小玩意儿,咱们就能轻轻松松展示大量信息,而且还不用担心占满屏幕空间的问题! 下面,我们将通过一个具体的例子来演示如何使用ListItem.Expandable。 xml android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent"> android:id="@+id/myExpandableLayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="FFFFFF" /> 以上代码展示了如何在ListView中使用MyExpandableLayout。通过这种方式,我们可以轻松地显示一个可以展开和收起的内容区域。 4. 总结 本文介绍了如何利用Elasticsearch的强大功能,以及如何使用ListItem.Expandable来显示一个可以扩展的列表。读完这篇文章,咱们就能掌握如何用Elasticsearch这个利器来对付海量数据,同时还能学到怎么运用ListItem.Expandable这个小窍门,让用户体验噌噌往上涨。 总的来说,Elasticsearch是一款非常强大的工具,它可以帮助我们高效地处理大量数据。而ListItem.Expandable则是一个非常实用的控件,它可以帮助我们优化用户体验。这两款产品都是非常值得推荐的。
2023-10-25 21:34:42
531
红尘漫步-t
转载文章
...de.js项目中自动创建的文件夹,用于存储项目所依赖的所有第三方模块。当开发者通过npm(Node Package Manager)安装包时,npm会将包及其依赖项下载并存放在node_modules目录下,确保项目可以正确找到并使用这些依赖。由于每个依赖包内部可能还包含自己的node_modules子目录以管理其内部依赖,因此该文件夹通常包含大量文件和子目录,可能会影响项目的传输速度或版本控制。 package.json , package.json是Node.js项目的核心配置文件,它采用JSON格式记录了项目的元数据以及项目所依赖的各种模块信息。其中包含了诸如项目名称、版本、描述、作者、许可证等基本信息,更重要的是dependencies(项目依赖)和devDependencies(开发依赖)字段,分别列出了项目运行和开发阶段需要的第三方包及其版本范围。通过解析package.json文件,npm可以确定项目所需的所有模块,并进行相应的安装操作。 package-lock.json , package-lock.json是npm自5.x版本开始引入的一个锁定文件,用于精确地锁定项目依赖树中的每个依赖包的具体版本号。它的存在保证了无论何时何地,只要根据package.json文件重新安装项目依赖,都会得到完全一致的结果,从而避免因依赖版本更新导致的潜在问题。此外,package-lock.json文件还能提高npm install命令的执行效率,因为它已经记录了完整的依赖关系结构和远程包地址,使得npm可以直接依据此文件下载对应的模块,而无需进行额外的解析工作。
2023-05-26 22:34:04
132
转载
Datax
一、引言 在大数据处理过程中,数据迁移是一项重要的工作。随着大数据量的增长,如何高效、稳定地进行数据迁移成为了挑战。这时,Datax这款开源工具就显得尤为重要了。然而,在使用Datax的过程中,我们可能会遇到一些问题。这篇文章,咱们就来唠唠“读取HDFS文件时NameNode联系不上的那些事儿”,我会把这个难题掰开揉碎了,给你细细讲明白,并且还会附上解决这个问题的小妙招。 二、问题现象及分析 1. 问题现象 我们在使用Datax进行数据迁移时,突然出现“读取HDFS文件时NameNode不可达”的错误信息。这个问题啊,其实挺常见的,就比如说当我们用的那个大数据存储的地方,比方说Hadoop集群啦,出了点小差错,或者网络它不太给力、时不时抽风的时候,就容易出现这种情况。 2. 分析原因 当我们的NameNode服务不可用时,Datax无法正常连接到HDFS,因此无法读取文件。这可能是由于NameNode服务器挂了,网络抽风,或者防火墙设置没整对等原因造成的。 三、解决方案 1. 检查NameNode状态 首先,我们需要检查NameNode的状态。我们可以登录到NameNode节点,查看是否有异常日志。如果有异常,可以根据日志信息进行排查。如果没有异常,那么我们需要考虑网络问题。 2. 检查网络连接 如果NameNode状态正常,那么我们需要检查网络连接。我们可以使用ping命令测试网络是否畅通。如果网络有问题,那么我们需要联系网络管理员进行修复。 3. 调整防火墙设置 如果网络没有问题,那么我们需要检查防火墙设置。有时候,防火墙会阻止Datax连接到HDFS。我们需要打开必要的端口,以便Datax可以正常通信。 四、案例分析 以下是一个具体的案例,我们将使用Datax读取HDFS文件: python 导入Datax模块 import dx 创建Datax实例 dx_instance = dx.Datax() 设置参数 dx_instance.set_config('hdfs', 'hdfs://namenode:port/path/to/file') 执行任务 dx_instance.run() 在运行这段代码时,如果我们遇到“读取HDFS文件时NameNode不可达”的错误,我们需要根据上述步骤进行排查。 五、总结 “读取HDFS文件时NameNode不可达”是我们在使用Datax过程中可能遇到的问题。当咱们碰上这个问题,就得像个侦探那样,先摸摸NameNode的状态是不是正常运转,再瞧瞧网络连接是否顺畅,还有防火墙的设置有没有“闹脾气”。得找到问题背后的真正原因,然后对症下药,把它修复好。学习这些问题的解决之道,就像是解锁Datax使用秘籍一样,这样一来,咱们就能把Datax使得更溜,工作效率嗖嗖往上涨,简直不要太棒!
2023-02-22 13:53:57
551
初心未变-t
Apache Solr
在现今这个海量数据满天飞的时代,搜索引擎可是个超级实用的神器,而Apache Solr正是这众多神器中的一款。不过,在实际操作的时候,我们免不了会碰上各种稀奇古怪的问题,比如这次我们要掰扯的“ConcurrentUpdateRequestHandlerNotAvailableCheckedException”,就是个挺让人头疼的小家伙。 一、什么是ConcurrentUpdateRequestHandlerNotAvailableCheckedException? ConcurrentUpdateRequestHandlerNotAvailableCheckedException是Apache Solr中一个比较常见的异常。这个异常啊,常常会在多个用户同时向Solr服务器发送更新请求的“并发更新大作战”中冒出来。想象一下,就好比一群人在同一时间冲进超市抢购商品,如果操作不当,就可能会引发一些混乱,这个异常就是类似的情况啦。 二、为什么会抛出ConcurrentUpdateRequestHandlerNotAvailableCheckedException? 这个异常的出现主要是由于Solr服务器的配置问题或者硬件资源不足引起的。比如,假如你的Solr服务器设置了并发更新的最大阀值,一旦超出了这个限制,它就会蹦出一个异常来提醒你。再比如,如果硬件资源(如内存)不足,也可能会导致这个异常的出现。 三、如何解决ConcurrentUpdateRequestHandlerNotAvailableCheckedException? 解决这个问题主要可以从以下几个方面入手: 1. 调整Solr服务器的配置 可以通过调整Solr服务器的配置来解决这个问题。具体来说,可以增加并发更新的最大限制,或者增加硬件资源,如内存。以下是一个简单的示例: java solrClient = new ConcurrentUpdateSolrClient(solrServerUrl); solrClient.setConnectionTimeout(30 1000); solrClient.setDefaultMaxConnectionsPerHost(200); 在这个示例中,我们创建了一个新的Solr客户端,并设置了最大连接数为200。 2. 使用合适的索引策略 选择合适的索引策略也可以帮助解决问题。例如,可以选择分片策略,这样就可以将索引分布在多台机器上,从而提高并发能力。 3. 异步处理更新请求 如果更新请求的数量非常多,而且大部分请求都不需要立即返回结果,那么可以选择异步处理这些请求。这样可以大大提高系统的并发能力。 四、总结 总的来说,ConcurrentUpdateRequestHandlerNotAvailableCheckedException是一个比较常见的Solr异常,主要出现在并发更新请求的时候。处理这个问题,咱们有好几种招儿可以用。比如说,可以动动手调整一下Solr服务器的配置,让它更对症下药;再者,采用更合适的索引策略也能派上大用场,就像给你的数据找了个精准的目录一样;还有啊,把那些更新请求采取异步处理的方式,这样一来,不仅能让系统更加流畅高效,还能避免卡壳的情况出现。希望这篇文章能对你有所帮助。
2023-07-15 23:18:25
469
飞鸟与鱼-t
Groovy
...oovy语言中映射的使用之后,您可能对如何将这种数据结构应用到实际项目中产生浓厚兴趣。近期,在企业级应用开发领域,Groovy因其高效灵活的特性而受到广泛关注。例如,Spring Boot 2.5引入了对Groovy脚本的全面支持,开发者可以利用Groovy的映射功能简化配置文件,实现动态属性注入和管理。 同时,Groovy Maps也被广泛应用于NoSQL数据库操作,如MongoDB驱动程序允许直接将Groovy Map作为文档插入数据库,大大提高了数据读写效率。此外,Apache Kafka等流处理框架中,Groovy映射可用于定义消息内容结构,方便进行消息序列化与反序列化操作。 深入解读方面,Groovy映射还支持闭包作为值,这一特性为函数式编程提供了更多可能性。通过闭包映射,开发者可以在访问或修改映射值时执行一段自定义代码,增强了逻辑表达能力及代码可读性。 总之,掌握Groovy映射不仅有利于提升日常编码效率,更能在现代软件架构体系下发挥关键作用,值得广大开发者持续关注并深入学习实践。
2023-06-22 19:47:27
692
青山绿水-t
Apache Lucene
...索分析、建立索引以及查询检索等操作。Lucene的核心是它的索引结构,这个结构由一系列的小段(Segments)组成。Lucene通过不断地对这些小段进行合并来提高搜索效率。 本篇文章将深入解析Lucene索引段合并策略,并提供一些优化建议,帮助开发者更好地利用Lucene进行高效的搜索。 二、Lucene索引段的基本概念 首先,我们需要了解什么是Lucene索引段。简单来说,Lucene的索引就像一个大拼图,它被切割成了好几块“段”,每一块段里都装着部分或者全部的索引内容。就拿倒排索引和位置列表来说吧,这些重要的信息都在这些小段段里面藏着呢。每个段都是独立的,它们之间并不依赖。当一个段被修改或者删除时,Lucene会创建一个新的段,旧的段则会被丢弃。 三、Lucene索引段合并策略 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
396
岁月静好-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
507
秋水共长天一色-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
537
初心未变-t
Etcd
...群中的所有节点也能就数据变更达成一致意见,从而保证了数据的强一致性与高可用性。 gRPC , gRPC是一个高性能、开源且通用的RPC(Remote Procedure Call,远程过程调用)框架,由Google创建并广泛应用于微服务架构中。在Etcd中,gRPC作为通信层协议,使得客户端能够通过HTTP/2协议与Etcd服务器进行高效、结构化的双向通信,实现键值存储的读写操作。 Prometheus , Prometheus是一款开源的系统监控和警报工具,它支持动态抓取和查询时间序列数据。结合Etcd使用时,Prometheus可以实时收集Etcd的各项性能指标,如延迟、吞吐量、节点健康状态等,帮助运维人员及时发现潜在问题,并通过可视化界面展示给用户,以辅助对Etcd集群的管理和优化。
2023-07-24 18:24:54
668
醉卧沙场-t
Consul
...b应用,它依赖于一个数据库服务。当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
Element-UI
...的时候,经常会和海量数据打交道,而用户呢,也常常是通过页面来查看这些五花八门的数据。这时候,一个良好的分页功能就显得尤为重要。今天,咱们就来聊一聊,在Element-UI这个大家伙里头,那个叫做elpagination的分页组件是怎么巧妙地实时获取并刷新数据的吧! 一、首先,我们需要了解什么是分页组件 分页组件是一种常见的前端界面元素,它可以让我们在展示大量数据时,只显示一部分数据,而其他的数据显示为"更多"或者"下一页"等状态。这样子做不仅可以嗖嗖地提升加载速度,还能让用户轻轻松松找到自己心水的内容,岂不美哉? 二、elpagination分页组件的使用方法 在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
537
幽谷听泉-t
转载文章
...探索更为合规且创新的数据抓取与解析方法。 事实上,上文提到通过解析网页源码中的JSON数据来获取歌曲信息,这一技术手段在实际应用中需谨慎对待。尽管它展示了如何从公开接口中挖掘数据,但未经授权擅自下载、传播音乐资源仍可能触及版权法红线。尤其对于商业用途,应优先考虑合法授权,遵循数字内容产业的良性发展规律。 与此同时,各大音乐平台如网易云音乐、QQ音乐等也在不断推出开放API服务,允许开发者在尊重版权的前提下,依法依规地获取并使用音乐元数据,从而丰富自己的产品功能或研究项目。例如,利用这些官方API,可以创建个性化音乐推荐系统、分析音乐流行趋势或是搭建互动式的音乐社区。 因此,在鼓励技术创新的同时,我们更应关注如何在法律框架内合理运用技术手段。音乐爱好者和开发者可以通过学习并掌握这些合法合规的数据获取方式,既满足个人需求,又推动音乐生态健康发展,实现技术和艺术价值的双重提升。
2023-03-14 14:04:46
227
转载
转载文章
... : 1.8+ mysql 5.6.5+ 2.下载 两种方式: 1.下载源码自己编译(需要修改源码的可以选择) https://github.com/ctripcorp/apollo 2.下载官方编译好的 https://github.com/ctripcorp/apollo/releases 这里选择官方编译好的,下载如下三个压缩包 3.下载sql文件,生成数据库 地址:https://github.com/nobodyiam/apollo-build-scripts/tree/master/sql 下载好后通过mysql生成数据库: 4. 将下载好的三个压缩包上传至linux下并解压 其中shutdown.sh和start.sh是自己写的脚本(用来启动和关闭三个服务) 5.修改三个服务的配置文件 1.分别修改三个服务下的数据连接配置文件 /config/application-github.properties 2.分别修改三个服务下的启动端口号配置文件 /scripts/startup.sh 3.修改apollo-portal服务的下的meta配置:apollo-portal/config/sapollo-env.properties 这里的地址是apollo-configservice的服务地址,分别是不同环境下的服务地址,这里我只配置了(开发-dev)环境下的地址。 6.修改数据库中的meta地址 修改apolloconfigdb数据库中serverconfig表中的eureka.service.url:其中的地址为apollo-configservice的服务地址 7.新建启动和关闭三个服务的shell脚本 start.sh 注意服务的启动顺序 configservice - adminservice - portal !/bin/bash/usr/local/apollo-1.5.1/apollo-configservice/scripts/startup.sh/usr/local/apollo-1.5.1/apollo-adminservice/scripts/startup.sh/usr/local/apollo-1.5.1/apollo-portal/scripts/startup.sh shutdown.sh !/bin/bash/usr/local/apollo-1.5.1/apollo-adminservice/scripts/shutdown.sh/usr/local/apollo-1.5.1/apollo-configservice/scripts/shutdown.sh/usr/local/apollo-1.5.1/apollo-portal/scripts/shutdown.sh 8.启动服务访问apollo 运行start.sh,启动三个服务后:输入如下地址 http://39.108.107.163:8003/ 这是portal的服务地址(注意自己修改的端口号) 默认的用户名 apollo 密码 :admin 登录后看到如下页面代表成功了: 9.下篇文章会讲到springboot整合apollo,请关注博客内容 springboot整合apollo: https://blog.csdn.net/qq_34707456/article/details/103745839 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_34707456/article/details/103702828。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-16 10:44:16
329
转载
Nacos
...nux用户,可以尝试使用以下命令来查看日志: bash tail -f /path/to/nacos/logs/start.out 如果Nacos服务没有启动,你可能需要检查配置文件或者环境变量是否有误,然后重新启动服务。 3.2 配置错误 另一个常见的原因是配置错误。Nacos的配置文件里头藏了不少关键设定,比如说数据库连接信息啦、端口号之类的。一旦这些配置出错,就可能导致用户无法访问服务。例如,假设你的Nacos配置文件中数据库连接地址写错了,你可以按照如下步骤进行检查和修改: 1. 打开Nacos配置文件,通常是application.properties。 2. 检查spring.datasource.url字段的值是否正确。 3. 确保数据库服务器已经启动并且可以被访问。 举个例子,假设你的配置文件中原本是这样写的: properties spring.datasource.url=jdbc:mysql://wrong-host:3306/nacos_config?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true 你应该将其修改为正确的数据库地址,比如: properties spring.datasource.url=jdbc:mysql://localhost:3306/nacos_config?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true 3.3 网络问题 网络问题也是导致用户无法访问Nacos服务的一个重要原因。有时因为防火墙设错了或网络配置搞砸了,客户端就可能连不上Nacos服务了。解决这类问题的方法通常是检查网络配置,并确保防火墙规则允许必要的端口通信。 举个例子,如果你的Nacos服务运行在服务器上,并且默认监听9848端口,你需要确保该端口在服务器的防火墙中是开放的。你可以使用以下命令来添加防火墙规则(假设你使用的是Ubuntu系统): bash sudo ufw allow 9848/tcp 3.4 客户端配置问题 最后,我们需要检查客户端的配置是否正确。客户端得知道怎么连上Nacos服务,这就得搞清楚服务地址和端口号这些配置信息了。如果这些配置项不正确,客户端将无法成功连接到Nacos服务。 举个例子,假设你的客户端配置文件中原本是这样写的: java ConfigService configService = NacosFactory.createConfigService("http://wrong-host:8848"); 你应该将其修改为正确的Nacos服务地址,比如: java ConfigService configService = NacosFactory.createConfigService("http://localhost:8848"); 四、总结与建议 通过以上几个方面的排查,我们可以逐步缩小问题范围,并最终找到导致用户无法访问Nacos服务的原因。在这期间,咱们得保持耐心,还得细心点儿。当然了,该用的工具和技术也别手软,它们可是咱解决问题的好帮手呢! 希望这篇文章对你有所帮助!如果你还有其他问题或者疑惑,欢迎随时留言讨论。
2025-03-01 16:05:37
68
月影清风
转载文章
...,允许Web开发人员创建异步HTTP请求。通过使用这个对象,前端代码可以直接与服务器进行数据交换,而无需刷新页面。在本文中,它被用来实现GET和POST两种HTTP方法的请求操作,如初始化请求、设置请求头信息、发送请求以及监听并处理服务器返回的响应结果。 AJAX (Asynchronous JavaScript and XML) , AJAX是一种创建快速动态网页的技术,它利用了JavaScript在后台与服务器交换数据的能力,更新部分网页内容而无须重新加载整个页面。虽然名字中包含XML,但在实际应用中,JSON格式的数据更为常见。本文中通过XMLHttpRequest对象实现的GET和POST请求,正是AJAX技术的具体应用实例,使得前后端可以异步通信,提高用户体验。 Content-Type , Content-Type是HTTP协议中的一种消息头,用于定义发送到服务器或从服务器接收到的数据类型和格式。在本文中,当使用POST方法发送请求时,必须设置Content-Type为\ application/x-www-form-urlencoded\ ,以告知服务器请求体内容的编码方式(这里是表单URL编码),这样服务器才能正确解析客户端提交的数据。对于处理不同类型的请求,比如上传文件或发送JSON数据,Content-Type值也会相应变化。
2024-02-05 12:22:04
486
转载
Datax
...ataX并行度以优化数据迁移效率后,我们了解到并行处理级别对于大数据工具性能的重要性。实际上,并行度的调整策略不仅适用于DataX,在其他分布式数据库和大数据处理框架中,如Apache Spark、Greenplum等也同样关键。 近期,一项由Cloudflare发布的报告揭示了其在全球范围内利用优化的并行处理技术成功提升了大规模数据传输的速度和稳定性,进一步印证了本文中的观点:科学合理的并行度设置是提升系统性能的关键要素之一。研究团队通过实时分析网络带宽、CPU利用率及内存资源,动态调整任务分配策略,实现了资源利用与任务执行速度的最佳平衡。 另外,随着硬件技术的快速发展,例如高性能多核处理器以及高速网络设备的普及,为提高并行处理能力提供了更为广阔的空间。然而,这也对软件层面的并行设计提出了更高要求,如何更好地发挥硬件潜力,避免因过度并行导致的资源争抢和性能瓶颈,是当前大数据领域的重要研究课题。 同时,关于数据库系统的并行处理机制,PostgreSQL社区最近也发布了一系列改进措施,旨在优化大规模数据查询时的并行执行计划,从而提高处理海量数据的工作效率。这些实践同样可为DataX及其他类似工具在并行度优化方面提供参考和借鉴。 综上所述,并行度配置不仅是一个技术性问题,更是一个结合实际应用场景进行精细化调优的过程。在面对日益增长的数据处理需求时,理解并灵活运用并行处理原理将有助于我们在大数据时代实现更高效的数据迁移与处理。
2023-11-16 23:51:46
639
人生如戏-t
ElasticSearch
...,我们将详细介绍如何使用Elastic Stack中的Beats来监控Nginx Web服务器,并通过实例演示具体的操作步骤。 2. Beats是什么? Beats是Elastic Stack的一部分,是一个轻量级的数据收集工具。它可以方便地收集和传输各种类型的数据,包括系统日志、网络流量、应用性能等。而且你知道吗,Beats这家伙特别给力的地方就是它的扩展性和灵活性,简直就像橡皮泥一样,能随心所欲地捏成你想要的样子。甭管你的需求多么独特,它都能轻松定制和配置,超级贴心实用的! 3. 使用Beats监控Nginx Web服务器 要使用Beats监控Nginx Web服务器,首先需要安装并启动Beats服务。在Linux环境下,可以通过运行以下命令来安装Beats: csharp sudo apt-get install filebeat 然后,编辑Beats的配置文件,添加对Nginx日志的收集。以下是示例配置文件的内容: javascript filebeat.inputs: - type: log enabled: true paths: - /var/log/nginx/access.log fields: log.level: info filebeat.metrics.enabled: false 最后,启动Beats服务: sql sudo systemctl start filebeat 这样,Beats就可以开始自动收集Nginx的日志了。你完全可以打开Elasticsearch的那个叫Kibana的界面,然后就能看到并且深入研究我们收集到的所有数据啦!就像看懂自家后院监控器录像一样直观又方便。 4. 性能优化 为了更好地满足业务需求,我们还需要对Beats进行一些性能优化。例如,可以通过增加Beats的数量,来分散压力,提高处理能力。此外,还可以通过调整Beats的参数,来进一步提高性能。 5. 结论 总的来说,使用Elastic Stack中的Beats来监控Nginx Web服务器是非常方便和有效的。嘿,你知道吗?只需要几步简单的设置和配置,咱们就能轻轻松松地捞到Nginx的性能数据大礼包。这样一来,任何小毛小病都甭想逃过咱们的眼睛,一有问题立马逮住解决,确保业务稳稳当当地运行,一点儿都不带卡壳的!
2023-06-05 21:03:14
611
夜色朦胧-t
Hibernate
...引言 有时候,我们在使用Hibernate进行数据库操作时会遇到一个非常棘手的问题——实体类与数据库表不匹配。这个问题可能会让咱们的应用程序闹脾气罢工,所以咱们得学几招应对这种情况,确保它能顺畅运行哈。 二、问题概述 当我们创建一个Java对象并将其持久化到数据库中时,Hibernate会将这个对象映射到数据库中的一个表。不过,有时候我们可能会遇到这么个情况:得对实体类做点调整,但又不想动那个数据库表结构一分一毫。这就产生了实体类与数据库表不匹配的问题。 三、问题原因分析 首先,我们要明白为什么会出现这种问题。通常,这有两个原因: 1. 数据库设计 在早期的项目开发过程中,我们可能没有对数据库进行详细的设计,或者因为各种原因(如时间限制、技术选择等),数据库的设计并不完全符合我们的业务需求。这就可能导致实体类与数据库表不匹配。 2. 重构需求 随着项目的持续发展,我们可能会发现原来的实体类有一些不足之处,需要进行一些修改。但是这些修改可能会导致实体类与数据库表不匹配。 四、解决方法 面对实体类与数据库表不匹配的问题,我们可以采取以下几种解决方案: 1. 手动更新数据库 这是最直接也是最简单的方法。查了查数据库,我获取到了实体类所对应的表格结构信息,接着亲自手动对数据库的表结构进行了更新。这种方法虽然可行,但缺点是工作量大,且容易出错。 2. 使用Hibernate的工具类 Hibernate提供了一些工具类,可以帮助我们自动更新数据库的表结构。例如,我们可以使用org.hibernate.tool.hbm2ddl.SchemaExport类来生成DDL脚本,然后执行这个脚本来更新数据库的表结构。这种方法的优点是可以减少工作量,缺点是如果表结构比较复杂,生成的DDL脚本可能会比较长。 3. 使用JPA的特性 如果我们正在使用Java Persistence API(JPA)来操作数据库,那么可以考虑使用JPA的一些特性来处理实体类与数据库表不匹配的问题。比如,我们可以通过在实体类上贴个@Table标签,告诉系统这个类对应的是哪张数据表;给属性打上@Column标签,就好比在说“这个属性就是那张表里的某列”;而给主键字段标记上@Id注解,就类似在强调“瞧,这是它的身份证号”。这样的方式,是不是感觉更加直观、接地气了呢?这样一来,我们就能轻松实现一个目标:无需对数据库表结构动手脚,也能确保实体类和数据库表完美同步、保持一致。就像是在不重新装修房间的前提下,让家具布局和设计图纸完全匹配一样。 五、总结 总的来说,实体类与数据库表不匹配是一个常见的问题,我们需要根据实际情况选择合适的解决方案。甭管你是手把手更新数据库,还是使唤Hibernate那些工具娃,甚至玩转JPA的各种骚操作,都得咱们肚子里有点数据库的墨水和技术上的两把刷子才行。因此,我们应该不断提升自己的技术水平,以便更好地应对各种技术挑战。
2023-03-09 21:04:36
545
秋水共长天一色-t
CSS
...如subgrid)来创建响应式且高度定制化的表格样式。文中不仅讨论了如何精准定位并修改表头边框,还涉及到了根据数据密度动态调整列宽、行高及单元格间距等高级技巧。 此外,针对无障碍设计和用户体验优化,MDN Web Docs的一篇技术解析指出,在去除表头边框的同时,应确保使用aria属性有效传达表格结构信息,保证屏幕阅读器用户能够正确理解表格内容。通过这种方式,开发者不仅能打造出美观的界面,还能兼顾不同用户的实际需求,实现真正的包容性设计。 综上所述,随着前端技术的持续演进,开发者不仅需要掌握基础的CSS样式定制,更要关注行业前沿趋势和技术手段,以便为用户提供更优雅、易用且功能丰富的表格交互体验。
2023-07-24 09:38:17
533
蝶舞花间_
Go Iris
...可能是由于编程错误、数据库问题、网络问题等导致的。当这些问题冒出来时,咱们的应用程序得学会灵活应对,然后给用户展示一些真正有用的错误提示,让人一看就明白。 Go Iris是一个流行的开源Web框架,它提供了一种简单而有效的方式来处理错误。在这篇文章中,我们将介绍如何在Go Iris中全局处理错误页面。 二、什么是错误页面? 错误页面是当服务器无法正常处理用户的请求时,返回给用户的网页。这种页面通常包含有关错误原因的信息,以及可能的解决方案。 三、为什么需要错误页面? 错误页面对于用户体验至关重要。当你在上网冲浪时,假如不小心点开一个根本不存在的链接,或者填了个表单却因为格式不对没成功提交,这时候如果网站没有给出明确贴心的错误提示,你是不是会有点摸不着头脑,甚至感觉有点小沮丧呢?一个好的错误页面可以帮助用户理解发生了什么,以及下一步该怎么做。 四、如何在Go Iris中创建错误页面? 在Go Iris中,我们可以使用iris.Map来存储错误模板,然后使用iris.Render方法来渲染这些模板。 下面是一个简单的示例: go // 创建错误模板 errTpl := iris.Map{ "title": "错误", "content": "对不起,发生了一个错误。", } // 当出现错误时,渲染错误模板 iris.Use(func(ctx iris.Context) { if err := ctx.GetError(); err != nil { ctx.HTML(iris.StatusOK, errTpl) return } }) 在这个示例中,我们首先定义了一个名为errTpl的地图,其中包含了错误页的基本内容。然后,我们使用iris.Use函数将这个错误处理器添加到Iris的应用程序中。每当出现错误情况,这个小家伙(指处理器)就会立马启动工作。它会迅速从当前环境里抓取到错误的具体信息,然后灵活运用预设的错误模板,给咱们呈现出一个详细的错误页面。 五、如何定制错误页面? Go Iris允许我们完全控制错误页面的内容和样式。嘿,伙计们,其实我们可以这样玩:如果你想让错误页面更有个性,那就直接去动动errTpl这个神奇地图里的小机关,调整里面的值;或者呢,干脆自己动手打造一个独特的HTML模板,用它来定制错误页面,这样一来,保证让你的错误页面瞬间变得与众不同! 例如,如果我们想要在错误页上显示更多的错误详细信息,我们可以这样做: go errTpl["title"] = "错误详情" errTpl["content"] = fmt.Sprintf("错误消息:%s\n错误类型:%T\n错误堆栈:%v", err.Error(), err, errors.As(err, nil)) 六、结论 在Go Iris中,处理错误页面是一项非常重要的任务。你知道吗,咱们可以通过设计和个性化定制错误页面,让用户体验蹭蹭往上升,同时也能帮我们更准确地找到问题所在,快速解决用户的困扰,这样一来,既让用户感到贴心,又能提升我们的服务质量,是不是很赞? 总的来说,Go Iris为我们提供了一种简单而强大的方式来处理错误页面。如果你正在用Go Iris做Web开发,那我真心拍胸脯推荐,你绝对值得花点时间去掌握并运用这个功能,保准对你大有裨益!
2024-01-07 15:28:16
443
星河万里-t
.net
...大心脏,它主要负责跟数据库打交道,还干着一项神奇的活儿,能把咱们模型里的对象悄无声息地变成数据库里实实在在的数据。 三、“DbContext被dispose或不在事务中” 现在我们来看看问题的具体情况。哎呀,你瞧,“InvalidOperationException: DbContext已经被dispose或不在事务中”,这句话说得接地气一点就是:我们手里的那个“DbContext”小伙伴现在不干活了,因为它要么被无情地“dispose”(也就是被清理掉了),要么是我们没把它放在一个有事务保护的环境中就去调用它的方法,它现在是一脸懵圈,压根没法正常工作啦。 四、为什么会出现这个问题? 接下来,我们就一起来看看为什么会出现这个问题吧。实际上,这个问题的原因有很多。比如说,你可能在代码中错误地多次实例化了同一个“DbContext”对象,导致它被误删或废弃。或者你在事务操作中出现了异常,导致事务回滚,进而使“DbContext”对象被关闭。 五、如何避免和解决这个问题? 知道了问题的原因之后,我们就可以采取相应的措施来避免和解决了。首先,咱得尽量别老是重复创建同一个“DbContext”对象,就像你家的水龙头,一直开着浪费水不说,还可能出问题。你想啊,频繁地开关这个“DbContext”,就有可能导致它被早早地扔进垃圾桶(dispose),或者在关键时刻,发现它不在咱们预期的那个“事务圈儿”里头,那就麻烦大了。其次,咱们在进行事务处理的时候,千万要保证程序稳稳妥妥地跑起来,要不然一不小心就可能触发事务回滚,这样一来,“DbContext”这个家伙可就得被迫歇菜了,说白了就是被关闭啦。 六、总结 总的来说,“InvalidOperationException: DbContext已经被dispose或不在事务中”是一个比较常见的问题,但是只要我们掌握了正确的使用方法,就能够有效地避免和解决这个问题。同时,咱们也得时刻盯着代码的质量和效率这两点,毕竟它们可是决定着代码稳定性和性能的命脉。 七、结语 好了,今天的分享就到这里结束了。希望这篇文章能对你有所帮助,如果你还有其他想要了解的问题,欢迎随时来找我哦!
2024-01-10 15:58:24
517
飞鸟与鱼-t
CSS
...一来,不仅符合用户的使用习惯,也让页面看起来更加直观、易读~然而,当表格里面的东西太多太长,以至于塞满整个屏幕还绰绰有余的时候,你就得借助那个滚动条小家伙,滑动它才能看到表格下面藏着的其他行内容啦。 这就涉及到另一个问题:iOS设备上的滚动条是如何处理的?我们知道,网页中的滚动条是由浏览器控制的,而在iOS设备上,浏览器使用的其实是WebKit内核,也就是Safari的渲染引擎。在WebKit中,有一个名为-webkit-overflow-scrolling的样式属性,可以用来改变滚动条的行为。 这个属性的取值有三种:touch、auto和momentum。这其中呢,"touch"这个选项意味着你要通过手指触摸滚动条来让它滚动起来,就像滑手机屏幕那样。"auto"这个模式就比较智能了,它让系统自动判断并决定滚动条啥时候该出现、啥时候该滚动,一切都交给系统自己做主。而"momentum"这个设定就更有意思啦,就像是滚动条有了自己的“冲劲儿”,一旦滚动起来就会保持一定的速度滑动下去,有点像物理中的惯性滚动效果~ 所以,如果我们想要在iOS设备上正常显示overflow-x:auto的滚动条,就需要同时满足两个条件: 1. 设置overflow-x:auto 2. 使用-webkit-overflow-scrolling:touch样式属性 三、代码示例 接下来,我们就来看几个具体的例子,分别演示如何在不同的情况下使用这两个属性。 首先是不设置-webkit-overflow-scrolling:touch的情况: html 1 2 3 4 5 6 7 8 9 10 11 12 这段代码会在一个200px宽的div中创建一个表格,表格的每列都有四个单元格,这样当表格内容超出宽度时,就会出现滚动条。 然后是只设置了-webkit-overflow-scrolling:touch的情况: html 1 2 3 4 5 6 7 8 9 10 11 12 这段代码与上面的例子基本相同,只是多了一个-webkit-overflow-scrolling:touch样式属性。 最后是同时设置了overflow-x:auto和-webkit-overflow-scrolling:touch的情况: html 1 2 3 4 5
2023-09-29 12:02:28
520
心灵驿站_t
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
hostnamectl set-hostname new_hostname
- 更改系统的主机名。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"