前端技术
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
[RIGHT OUTER JOIN在Hib...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Hive
在深入探讨了Hive查询速度慢的问题及优化策略后,我们了解到,在大数据环境下提升查询性能的重要性不言而喻。近期,Apache Hive社区的动态也为解决这一问题带来了新的启示和可能。 2023年初,Apache Hive 4.0版本发布,引入了一系列性能优化特性。其中,“Vectorized Query Execution”(向量化查询执行)功能得到了显著增强,它通过批量处理数据行以减少CPU缓存未命中和磁盘I/O次数,从而极大地提升了查询效率。此外,新版本还对索引机制进行了改进,支持更复杂的索引类型,并且优化了JOIN操作,使得在大规模数据集上的JOIN查询能够更加高效地完成。 同时,针对大数据存储格式的优化也不容忽视。ORC(Optimized Row Columnar)文件格式因其高效的列式存储、压缩率高以及内置Bloom Filter索引等特性,被越来越多的企业采用以提升Hive查询性能。业界专家建议,结合最新的Hive版本与高级数据存储格式,可以进一步降低全表扫描带来的开销,尤其对于需要频繁进行JOIN和GROUP BY操作的大数据场景。 综上所述,紧跟Apache Hive的最新技术进展,结合先进的数据存储格式与查询优化策略,是应对海量数据查询挑战的关键。随着技术的不断迭代更新,我们有理由期待在不久的将来,Hive将能更好地服务于各类大数据应用,实现更快速、更智能的数据分析处理。
2023-06-19 20:06:40
448
青春印记
MyBatis
...”,一些ORM框架如Hibernate提供了BatchSize、FetchGraph等策略进行有效规避,这些解决方案同样适用于MyBatis用户借鉴。通过合理设置批处理大小或利用预先定义的抓取图(Fetch Plan),可以在保持延迟加载优势的同时,避免大量小查询带来的性能损失。 另外,数据库层面的优化也是解决数据访问性能的关键一环。例如,MySQL 8.0引入了新的JSON功能和窗口函数,使得在处理复杂关联查询时能更高效地获取所需数据,从而减轻应用程序层面的延迟加载压力。 综上所述,尽管MyBatis的延迟加载功能为开发者提供了便捷高效的手段,但在实际项目中,还需要结合最新的数据库技术动态以及具体的业务场景,灵活运用多种优化策略以达到最佳的数据访问效率。
2023-07-28 22:08:31
122
夜色朦胧_
Impala
Impala的查询性能如何? 如果你正在寻找一种高效且强大的查询工具,那么Impala是一个非常好的选择。它是一种开源的分布式SQL查询引擎,可以轻松地处理大规模的数据集。不过,你可能心里正嘀咕呢:“这玩意儿查询速度到底快不快啊?”别急,本文这就给你揭开Impala查询性能的神秘面纱,而且还会附赠一些超实用的优化小窍门,包你看了以后豁然开朗! 什么是Impala? Impala是由Cloudera公司开发的一种开源分布式SQL查询引擎。它的目标是既能展现出媲美商业数据库的强大性能,又能紧紧握住开放源代码带来的灵活与可扩展性优势。就像是想要一个既有大牌实力,又具备DIY自由度的“数据库神器”一样。Impala可以运行在Hadoop集群上,利用MapReduce进行数据分析和查询操作。 Impala的查询性能特点 Impala的设计目标是在大规模数据集上提供高性能的查询。为了达到这个目标,Impala采用了许多独特的技术和优化策略。以下是其中的一些特点: 基于内存的计算:Impala的所有计算都在内存中完成,这大大提高了查询速度。跟那些老式批处理系统可不一样,Impala能在几秒钟内就把查询给搞定了,哪还需要等个几分钟甚至更久的时间! 多线程执行:Impala采用多线程执行查询,可以充分利用多核CPU的优势。每个线程都会独立地处理一部分数据,然后将结果合并在一起。 列式存储:Impala使用列式存储方式,可以显著减少I/O操作,提高查询性能。在列式存储中,每行数据都是一个列块,而不是一个完整的记录。这就意味着,当你在查询时只挑了部分列,Impala这个小机灵鬼就会聪明地只去读取那些被你点名的列所在的区块,压根儿不用浪费时间去翻看整条记录。 高速缓存:Impala有一个内置的查询缓存机制,可以将经常使用的查询结果缓存起来,减少不必要的计算。此外,Impala还可以利用Hadoop的内存管理机制,将结果缓存在HDFS上。 这些特点使Impala能够在大数据环境中提供卓越的查询性能。其实吧,实际情况是这样的,性能到底怎么样,得看多个因素的脸色。就好比硬件配置啦,查询的复杂程度啦,还有数据分布什么的,这些家伙都对最终的表现有着举足轻重的影响呢! 如何优化Impala查询性能? 虽然Impala已经非常强大,但是仍然有一些方法可以进一步提高其查询性能。以下是一些常见的优化技巧: 合理设计查询语句:首先,你需要确保你的查询语句是最优的。这通常就是说,咱得尽量避开那个费时费力的全表扫一遍的大动作,学会巧妙地利用索引这个神器,还有啊,JOIN操作也得玩得溜,用得恰到好处才行。如果你不确定如何编写最优的查询语句,可以尝试使用Impala自带的优化器。 调整资源设置:Impala的性能受到许多资源因素的影响,如内存、CPU、磁盘等。你可以通过调整这些参数来优化查询性能。比如说,你完全可以尝试给Impala喂饱更多的内存,或者把更重的计算任务分配给那些运算速度飞快的核心CPU,就像让短跑健将去跑更重要的赛段一样。 使用分区:分区是一种有效的方法,可以将大型表分割成较小的部分,从而提高查询性能。你知道吗,通过给数据分区这么一个操作,你就能把它们分散存到多个不同的硬件设备上。这样一来,当你需要查找信息的时候,效率嗖嗖地提升,就像在图书馆分门别类放书一样,找起来又快又准! 缓存查询结果:Impala有一个内置的查询缓存机制,可以将经常使用的查询结果缓存起来,减少不必要的计算。此外,Impala还可以利用Hadoop的内存管理机制,将结果缓存在HDFS上。 以上只是优化Impala查询性能的一小部分方法。实际上,还有很多其他的技术和工具可以帮助你提高查询性能。关键在于,你得像了解自家后院一样熟悉你的数据和工作负载,这样才能做出最棒、最合适的决策。 总结 Impala是一种强大的查询工具,能够在大数据环境中提供卓越的查询性能。如果你想让你的Impala查询速度嗖嗖提升,这里有几个小妙招可以试试:首先,设计查询时要够精明合理,别让它成为拖慢速度的小尾巴;其次,灵活调整资源分配,确保每一份计算力都用在刀刃上;最后,巧妙运用分区功能,让数据查找和处理变得更加高效。这样一来,你的Impala就能跑得飞快啦!最后,千万记住这事儿啊,你得像了解自家的后花园一样深入了解你的数据和工作负载,这样才能够做出最棒、最合适的决策,一点儿都不含糊。
2023-03-25 22:18:41
486
凌波微步-t
Hibernate
Hibernate的属性级缓存与局部缓存应用:深入探索与实践 一、引言 缓存的力量 在开发中,性能优化是一个永恒的主题,而缓存技术则是提升系统响应速度的有效手段之一。Hibernate作为一款优秀的对象关系映射(ORM)工具,提供了多种缓存机制来帮助开发者优化应用性能。本文将深入探讨Hibernate的属性级缓存与局部缓存的应用,通过实际代码示例来展示它们如何在实际项目中发挥作用。 二、属性级缓存概述 属性级缓存是Hibernate提供的一种缓存策略,它允许我们为实体类中的特定属性配置缓存行为。嘿,兄弟!这种灵活度超级棒,能让我们针对各种数据访问方式来调整优化。比如,你有没有那种属性,就是大家经常去查看,却很少动手改的?对这些,咱们可以直接开个缓存,这样每次查数据就不需要老是跑去数据库翻找了,省时又省力!这招儿,是不是挺接地气的? 代码示例: java @Entity public class User { @Id private Long id; // 属性级缓存配置 @Cacheable private String name; // 其他属性... } 在这里,@Cacheable注解用于指定属性name应该被缓存。这就好比你去超市买东西,之前买过的东西放在了购物车里,下次再买的时候,你不用再去货架上找,直接从购物车拿就好了。这样省去了走来走去的时间,是不是感觉挺方便的?同理,在访问User对象的name属性时,如果已经有缓存了,就直接从缓存里取,不需要再跑一趟数据库,效率高多了! 三、局部缓存详解 局部缓存(Local Cache)是一种更高级的缓存机制,它允许我们在应用程序的特定部分(如一个服务层、一个模块等)内部共享缓存实例。哎呀,这个技术啊,它能帮咱们干啥呢?就是说,当你一次又一次地请求相同的信息,比如浏览网页的时候,每次都要重新加载一堆重复的数据,挺浪费时间的对不对?有了这个方法,就像给咱们的电脑装了个超级省电模式,能避免这些重复的工作,大大提升咱们上网的速度和效率。特别是面对海量的相似查询,效果简直不要太明显!就像是在超市里买东西,你不用每次结账都重新排队,直接走绿色通道,是不是感觉轻松多了?这就是这个技术带来的好处,让我们的操作更流畅,体验更棒! 代码示例: java @Service public class UserService { @Autowired private SessionFactory sessionFactory; private final LocalCache userCache = new LocalCache<>(sessionFactory, User.class, String.class); public String getNameById(Long userId) { return userCache.get(userId, User.class.getName()); } public void setNameById(Long userId, String name) { userCache.put(userId, name); } } 在这段代码中,UserService类使用了LocalCache来缓存User对象的name属性。哎呀,你知道不?咱们这里有个小妙招,每次想查查某个用户ID对应的用户名时,就直接去个啥叫“缓存”的地方翻翻,速度快得跟闪电似的!这样就不需要再跑回那个大老远的数据库里去找了。多省事儿啊,对吧? 四、属性级缓存与局部缓存的综合应用 在实际项目中,通常需要结合使用属性级缓存和局部缓存来达到最佳性能效果。例如,在一个高并发的电商应用中,商品信息的查询频率非常高,而商品的详细描述可能很少改变。在这种情况下,我们可以为商品的ID和描述属性启用属性级缓存,并在商品详情页面的服务层中使用局部缓存来存储最近访问的商品信息,从而实现双重缓存优化。 综合应用示例: java @Entity public class Product { @Id private Long productId; @Cacheable private String productName; @Cacheable private String productDescription; // 其他属性... } @Service public class ProductDetailService { @Autowired private SessionFactory sessionFactory; private final LocalCache productCache = new LocalCache<>(sessionFactory, Product.class); public Product getProductDetails(Long productId) { Product product = productCache.get(productId); if (product == null) { product = loadProductFromDB(productId); productCache.put(productId, product); } return product; } private Product loadProductFromDB(Long productId) { // 查询数据库逻辑 } } 这里,我们为商品的名称和描述属性启用了属性级缓存,而在ProductDetailService中使用了局部缓存来存储最近查询的商品信息,实现了对数据库的高效访问控制。 五、总结与思考 通过上述的讨论与代码示例,我们可以看到属性级缓存与局部缓存在Hibernate中的应用不仅可以显著提升应用性能,还能根据具体业务场景灵活调整缓存策略,实现数据访问的优化。在实际开发中,理解和正确使用这些缓存机制对于构建高性能、低延迟的系统至关重要。哎呀,你知道不?随着数据库这玩意儿越来越牛逼,用它的人也越来越多,那咱们用来提速的缓存方法啊,肯定也会跟着变花样!就像咱们吃东西,以前就那么几种口味,现在五花八门的,啥都有。开发大神们呢,就得跟上这节奏,多看看新技术,别落伍了。这样啊,咱们用的东西才能越来越快,体验感也越来越好!所以,关注新技术,拥抱变化,是咱们的必修课!
2024-10-11 16:14:14
102
桃李春风一杯酒
Impala
...规模并行处理)SQL查询引擎,因其对HDFS和HBase的支持以及高效的交互式查询能力而广受青睐。然而,在面对大数据量的处理场景时,Impala的表现并不总是尽如人意。在这篇文章里,我们要好好掰扯一下Impala在对付海量数据时可能遇到的那些头疼问题。咱不仅会通过实际的代码实例,抽丝剥茧地找出问题背后的秘密,还会带着咱们作为探索者的人性化视角和情感化的思考过程,一起走进这场大数据的冒险之旅。 2. Impala的基本原理与优势 首先,让我们回顾一下Impala的设计理念。你知道Impala吗?这家伙可厉害了,它采用了超级酷炫的分布式架构设计,可以直接从HDFS或者HBase这些大数据仓库里拽出数据来用,完全不需要像传统那样繁琐地进行ETL数据清洗和转化过程。这样一来,你就能享受到飞一般的速度和超低的查询延迟,轻轻松松实现SQL查询啦!这全靠它那个聪明绝顶的查询优化器和咱们亲手用C++编写的执行引擎,让你能够瞬间对海量数据进行各种复杂的分析操作,就像在现实生活中实时互动一样流畅。 sql -- 示例:使用Impala查询HDFS上的表数据 USE my_database; SELECT FROM large_table WHERE column_a = 'value'; 3. Impala在大数据量下的性能瓶颈 然而,尽管Impala具有诸多优点,但在处理超大数据集时,它却可能面临以下挑战: - 内存资源限制:Impala在处理大量数据时严重依赖内存。当Impala Daemon的内存不够用,无法承载更多的工作负载时,就可能会引发频繁的磁盘数据交换(I/O操作),这样一来,查询速度可就要大打折扣啦,明显慢下来不少。例如,如果一个大型JOIN操作无法完全装入内存,就可能引发此类问题。 sql -- 示例:假设两个大表join操作超出内存限制 SELECT a., b. FROM large_table_a AS a JOIN large_table_b AS b ON a.key = b.key; - 分区策略与数据分布:Impala的性能也受到表分区策略的影响。假如数据分布得不够均匀,或者咱们分区的方法没整对,就很可能让部分节点“压力山大”,这样一来,整体查询速度也跟着“掉链子”啦。 - 并发查询管理:在高并发查询环境下,Impala的资源调度机制也可能成为制约因素。特别是在处理海量数据的时候,大量的同时请求可能会把集群资源挤得够呛,这样一来,查询响应的速度就难免会受到拖累了。 4. 针对性优化措施与思考 面对以上挑战,我们可以采取如下策略来改善Impala处理大数据的能力: - 合理配置硬件资源:根据实际业务需求,为Impala集群增加更多的内存资源,确保其能够有效应对大数据量的查询任务。 - 优化分区策略:对于大数据表,采用合适的分区策略(如范围分区、哈希分区等),保证数据在集群中的均衡分布,减少热点问题。 - 调整并发控制参数:根据集群规模和业务特性,合理设置Impala的并发查询参数(如impalad.memory.limit、query.max-runtime等),以平衡系统资源分配。 - 数据预处理与缓存:对于经常访问的热数据,可以考虑进行适当的预处理和缓存,减轻Impala的在线处理压力。 综上所述,虽然Impala在处理大数据量时存在一定的局限性,但通过深入了解其内在工作机制,结合实际业务需求进行有针对性的优化,我们完全可以将其打造成高效的数据查询利器。在这个过程中,我们实实在在地感受到了人类智慧在挑战技术极限时的那股冲劲儿,同时,也亲眼目睹了科技与挑战之间一场永不停歇、像打乒乓球一样的精彩博弈。 结语 技术的发展总是在不断解决问题的过程中前行,Impala在大数据处理领域的挑战同样推动着我们在实践中去挖掘其潜力,寻求更优解。今后,随着软硬件技术的不断升级和突破,我们完全可以满怀信心地期待,Impala会在处理大数据这个大难题上更上一层楼,为大家带来更加惊艳、无可挑剔的服务体验。
2023-11-16 09:10:53
783
雪落无痕
ClickHouse
...理跨数据库或表的复杂查询和操作?别急,我们来聊聊ClickHouse! 1. 初识ClickHouse 它到底是什么? 大家好啊!今天咱们来聊一聊ClickHouse这个神奇的东西。要是你对数据分析或者存一堆数据的事儿挺感兴趣的,那肯定听过这个词啦!ClickHouse是一个开源的列式数据库管理系统,专为超快的实时分析而设计。它的速度非常惊人,可以轻松应对TB甚至PB级别的数据量。 但是呢,就像所有工具都有自己的特点一样,ClickHouse也有它的局限性。其实呢,它的一个小短板就是,在面对跨数据库或者跨表的那种复杂查询时,有时候会有点招架不住,感觉有点使不上劲儿。这可不是说它不好,而是我们需要了解它的能力边界在哪里。 让我先举个例子吧。假设你有两个表A和B,分别存储了不同的业务数据。如果你打算在一个查询里同时用上这两个表的数据,然后搞点复杂的操作(比如说JOIN那种),你可能会发现,ClickHouse 并不像某些关系型数据库那么“丝滑”,有时候它可能会让你觉得有点费劲。这是为什么呢?让我们一起来探究一下。 --- 2. ClickHouse的工作原理揭秘 首先,我们要明白ClickHouse是怎么工作的。它用的是列式存储,简单说就是把一整列的数据像叠积木一样整整齐齐地堆在一起,而不是东一个西一个乱放。这种设计特别适合处理海量数据的情况,比如你只需要拿其中一小块儿,完全不用像行式存储那样一股脑儿把整条记录全读进来,多浪费时间啊! 但是这也带来了一个问题——当你想要执行跨表的操作时,事情就变得复杂了。为什么呢?因为ClickHouse的设计初衷并不是为了支持复杂的JOIN操作。它的查询引擎在处理简单的事儿,比如筛选一下数据或者做个汇总啥的,那是一把好手。但要是涉及到多张表格之间的复杂关系,它就有点转不过弯来了,感觉像是被绕晕了的小朋友。 举个例子来说,如果你有一张用户表User和一张订单表Order,你想找出所有购买了特定商品的用户信息,这听起来很简单对不对?但在ClickHouse里,这样的JOIN操作可能会导致性能下降,甚至直接失败。 sql SELECT u.id, o.order_id FROM User AS u JOIN Order AS o ON u.id = o.user_id; 这段SQL看起来很正常,但运行起来可能会让你抓狂。所以接下来,我们就来看看如何在这种情况下找到解决方案。 --- 3. 面临的挑战与解决之道 既然我们知道ClickHouse不太擅长处理复杂的跨表查询,那么我们应该怎么办呢?其实方法还是有很多的,只是需要我们稍微动点脑筋罢了。 方法一:数据预处理 最直接的办法就是提前做好准备。你可以先把两张表格的数据合到一块儿,变成一个新表格,之后就在这个新表格里随便查啥都行。虽然听起来有点麻烦,但实际上这种方法非常有效。 比如说,我们可以创建一个新的视图,将两张表的内容联合起来: sql CREATE VIEW CombinedData AS SELECT u.id AS user_id, u.name AS username, o.order_id FROM User AS u JOIN Order AS o ON u.id = o.user_id; 这样,当你需要查询相关信息时,就可以直接从这个视图中获取,而不需要每次都做JOIN操作。 方法二:使用Materialized Views 另一种思路是利用Materialized Views(物化视图)。简单说吧,物化视图就像是提前算好答案的一张表格。一旦下面的数据改了,这张表格也会跟着自动更新,就跟变魔术似的!这种方式特别适合于那些经常被查询的数据模式。 例如,如果我们知道某个查询会频繁出现,就可以事先定义一个物化视图来加速: sql CREATE MATERIALIZED VIEW AggregatedOrders TO AggregatedTable AS SELECT user_id, COUNT(order_id) AS order_count FROM Orders GROUP BY user_id; 通过这种方式,每次查询时都不需要重新计算这些统计数据,从而大大提高了效率。 --- 4. 实战演练 动手试试看! 好了,理论讲得差不多了,现在该轮到实战环节啦!我来给大家展示几个具体的例子,看看如何在实际场景中应用上述提到的方法。 示例一:合并数据到单表 假设我们有两个表:Sales 和 Customers,它们分别记录了销售记录和客户信息。现在我们想找出每个客户的总销售额。 sql -- 创建视图 CREATE VIEW SalesByCustomer AS SELECT c.customer_id, c.name, SUM(s.amount) AS total_sales FROM Customers AS c JOIN Sales AS s ON c.customer_id = s.customer_id GROUP BY c.customer_id, c.name; -- 查询结果 SELECT FROM SalesByCustomer WHERE total_sales > 1000; 示例二:使用物化视图优化查询 继续上面的例子,如果我们发现SalesByCustomer视图被频繁访问,那么就可以进一步优化,将其转换为物化视图: sql -- 创建物化视图 CREATE MATERIALIZED VIEW SalesSummary ENGINE = MergeTree() ORDER BY customer_id AS SELECT customer_id, name, SUM(amount) AS total_sales FROM Sales JOIN Customers USING (customer_id) GROUP BY customer_id, name; -- 查询物化视图 SELECT FROM SalesSummary WHERE total_sales > 1000; 可以看到,相比之前的视图方式,物化视图不仅减少了重复计算,还提供了更好的性能表现。 --- 5. 总结与展望 总之,尽管ClickHouse在处理跨数据库或表的复杂查询方面存在一定的限制,但这并不意味着它无法胜任大型项目的需求。其实啊,只要咱们好好琢磨一下怎么安排和设计,这些问题根本就不用担心啦,还能把ClickHouse的好处发挥得足足的! 最后,我想说的是,技术本身并没有绝对的好坏之分,关键在于我们如何运用它。希望今天的分享能帮助你在使用ClickHouse的过程中更加得心应手。如果还有任何疑问或者想法,欢迎随时交流讨论哦! 加油,我们一起探索更多可能性吧!
2025-04-24 16:01:03
23
秋水共长天一色
Mongo
...活的数据模型和强大的查询能力著称。在本文中,MongoDB被用来存储两个集合(users和orders),并通过聚合框架中的$lookup操作实现跨集合查询,从而将用户信息与订单信息关联起来。 $lookup , MongoDB聚合框架中的一个重要操作符,用于实现类似SQL中的JOIN操作。在本文中,$lookup被用来将users集合与orders集合进行关联查询,通过指定localField(本地字段)和foreignField(远程字段),将具有相同userId的文档匹配在一起,并将结果存储在一个名为orderDetails的数组中。然而,由于$lookup不会自动包含所有字段,因此需要配合其他操作符(如$project)来调整输出结果。 $project , MongoDB聚合框架中的另一个核心操作符,用于重新定义输出文档的结构。在本文中,$project被用来筛选和重组查询结果,确保所需字段(如users集合中的name、email,以及orders集合中的status)能够正确显示。通过$project,还可以对字段进行重命名或计算新的字段值,例如将orders集合中的status字段重命名为orderStatus,以便更清晰地区分不同来源的数据。
2025-04-28 15:38:33
17
柳暗花明又一村_
转载文章
...eft, top, right, bottom = win32gui.GetWindowRect(win_4) win32api.SetCursorPos([left,top]) win32api.mouse_event(win32con.MOUSEEVENTF_LEFTUP | win32con.MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0) 将路径复制到剪切板 win32clipboard.OpenClipboard() win32clipboard.EmptyClipboard() win32clipboard.SetClipboardText(filePath) win32clipboard.CloseClipboard() 按下ctrl+v win32api.keybd_event(0x11, 0, 0, 0) win32api.keybd_event(0x56, 0, 0, 0) win32api.keybd_event(0x56, 0, win32con.KEYEVENTF_KEYUP, 0) win32api.keybd_event(0x11, 0, win32con.KEYEVENTF_KEYUP, 0) 按回车进入该路径 win32api.keybd_event(0x0D,0,0,0) 问题2取消按钮点击的问题已经解决: 点击取消按钮,用鼠标点击点击取消按钮,上面使用键盘按键不行,原因不明 hwnd_cancel = win32gui.FindWindowEx(hwnd,hwnd_save,"Button",None) left, top, right, bottom = win32gui.GetWindowRect(hwnd_cancel)该方法接收值必须为4个 win32api.SetCursorPos([left+35,top+13]) win32api.mouse_event(win32con.MOUSEEVENTF_LEFTUP | win32con.MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0) win32gui.GetWindowRect方法描述:Returns the rectangle for a window in screen coordinates。应该返回该句柄控件的四个顶点坐标吧 win32api.SetCursorPos方法描述:The SetCursorPos function moves the cursor to the specified screen coordinates.将光标移动到指定的屏幕坐标。 ----------------------------------------------------------------------------------------------- 查找另存为弹出框下的所有子句柄: hwndChildList = [] win32gui.EnumChildWindows(hwnd, lambda hwnd1, param: param.append(hwnd1), hwndChildList) for a in hwndChildList: print win32gui.GetParent(a) print win32gui.GetClassName(a) print win32gui.GetWindowText(a).decode('gbk').encode('utf-8') print "-----hwnd_save------",a 另外,经同事推荐ViewWizard工具比spy++更轻便快捷,查看父句柄也比之更方便 按键控制查询:http://www.mamicode.com/info-detail-1319197.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_39814378/article/details/110329291。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-17 22:46:11
253
转载
转载文章
...查的语法,跨表的连接查询等。网上找一个例子,如可以自己构建一个学生课程信息表,做到可以用以上学习到的语法。 学习完数据库,接着我们就需要学习Java JDBC 的知识。学习的 JDBC 就是让我们了解,如何使用 Java 操作数据库,运行 Mybatis的增删改查的语句。 接着我们可以去学习相关 ORM 的框架,如 Hibernate 或 Mybatis,这里推荐 Mybatis。学习框架,我们要做到掌握框架的使用技巧就可以。 这个过程你可能会发现,Mybatis 这类框架这么如此简化开发,为什么我们不直接学习 Mybatis ? 学习 JDBC 的目的,其实就是让你了解这些 ORM 的基础。 学完这个阶段,我们接下去就要进入 WEB 开发。 WEB 开发 这个过程我们首先学习一些前端知识,如 HTML,CSS,JavaScript,然后再去 Jquery 等前端框架,做到能实现一些简单的功能。我们不需要跟你上面一样精通,我们只要了解一些概念即可。 接下去我们学习 Servlet,做到能使用原生 Servlet + Jsp 能运行一个 WEB 程序。 后面我们再去学习 Spring 框架,使用 SpringMVC 了解 MVC 的概念。最后用 SpringMVC+Spring+Mybatis+MySQL 完成一个简单的管理系统。 其他 学完以上内容,基本上已经学习完工作中学习到的技术栈。这个过程你还需要额外学习一些工作中用到其他知识。 你需要去学习协同开发的工具,如 Git,SVN。做到了解如何新建分支,如何拉取代码,如何合并代码即可。 你还需要去学习一些 Linux 的命令。 总结 学完上述内容,你实际就已经掌握初级开发所需要的技术,已经基本上可以从事一个初级开发的岗位。我们上面讲的都是使用技巧,但是面试的时候可能会问你一些原理性的内容,所以在我们去找工作之前我们还需要去了解一些原理性知识。这方面的内容通过搜索引擎搜索即可。 这个过程你可能会碰到很多问题,这个过程一定善于使用搜索引擎。 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_35006660/article/details/115610534。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-07-02 23:59:06
60
转载
转载文章
...s3 下篇博文我们将Hibernate和Mybatis进行一下详细的对比。 本篇文章为转载内容。原文链接:https://blog.csdn.net/konglongaa/article/details/51706991。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-05 11:56:25
111
转载
Kylin
...合得天衣无缝,让数据查询快如闪电,用户体验棒棒哒!这背后涉及到的技术细节可多了去了,比如索引优化、查询语句的编写技巧,还有就是数据库配置的调整,每一步都得精心设计,才能让整个系统运行得既高效又稳定。所以,这不仅仅是个理论问题,更是一场实战演练,考验的是咱们对数据库知识的掌握和运用能力呢!本文将带你一起揭开这个谜题的面纱,从理论到实践,全方位解析Kylin与MySQL联接优化的关键点。 二、理论基础 理解Kylin与MySQL的联接机制 在深入讨论优化策略之前,我们首先需要理解两者之间的基本联接机制。Kylin是一个基于Hadoop的列式存储OLAP引擎,它通过预先计算并存储聚合数据来加速查询速度。而MySQL作为一个广泛使用的SQL数据库管理系统,提供了丰富的查询语言和存储能力。嘿,兄弟!你听过数据联接这事儿吗?它通常在咱们把数据从一个地方搬进另一个地方或者在查询数据的时候出现。就像拼图一样,对了,就是那种需要精准匹配才能完美组合起来的拼图。用对了联接策略,那操作效率简直能嗖的一下上去,比火箭还快呢!所以啊,小伙伴们,别小瞧了这个小小的联接步骤,它可是咱们大数据处理里的秘密武器! 三、策略一 优化联接条件 实践示例: sql -- 原始查询语句 SELECT FROM kylin_table JOIN mysql_table ON kylin_table.id = mysql_table.id; -- 优化后的查询语句 SELECT FROM kylin_table JOIN mysql_table ON kylin_table.id = mysql_table.id AND kylin_table.date >= '2023-01-01' AND kylin_table.date <= '2023-12-31'; 通过在联接条件中加入过滤条件(如时间范围),可以减少MySQL服务器需要处理的数据量,从而提高联接效率。 四、策略二 利用索引优化 实践示例: 在MySQL表上为联接字段创建索引,可以大大加速查询速度。同时,在Kylin中,确保相关维度的列已经进行了适当的索引,可以进一步提升性能。 sql -- MySQL创建索引 CREATE INDEX idx_kylin_table_id ON kylin_table(id); -- Kylin配置维度索引 id long true 通过这样的配置,不仅MySQL的查询速度得到提升,Kylin的聚合计算也更加高效。 五、策略三 批量导入与增量更新 实践示例: 对于大型数据集,考虑使用批量导入策略,而不是频繁的增量更新。哎呀,你瞧,咱们用批量导入这招,就像是给MySQL服务器做了一次减压操,让它不那么忙碌,喘口气。同时,借助Kylin的离线大法,我们就能让那些实时查询快如闪电,不拖泥带水。这样一来,不管是数据处理还是查询速度,都大大提升了,用户满意度也蹭蹭往上涨呢! bash 批量导入脚本示例 $ hadoop fs -put data.csv /input/ $ bin/hive -e "LOAD DATA INPATH '/input/data.csv' INTO TABLE kylin_table;" 六、策略四 优化联接模式 选择合适的联接模式(如内联接、外联接等)对于性能优化至关重要。哎呀,你得知道,在咱们实际干活的时候,选对了数据联接的方式,就像找到了开锁的金钥匙,能省下不少力气,避免那些没必要的数据大扫荡。比如说,你要是搞个报表啥的,用对了联接方法,数据就乖乖听话,找起来快又准,省得咱们一个个文件翻,一个个字段找,那得多费劲啊!所以,挑对工具,效率就是王道! 实践示例: 假设我们需要查询所有在特定时间段内的订单信息,并且关联了用户的基本信息。这里,我们可以使用内联接: sql SELECT FROM orders o INNER JOIN users u ON o.user_id = u.user_id WHERE o.order_date BETWEEN '2023-01-01' AND '2023-12-31'; 七、总结与展望 通过上述策略的实施,我们能够显著提升Kylin与MySQL联接操作的性能。哎呀,你知道优化数据库操作这事儿,可真是个门道多得很!比如说,调整联接条件啊,用上索引来提速啊,批量导入数据也是一大妙招,还有就是选对联接方式,这些小技巧都能让咱们的操作变得顺畅无比,响应速度嗖嗖的快起来。就像开车走高速,不堵车不绕弯,直奔目的地,那感觉,爽歪歪!哎呀,随着咱手里的数据越来越多,就像超市里的货物堆积如山,技术这玩意儿也跟咱们的手机更新换代一样快。所以啊,要想让咱们的系统运行得又快又好,就得不断调整和改进策略。就像是给汽车定期加油、保养,让它跑得既省油又稳定。这事儿,可得用心琢磨,不能偷懒!未来,随着更多高级特性如分布式计算、机器学习集成等的引入,Kylin与MySQL的联接优化将拥有更广阔的应用空间,助力数据分析迈向更高层次。
2024-09-20 16:04:27
104
百转千回
转载文章
...致性至关重要。 数据查询语言 (DQL) , 数据查询语言主要关注从数据库中检索数据,并可能对检索结果进行排序、筛选或分组等操作。在本文示例中,使用SELECT语句实现数据查询即为DQL的具体应用,它可以按照用户指定的条件从数据库表中提取所需数据,并且可以通过JOIN、WHERE、GROUP BY、ORDER BY等子句丰富查询功能。
2024-02-16 12:44:07
544
转载
转载文章
...ader的一个EFI应用 - GRUB镜像组成:GRUB.MBR(boot.img), 硬盘扇区offset 1 到offset 62放置GRUB的core.img,/boot分区的boot/grub/grub.cfg 1.3 创建USB-FDD或者USB-ZIP格式U盘步骤 1)Android上:dd if=/dev/zero of=/dev/block/sda bs=512 count=4 2)Windows上:快速格式化该U盘,这个U盘就只有PBR扇区而没有MBR扇区 2 Windows安装 2.1 BIOS设置 进入BIOS设置,一般有Del、Enter、Esc等键。 2.2 Windows ISO刻录方法 Windows上的Universal USB Installer工具软件:刻录操作系统ISO文件到U盘 Linux下将操作系统ISO文件刻录到U盘:dd if=xxx.iso of=/dev/sda 注意使用的是整个磁盘,所以用的是sda而不是sda1 2.3 Windows GHO镜像安装方法 - 比较常见 1) 制作PE启动U盘 2) 下载Windows ISO镜像后(番茄花园),解压出来,里面包含GHO文件,拷贝到PE启动U盘的GHO文件夹(或者提前将文件.gho拷贝入待装系统的电脑D盘根目录)。 3) 插入PE启动U盘到电脑USB 2.0口,选择从U盘启动,启动到PE界面后,选ghost方式安装,ghost镜像的后缀名.gho。 2.4 Printer 1)HP LaserJet M1005 MFP 2)Nantian PR9 并口-OKI仿真驱动 2.5 Disable Driver Signature bcdedit /set testsigning on bcdedit /set testsigning off 3 Windows网络 3.1 CMD方式配置IP地址 :: netsh: Network Shell @echo off if [%1] == [] ( echo "Usage:" echo "WIN_IP.bat static" echo "WIN_IP.bat dhcp" echo "WIN_IP.bat speed" goto :EOF ) if %1 == static ( call :static_ip ) else if %1 == dhcp ( call :dhcp_ip ) else if %1 == speed ( call :nic_speed ) goto :EOF :: get interface name, use the following command :: getmac /V /FO LIST :static_ip set name="Ethernet" set ip=192.168.0.100 set mask=255.255.255.0 :: gwmetric=1 echo "setting static ip address..." netsh interface ipv4 set address %name% static %ip% %mask% none 1 :: netsh interface ipv4 set dns %name% static 114.114.114.114 :: netsh interface ipv4 add dns %name% 8.8.8.8 goto :EOF :dhcp_ip set name="Ethernet" echo "setting dhcp..." netsh interface ipv4 set address %name% dhcp netsh interface ipv4 set dns %name% dhcp goto :EOF :nic_speed wmic NIC where NetEnabled=true get Name, Speed 3.2 DNS查询流程 1) 现有的DNS缓存 ipconfig /displaydns 2) 查询hosts文件 C:\Windows\System32\drivers\etc\hosts 3) 请求发往DNS服务器 ipconfig /all 3.3 firewall appwiz.cpl msconfig wf.msc Inbound Rules and Outbound Rules Enable 4 File and Printer Sharing (Echo Request - ICMPv4-Out) netsh advfirewall firewall add rule name="UDP ports" protocol=UDP dir=in localport=8080 action=allow https://github.com/DynamoRIO/drmemory/wiki/Downloads 3.4 Multicast - Windows组播client需要使用setsockopt()设置IP_ADD_MEMBERSHIP(加入指定的组播组)才能接收组播server发送的数据。 - 组播MAC地址是指第一个字节的最低位是1的MAC地址。 - 组播MAC地址的前3个字节固定为01:00:5e,后3个字节使用组播IP的后23位。例如239.192.255.251的MAC地址为01:00:5e:40:ff:fb。 - Windows 10 Wireshark要抓取SOME/IP组播报文,需要使用SocketTool工具监听239.192.255.251:30490,然后Wireshark才会显示组播报文,否则不显示(Windows netmon不需要任何设置,就可以抓到全部报文)。 netsh interface ip show joins Win 10 PowerShell: Get-NetAdapter | Format-List -Property ifAlias,PromiscuousMode In Linux, map IP addr to multicast MAC is function ip_eth_mc_map(), kernel eventually calls driver ndo_set_rx_mode() to set multicast MAC to NIC RX MAC filter table. 3.5 NAT 查看当前机器的NAT端口代理表: netsh interface portproxy show all 1) 第三方软件PortTunnel。 2) ICS(Internet Connection Sharing)是NAT的简化版。 3) showcase: USB Reverse Tethering 3.6 route命令用法 route [-f] [-p] [command [destination] [mask netmask] [gateway] [metric metric] [if interface]] route print ::增加一条到192.168.0.10/24网络的路由,网关是192.168.0.1,最后一个if参数是数字,可以使用route print查询,类似于Android的NetId。 route add 192.168.0.0 mask 255.255.255.0 192.168.0.1 metric 1 if 11 ::删除192.168.0.10这条路由 route delete 192.168.0.0 3.7 VLAN PowerShell Get-NetAdapter PowerShell Set-NetAdapterAdvancedProperty -Name \"Ethernet 3\" -DisplayName \"VLAN ID\" -DisplayValue 24 PowerShell Reset-NetAdapterAdvancedProperty -Name \"Ethernet 3\" -DisplayName \"VLAN ID\" 3.8 WiFi AP 1) get password netsh wlan show profiles netsh wlan show profiles name="FAST_ABCD" key=clear 2) enable Soft AP netsh wlan show drivers ::netsh wlan set hostednetwork mode=allow netsh wlan set hostednetwork mode=allow ssid=myWIFI key=12345678 netsh wlan start hostednetwork ::netsh wlan stop hostednetwork 3.9 Malicious software Task Manager Find process name, open file location, remove xxx.exe, rename empty xxx.txt to xxx.exe 4 Office 4.1 Excel Insert Symbol More Symbols Wingdings 2 4.2 Outlook 4.2.1 邮箱清理 点击 自己的邮件名字 Data File Properties(数据文件属性) Folder Size(文件夹大小) Server Data(服务器数据) 从左下角“导航选项”中切换到“日历” View(视图) Change View(更改视图) List(列表) 删除“日历”中过期的项目。 Calendar (Left Bottom) - View (Change View to Calendar) - Choose Menu Month 4.2.2 TCAM filter rule Home - ... - Rules - Create Rule (Manage Rules & Alerts) - Title 4.3 Powerpoint画图 插入 - > 形状 Insert - > Shapes 4.4 Word 升级目录 [References][Update Table] 5 Sprax EA 5.1 Basic Design - Toolbox Message/Argument/Return Value Publish - Save - Save to Clipboard 5.2 Advanced Copy/Paste - Copy to Clipboard - Full Structure for Duplication Copy/Paste - Paste Package from Clipboard 6 USB Win7 CMD: wmic path Win32_PnPSignedDriver | find "Android" wmic path Win32_PnPSignedDriver | find "USB" :: similar to Linux lsusb wmic path Win32_USBControllerDevice get Dependent 7 Abbreviations CAB: Capacity Approval Board NPcap: Nmap Packet Capture wmic: Windows Management Instrumentation Command-line 本篇文章为转载内容。原文链接:https://blog.csdn.net/zoosenpin/article/details/118596813。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-10 16:27:10
270
转载
转载文章
...plit(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=normal?1:1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=normal?"50px": a/2sn+"px"},e.exports=t["default"]}]); flex(false,100, 1);</script> 代码原理 这是阿里团队的高清方案布局代码,所谓高清方案就是利用rem的特性(我们知道默认情况下html的1rem = 16px),根据设备屏幕的DPR(设备像素比,又称DPPX,比如dpr=2时,表示1个CSS像素由4个物理像素点组成)根据设备DPR动态设置 html 的font-size为(50 dpr),同时调整页面的压缩比率(即:1/dpr),进而达到高清效果。 有何优势 引用简单,布局简便 根据设备屏幕的DPR,自动设置最合适的高清缩放。 保证了不同设备下视觉体验的一致性。(老方案是,屏幕越大元素越大;此方案是,屏幕越大,看的越多) 有效解决移动端真实1px问题(这里的1px 是设备屏幕上的物理像素) 如何使用 重要的事情说三遍! 绝不是每个地方都要用rem,rem只适用于固定尺寸! 绝不是每个地方都要用rem,rem只适用于固定尺寸! 绝不是每个地方都要用rem,rem只适用于固定尺寸! 在相当数量的布局情境中(比如底部导航元素平分屏幕宽,大尺寸元素),你必须使用百分比或者flex才能完美布局! 看过 《手机端页面自适应解决方案—rem布局》的朋友,应该对rem有所了解,这里不再赘述, 此方案也是默认 1rem = 100px,所以你布局的时候,完全可以按照设计师给你的效果图写各种尺寸啦。 比如你在效果图上量取的某个按钮元素长 55px, 宽37px ,那你直接可以这样写样式: .myBtn {width: 0.55rem;height: 0.37rem;} rem布局(进阶版)实践应用 iPhone5 下页面效果.png iPhone 6 Plus 下页面效果.png 为了让朋友们更清晰感受此方案的巨大优势,下面是源码和Demo 实践应用1(请在手机端或者手机模式下浏览效果更佳!) 实践应用2(请在手机端或者手机模式下浏览效果更佳!) 线上项目(请在手机端或者手机模式下浏览效果更佳!) 示例源码 在线Demo 常见问题说明,新手很有必要看一下(2017/1/19) 许多同学对该方案存在不少误解导致使用出现各种问题,这里统一回复下。 1.问:为啥手机网页效果图宽度是要640或者750的,我非得弄个666的不行咩? 答:老实说当然可以,不过为了规范,640或者750是相对合适的。 拿Iphone 5s 举例,它的css像素宽度是320px,由于它的dpr=2,所以它的物理像素宽度为320 × 2 = 640px,这也就是为什么,你在5s上截了一张图,在电脑上打开,它的原始宽度是640px的原因。 那 iphone 6 的截图宽度呢? 375 × 2 = 750 那 iphone 6 sp 的截图宽度呢? 414 × 3 = 1242 以此类推,你现在能明白效果图为什么一般是 640 ,750 甚至是 1242 的原因了么?(真没有歧视安卓机的意思。。。) 2.问:宽度用rem写的情况下, 在 iphone6 上没问题, 在 iphone5上会有横向滚动条,何解? 答:假设你的效果图宽度是750,在这个效果图上可能有一个宽度为7rem(高清方案默认 1rem = 100px)的元素。我们知道,高清方案的特点就是几乎完美还原效果图,也就是说,你写了一个宽度为 7rem 的元素,那么在目前主流移动设备上都是7rem。然而,iphone 5 的宽度为640,也就是6.4rem。于是横向滚动条不可避免的出现了。 怎么办呢? 这是我目前推荐的比较安全的方式:如果元素的宽度超过效果图宽度的一半(效果图宽为640或750),果断使用百分比宽度,或者flex布局。就像把等屏宽的图片宽度设为100%一样。 3.问:不是 1rem = 100px吗,为什么我的代码写了一个宽度为3rem的元素,在电脑端的谷歌浏览器上宽度只有150px? 答:先说高清方案代码,再次强调咱们的高清方案代码是根据设备的dpr动态设置html 的 font-size, 如果dpr=1(如电脑端),则html的font-size为50px,此时 1rem = 50px 如果dpr=2(如iphone 5 和 6),则html的font-size为100px,此时 1rem = 100px 如果dpr=3(如iphone 6 sp),则html的font-size为150px,此时 1rem = 150px 如果dpr为其他值,即便不是整数,如3.4 , 也是一样直接将dpr 乘以 50 。 再来说说效果图,一般来讲,我们的效果图宽度要么是640,要么是750,无论哪一个,它们对应设备的dpr=2,此时,1 rem = 50 × 2 = 100px。这也就是为什么高清方案默认1rem = 100px。而将1rem默认100px也是好处多多,可以帮你快速换算单位,比如在750宽度下的效果图,某元素宽度为53px,那么css宽度直接设为53/100=0.53rem了。 然而极少情况下,有设计师将效果图宽定为1242px,因为他手里只有一个iphone 6 sp (dpr = 3),设计完效果图刚好可以在他的iphone 6 sp里查看调整。一切完毕之后,他将这个效果图交给你来切图。由于这个效果图对应设备的dpr=3,也就是1rem = 50 × 3 = 150px。所以如果你量取了一个宽度为90px的元素,它的css宽度应该为 90/150=0.6rem。由于咱们的高清方案默认1rem=100px,为了还原效果图,你需要这样换算。当然,一个技巧就是你可以直接修改咱们的高清方案的默认设置。在代码的最后 你会看到 flex(false, 100, 1) ,将其修改成flex(false, 66.66667, 1)(感谢简友:V旅行指出此处错误! 2017/3/24)就不用那么麻烦的换算了,此时那个90px的直接写成0.9rem就可以了。 4.问:在此方案下,我如果引用了别的UI库,那些UI库的元素会显得特别小,如何解决? 答:可以这样去理解问题的原因,如果不用高清方案,别的UI库的元素在移动设备上(假设这个设备是iphone 5好了)显示是正常的,这没有问题,然后我们在这个设备上将该页面截图放到电脑上看,发现宽度是640(问答1解释过了),根据你的像素眼大致测量,你发现这个设备上的某个字体大小应该是12px,而你在电脑上测量应该是24px。 现在我们使用高清方案去还原这个页面,那么字体大小应该写为 0.24rem 才对! 所以,如果你引用了其他的UI库,为了兼容高清方案,你需要对该UI库里凡是应用px的地方做相应处理,即: a px => a0.02 rem (具体处理方式因人而异,有模块化开发经验的同学可使用类似的 px2rem 的插件去转化,也可以完全手动处理) (2017/9/9更新)然而真实情况往往更为复杂,比如,你引入了百度地图(N个样式需要处理转换);或者你引入了一个 framework;又或者你使用了 video 标签,上面默认的尺寸样式很难处理。等等这些棘手问题 面对这些情况,此时我们的高清方案如果不再压缩页面,那么以上问题将迎刃而解。 基于这样的思路,笔者对高清方案的源码做了如下修改,即添加一个叫做 normal 的参数,由它来控制页面是否压缩。 在文章顶部代码的最后,你会看到 flex(false, 100, 1),默认情况下页面是开启压缩的。 如果你需要禁止压缩,由于我们的源码执行后,直接将flex函数挂载到全局变量window上了,此时你直接在需要禁止压缩的页面执行 window.flex(true) 就可以了,而rem的用法保持不变。 有一点美中不足的是,如果禁止了页面压缩,高清屏的1像素就不能实现了,如果你必须要实现1像素,那么自行谷歌:css 0.5像素,有N多的解决方案,这里不再赘述。 5.问:有时候字体会不受控制的变大,怎么办? 答:在X5新内核Blink中,在排版页面的时候,会主动对字体进行放大,会检测页面中的主字体,当某一块字体在我们的判定规则中,认为字号较小,并且是页面中的主要字体,就会采取主动放大的操作。然而这不是我们想要的,可以采取给最大高度解决 解决方案: , :before, :after { max-height: 100000px } 补充:有同学反映,在一些情况下 textarea 标签内的字体大小即便加上上面的方案,字体也会变大,无法控制。此时你需要给 textarea 的 display 设为 table 或者 inline-table 即可恢复正常。(感谢 程序媛喵喵 对此的补充!2017/7/7) 6.问:我在底部导航用的flex感觉更合适一些,请问这样子混着用可以吗? 答:咱们的rem适合写固定尺寸。其余的根据需要换成flex或者百分比。源码示例中就有这三种的综合运用。 7.问:在高清方案下,一个标准的,较为理想的宽度为640的页面效果图应该是怎样的? 点击浏览:一个标准的640手机页面设计稿参考(没错,在此方案中,你可以完全按照这张设计稿的尺寸写布局了。就是这么简单!) 8.问:用了这个方案如何使用媒体查询呢? 一般来讲,使用了这个方案是没必要用媒体查询了,如果你必须要用,假设你要对 iphone5 (css像素宽度320px, 这里需要取其物理像素,也就是640)宽度下的类名做处理,你可以这样 @media screen and (max-width: 640px) {.yourLayout {width:100%;} } 9.问:可以提供下这个高清方案的源码吗? 'use strict';/ @param {Boolean} [normal = false] - 默认开启页面压缩以使页面高清; @param {Number} [baseFontSize = 100] - 基础fontSize, 默认100px; @param {Number} [fontscale = 1] - 有的业务希望能放大一定比例的字体;/const win = window;export default win.flex = (normal, baseFontSize, fontscale) => {const _baseFontSize = baseFontSize || 100;const _fontscale = fontscale || 1;const doc = win.document;const ua = navigator.userAgent;const matches = ua.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i);const UCversion = ua.match(/U3\/((\d+|\.){5,})/i);const isUCHd = UCversion && parseInt(UCversion[1].split('.').join(''), 10) >= 80;const isIos = navigator.appVersion.match(/(iphone|ipad|ipod)/gi);let dpr = win.devicePixelRatio || 1;if (!isIos && !(matches && matches[1] > 534) && !isUCHd) {// 如果非iOS, 非Android4.3以上, 非UC内核, 就不执行高清, dpr设为1;dpr = 1;}const scale = normal ? 1 : 1 / dpr;let metaEl = doc.querySelector('meta[name="viewport"]');if (!metaEl) {metaEl = doc.createElement('meta');metaEl.setAttribute('name', 'viewport');doc.head.appendChild(metaEl);}metaEl.setAttribute('content', width=device-width,user-scalable=no,initial-scale=${scale},maximum-scale=${scale},minimum-scale=${scale});doc.documentElement.style.fontSize = normal ? '50px' : ${_baseFontSize / 2 dpr _fontscale}px;}; 10.问:我在使用 rem 布局进阶方案的时候遇到了XXX的问题,如何解决? 此方案久经考验,具有普遍适用性,自身出致命问题的情况很少,至少笔者是没遇到过。 绝大多数你遇到的问题,都是由于对rem布局理解不到位导致的。本文对rem布局做了大量的解释说明,配置了若干 demo,你可以把你遇到的问题放到demo里测试。遇到问题时,首先问自己,为什么这明显的错误大家没遇到就我遇到了?? 如果你真的经过充分验证,比对,确实是rem布局自身出了问题,那么请私信我,把还原问题场景的 demo 或者文件发给我。谢谢! 本篇文章为转载内容。原文链接:https://blog.csdn.net/hjhfreshman/article/details/88864894。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-23 12:01:53
133
转载
转载文章
...(1,3)里面,单个查询,只会查询(1或者3) 3.Between and 与 not … 和上面差不多,Between 1 and 3 但是这个是范围查询(1,3) 1-3 之间(包含1,3) 4.Like,模糊查询 “%” 代表任意字符,”_”代表单个字符. 5.Is Not null 与 is null 是否为空 6.And 与 or 一个是所有条件都要完成,or则是任何一个条件完成即可 7.Distinct 去重 8.Order by age asc 与 desc 排序,假如根据age排序,asc正序(升序默认),desc倒叙(降序) 9.Gruop by 分组查询,单独使用无意义,group_concat(字段),拼接,若是根据age group by 则会发现age一样的会出现在同一字段内 例如: : 最后要注意group by 后面的字段与所查字段的关系(一对一),当然还有having,having和where基本一样,只不过跟在group by后面. 10.Limit 分页查询 limit 0,5 .查询前5条数据,从0开始,5结束,但是5取不到,也即是取头不取尾. 11.聚合函数:count() 查询数据的总数据量 经常使用别名 例如:as total sum(字段)函数:求和…若字段为成绩,where条件或gruop by 为个人的id,那么查出的就是个人的成绩总分. AVG(字段),但是查的是平均分,min(字段)与max(字段) 查出最小或最大. 三者都类似sum(),当然max()与min()若是在最前面使用,就会当条件查询只会出来这一笔数据.例如: 12.Sql多表查询,内连接不只是inner join,平时写的from a表,b表 where 条件这也是内连接,意思就是两张表中数据都有才可以查询出来 13.而外连接分为左连接和右连接,意思是以左表或右表为主,假如两张表,左表数据多,右表数据少,且条件符合,则左连接的时候左表数据全部出来,右表没有的为null,反之也是一样. 14.Exist() 与 not exist() …()内的数据是否为空,若是为空则代表false,返回数据为空,若不为空,则代表true,正常查询. 15.Any 与 all 例如 age > any(age1,age2) 大于两者中的一个就可以,但是all的情况下则是全部大于.也就是相当于,any为大于最小的,all则是大于最大的就行了,当然若是小于号那就是另外一种情况了,另外分析. 16.Union,(也就是联合的意思,自带distinct,重复的去除)用法,例如两张表的id要全部查出来,则:select id from A union select id from B ,若Aid为1,2,3,Bid为1,2,4.则查出来的数据为1.2.3.4,若是union all,则不带distinct,用法一样,查出来以后为1.2.3.1.2.4. 17.给表取别名,表名 空格 别名 给字段取别名 字段名 as 别名. 18.Insert插入数据时若是使用insert into 表名 values();主键必须到写进去,当然与其他数据不相同即可,若是自增,可以写null.若是insert into 表名(字段)values(值),这时插入数据,字段不用写主键字段,写入其他数据字段名与值就可以完成数据的添加.(主键自己生成为前提,UUID,auto_increament都可以). 19.Insert into 插入多条数据时,其他与18一样,只不过由values()变成了values(),(),(); 20.索引是由数据库表中一列或多列组合而成,其作用提高对表数据的查询速度.像图书目录. 优缺点:优:提高了查询数据的效率.缺:创建和维护索引的时间增加了(内容改了,目录也要改). 21.索引分类:普通索引,唯一性索引UNIQUE(unique修饰,例如主键),全文索引FULLTEXT(创建在文本上,例如:char,varchar,varchar2等,mysql默认引擎不支持,),单列索引:单个字段建立索引,多列索引:多个字段创建一个索引,空间索引SPATIAL:不常用(mysql默认引擎不支持) 22.创建索引: index为关键字,或者key (1)可以index(字段名)–>普通索引 (2)Unique index(字段名)–>唯一索引 (3)Unique index 别名(字段名)–>取别名的唯一索引 (4)index 别名(字段名1,字段名2)–>取别名的多列索引 1.创建表的时候创建索引, 前三个为参数修饰,唯一性,全文,空间索引; 2.在已存在的表上创建索引,或者用ALTER TABLE 表名 ADD 索引,也就是用修改表的形式来创建索引 Create index 索引别名 on 表名(字段名) -->普通单列索引 Create index 索引别名 on 表名(字段名1,字段名2) -->多列索引 Create unique index 索引别名 on 表名(字段名) -->唯一单列索引 Alter table 表名 add +(1)|(2)|(3)|(4)即可. 23.删除索引: drop index 索引名 on 表名. 24.NOW(); mysql的函数,表示当前时间 25.视图:是一个虚拟的表,没有物理数据,是从其他表中导出的数据,当原表数据发生改变时,视图数据也会发生改变,反之也一样. (1)作用:操作简单化;增加数据安全性:不直接对表进行操作;提高表的逻辑性:原表修改字段对视图无影响. (2)创建视图:语法:create view 视图名 as 查询语句. 例如:create view vi as select id,name from user;–>这是把user中id,name字段的数据写入到vi视图中. 若是想自己定义字段名不用查出的字段名,可以如下面这样写. 例如:create view vi(vi_id,vi_name) as select id,name from user;–>这样的话id对应vi_id,name对应vi_name; 上面的都是单表的视图,多表的视图也是一样的,只不过后面的单表查询变成多表查询了. 建议创建视图后自己定义字段名,也即是定义别名. (3)查看视图: Describe(desc) 视图名–>查看视图基本信息 Show table status like ‘视图名’ --> 查看视图基本信息 Show create view 视图名 --> 视图详细信息,建表具体信息. 在view表中查看视图详细信息–>view 系统表 自带的. (4)修改视图:修改使徒的定义 Create or replace view 没有的话就创建,有的话就替换 例如:Create or replace view vi(id,name) as select语句. Alter view 只修改不能创建(也就是说视图必须存在的情况下才可修改) Alter view vi as select语句 (5)更新视图:视图是虚拟的,对视图进行的crud操作都会对原表的数据产生影响. 也就是说对视图的操作最后都会转换为对视图所连接那个表的操作. (6)删除视图:删除数据库中已存在的视图,视图为虚表,因此只会删除结构,不会删除数据. Drop view if exist 视图名. 26.触发器:由事件来触发某个操作,这些事件包括insert语句,update语句和delete语句.当数据库系统执行这些事件时,就会激活触发器执行相应的方法. 创建触发器:create trigger 触发器名 (before/after) 触发事件 on 表名 for each row sql语句. 这里的new是指代新插入的拿一条数据(更新的也算),若是old的话,指的是删除的那一条数据(更新之前的数据).(new和old属于过渡变量) 这条触发器的意思时:当t_book有插入数据时,就会根据新插入数据的id找到t_bookType的id,并试该条数据的bookNum加1. Begin与end写sql语句,中间可以写多条sql语句用分号;分隔开…也即是说语句要写完成,不能少分号. Delimiter | 设置分隔符,要不然好像只会执行begin与and之间的第一条sql语句. 查看触发器: 1.show triggers; 语句查看触发器信息.(查询所有的触发器) 2.在triggers表中查看触发器信息.(在数据库原始表triggers中可以查看) 删除触发器: Drop trigger 触发器名称 ; 27.函数: (1)日期函数: CURDATE()当前日期,CURTIME()当前时间,MONTH(d):返回日期d中的月份值,范围试1-12 (2)字符串函数:CHAR_LENGTH(s) 计算字段s值->字符串的长度.UPPER(s) 把该字段的值中所有英文都变成大写,LOWER(s) 和相面相反->把英文都变成小写. (3)数学函数:sum():求和,ABS(s) 求绝对值,SQRT(s):求平方根,mod(x,y),求余x/y (4)加密函数:PASSWORD(STR) 一般对密码加密 不可逆… MD5(STR) 普通加密 ,不可逆. ENCODE(str,pswd_str) 加密函数,结果是一个二进制文件,用blob类型的字段保存,pswd_str类似一个加密的钥匙,可以随便写. DECODE(被加密的值,pswd_str)–>对encode进行解密. 28.存储过程: (1)存储过程和函数:两者是在数据库中定义一些SQL语句的集合,然后直接调用这些存储过程和函数来执行已经定义好的SQL语句.存储过程和函数可以避免重复的写一些sql语句,而且存储过程是在mysql服务器中存储和执行的,减少客户端和服务器端的数据传输.(类似于java代码写的工具类.) (2)创建存储过程和函数: Create procedure 关键字 pro_book 存储过程名称, in 输入 bT 输入参数名称 int 输入参数类型 out 输出 count_num 输出参数名称 int 输入参数类型 Begin 过程开始 end过程结束 中间是sql语句, Delimiter 默认是分号,而他的作用就是若是遇见分号时就开始执行该过程(语句),但是一个存储过程可能有很多sql语句且以分号结束,若这样的情况下当第一条sql语句结束后就会开始执行该过程,产生的后果是创建过程时,执行到第一个分号就会开始创建,导致存储过程创建错误.(若是有多个参数,在多条sql中均有参数,第一条设置完执行了,而这时第二条的参数有可能还么有设置完成,导致sql执行失败.)因此,需要把默认执行过程的demiliter关键字的默认值改为其他的字符,例如上面的就是改为&&,(当然我认为上面就一条sql语句,改不改默认的demiliter的默认值都一样.) . 使用navicat的话不使用delimiter好像也是可以的. Reads sql data则是上面图片所提到的参数指定存储过程的特性.(这个是指读数据,当然还有写输入与读写数据专用的参数类型.)看下图 经常用contains sql (应该是可以读,) 这个是调用上面的存储过程,1为入参,@total相当于全局变量,为出参. 这是一个存储函数,create function 为关键字,fun_book为函数名称, 括号里面为传入的参数名(值)以及入参的类型.RETURNS 为返回的关键字,后面接返回的类型. BEGIN函数开始,END函数结束.中间是return 以及查询数据的sql语句, 这里是指把bookId 传进去,通过存储函数返回对应的书本名字, ---------存储函数的调用和调用系统函数一样 例如:select 存储函数名称(入参值) Select 为查询 func_book 为存储函数名 2为入参值. (3)变量的使用:declaer:声明变量的值 Delimiter && Create procedure user() Begin Declare a,b varchar2(20) ; — a,b有默认的值,为空 Insert into user values(a,b); End && Delimiter ; Set 可以用来赋值,例如: 可以从其他表中查询出对应的值插入到另一个表中.例如: 从t_user2中查询出username2与password2放入到变量a,b中,然后再插入到t_user表中.(当然这只是创建存储过程),创建完以后,需要用CALL 存储过程名(根据过程参数描写.)来调用存储过程.注意:这一种的写法只可以插入单笔数据,若是select查询出多笔数据,因为无循环故而会插入不进去语句,会导致倒致存储过程时出错.下面的游标也是如此. (4)游标的使用.查询语句可能查询出多条记录,在存储过程和函数中使用游标逐条读取查询结果集中的记录.游标的使用包括声明游标,打开游标,使用游标和关闭游标.游标必须声明到处理程序之前,并且声明在变量和条件之后. 声明:declare 游标名 curson for 查询sql语句. 打开:open 游标名 使用:fetch 游标名 into x, 关闭:close 游标名 ----- 游标只能保存单笔数据. 类似于这一个,意思就是先查询出来username2,与password2的值放入到cur_t_user2的游标中(声明,类似于赋值),然后开启->使用.使用的意思就是把游标中存储的值分别赋值到a,b中,然后执行sql语句插入到t_user表中.最后关闭游标. (5)流程控制的使用:mysql可以使用:IF 语句 CASE语句 LOOP语句 LEAVE语句 ITERATE 语句 REPEAT语句与WHILE语句. 这个过程的意思是,查询t_user表中是否存在id等于我们入参时所写的id,若有的情况下查出有几笔这样的数据并且把数值给到全局变量@num中,if判断是否这样的数据是否存在,若是存在执行THEN后面的语句,即使更新该id对应的username,若没有则插入一条新的数据,最后注意END IF. 相当于java中的switch case.例如: 这里想当然于,while(ture){ break; } 这里的意思是,参数一个int类型的参数,loop aaa循环,把参数当做主键id插入到t_user表中,每循环一次参入的参数值减一,直到参数值为0,跳出循环(if判断,leave实现.) 相当于java的continue. 比上面的多了一个当totalNum = 3时,结束本次循环,下面的语句不在执行,直接执行下一次循环,也即是说插入的数据没有主键为3的数据. 和上面的差不多,只不过当执行到UNTIL时满足条件时,就跳出循环.就如上面那一个意思就是当执行到totalNum = 1时,跳出循环,也就是说不会插入主键为0的那一笔数据 当while条件判断为true时,执行do后面的语句,否则就不再执行. (6)调用存储过程和函数 CALL 存储过程名字(参数值1,参数值2,…) 存储函数名称(参数值1,参数值2,…) (7)查看存储过程和函数. Show procedure status like ‘存储过程名’ --只能查看状态 Show create procedure ‘存储过程名’ – 查看定义(使用频率高). 存储函数查看也和上面的一样. 当然还可以从information_schema.Routines中(系统数据库表)查看存储过程与函数. (8)修改存储过程与函数: 修改存储过程comment属性的值 ALTER procedure 存储过程名 comment ‘新值’; (9)删除存储过程与函数: DROP PROCEDURE 存储过程名; DROP function 存储函数名; 29.数据备份与还原: (1)数据备份:数据备份可以保证数据库表的安全性,数据库管理员需要定期的进行数据库备份. 命令:使用mysqldump(下图),或者使用图形工具 Mysqldump在msql文件夹+bin+mysqldump.exe中,相当于一个小软件.执行的话是在dos命令窗操作的. 其实就是导出数据库数据,在navacat中可以如下图导出 (2)数据还原: 若是从navacat中就是把外部的.sql文件数据导入到数据库中去.如下图 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_42847571/article/details/102686087。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-26 19:09:16
83
转载
Gradle
...oup: 'org.hibernate', module: 'hibernate-entitymanager' } } 上述代码表示我们在引入Spring Boot Data JPA starter时,明确排除了Hibernate Entity Manager。 3. 打包时确保依赖包含无遗漏 当执行Gradle的jar任务(或Android的assemble任务)打包项目时,Gradle会自动处理所有已声明的依赖关系。一般来说,如果没啥特殊设定,那些直接用到的依赖关系会自动被塞进类路径里。而那些间接、传递过来的依赖关系,是否会被纳入其中,就得看具体的配置策略怎么安排了。 但是请注意,Gradle并不会将依赖库的.jar文件物理地打包进你的主.jar文件中,而是会在生成的.jar文件的META-INF/MANIFEST.MF文件中记录依赖信息,以供运行时解析。如果你想创建一个包含所有依赖的“fat jar”(或称为"uber jar"),可以使用如shadow插件或原生的bootJar任务(针对Spring Boot项目): groovy plugins { id 'com.github.johnrengelman.shadow' version '6.1.0' } jar { manifest { attributes 'Main-Class': 'com.example.Main' } } task shadowJar(type: ShadowJar) { archiveBaseName = 'my-app' archiveClassifier = 'all' mergeServiceFiles() } 以上代码片段展示了如何应用Shadow插件并创建一个包含所有依赖的自包含.jar文件。 总结起来,要确保Gradle打包时正确包含依赖包,关键在于合理地在build.gradle中声明和管理依赖,并根据实际需求选择合适的打包策略。Gradle这个家伙的设计理念啊,就是让构建项目这件事儿变得瞅一眼就明白,摸一下就能灵活运用,甭管多复杂的依赖关系网,都能轻松玩转。这样一来,咱们就能麻溜地把项目打包工作给搞定了,高效又省心!在你亲自上手捣鼓和尝试Gradle的过程中,你会发现这玩意儿的强大程度绝对超乎你的想象,它会像个给力的小助手一样,陪你一起砍断开发道路上的各种难题荆棘,勇往直前地一路狂奔。
2023-10-25 18:00:26
454
月影清风_
Gradle
...tion('org.hibernate:hibernate-core:5.6.9.Final') { transitive = false // 禁止传递依赖 } } 3. 使用定制化仓库 除了标准的Maven中央仓库,我们还可以添加自定义的仓库地址来下载依赖包: groovy repositories { mavenCentral() // 默认的Maven中央仓库 maven { url 'https://maven.example.com/repo' } // 自定义仓库 } 4. 打包时包含依赖 当执行gradle build命令时,Gradle会自动处理并包含所有已声明的依赖。对于Java应用,使用jar任务打包时,默认并不会将依赖打进生成的jar文件中。若需将依赖包含进去,可采用如下方式: groovy task fatJar(type: Jar) { archiveBaseName = 'my-fat-app' from { configurations.runtimeClasspath.collect { it.isDirectory() ? it : zipTree(it) } } with jar } 这段代码创建了一个名为fatJar的任务,它将运行时依赖一并打包进同一个jar文件中,便于部署和运行。 总结来说,掌握Gradle依赖管理的核心在于理解其声明式依赖配置以及对依赖范围、传递性的掌控。同时,咱们在打包的时候,得瞅准实际情况,灵活选择最合适的策略把依赖项一并打包进去,这样才能保证咱们的项目构建既一步到位,又快马加鞭,准确高效没商量。在整个开发过程中,Gradle就像个超级灵活、无比顺手的工具箱,让开发者能够轻轻松松解决各种乱七八糟、错综复杂的依赖关系难题,真可谓是个得力小助手。
2023-06-09 14:26:29
408
凌波微步_
CSS
...%; margin-right: 25%; } hr { / 配置区分线宽度为自动 / width: auto; } 上面的代码示例中,第一个配置将区分线宽度配置为100%,即与父组件宽度相等。这种配置方式适用于需要区分线填满整个父组件宽度的情况。 第二个配置将区分线宽度配置为50%,居中显示在父组件中间。可以通过配置左右margin值来实现。这种配置方法适用于需要局部和自适应宽度场景。 第三个配置将区分线宽度配置为自动,即根据内容宽度进行自适应。这种配置方法适用于需要自适应宽度,但又不希望被父组件限制的情况。 以上是在实际应用中常见的一些区分线宽度配置方法,可以根据具体需求选取相应的方式进行配置,提升页面的规划美感和阅读体验。
2023-02-11 22:13:41
497
码农
CSS
...t; border-right: 50px solid transparent; border-bottom: 100px solid 000; } 上面的代码中,我们使用了border属性来达成四方形上三角状。具体来说,我们定义一个宽度为0、高度为0的盒子,并且同时定义两侧的边界为不透明度为零。这样就只剩下下边的边界了,我们设置其色彩为黑色,并且高度为100px,就构建出一个上方是三角状的四方形。 如果要达成空心的四方形上三角状,则可以再添加一组反向的边界,具体如下: .hollow-triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid 000; border-bottom: none; } 上面的代码中,我们定义上边界为黑色,高度为100px,同时定义下边的边界为none,这样就只有上边界是实心的了,构建出空心的四方形上三角状。
2023-11-15 22:30:33
460
程序媛
CSS
.../ margin-right: 0.5em; / 这里是实心点和文本之间的间距 / } 上述代码中,我们首先运用了:before虚拟元素来在每个p元素的前面插入内容,然后运用content属性来设置添加的内容,这里我们运用了实心点的Unicode编码。接着,我们运用margin-right属性来设置实心点和文本之间的间距,这里我们设置了0.5em。 当然,您也可以根据自己的需要个性化实心点的样式设定,比如调整实心点的尺寸、色彩等等。下面是一个个性化实心点样式设定的示例: p:before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 0.5em; border-radius: 50%; / 把实心点改成圆形 / background-color: 333; / 实心点的色彩 / } 在上面的代码中,我们运用了display:inline-block来让实心点成为一个独立的独立块元素,然后运用width和height属性来设置实心点的尺寸,运用border-radius属性来将实心点改成圆形,最后运用background-color属性来设置实心点的色彩。 在实际运用中,我们可以在全局样式设定表中定义这些样式设定,这样就可以在整个网站中都运用段落前添加实心点的样式设定了。这种方法不仅可以让网页的排版更加清晰美观,也可以增加用户对网页内容的清晰性和理解性。
2023-11-22 13:38:04
393
代码侠
CSS
...r; border-right: 1px solid fff; } .nav a { display: block; color: fff; padding: 15px 20px; text-decoration: none; } 在上面的示例CSS中,我们运用flex属性来将导航链接放置在一行。我们还运用了flex:1属性,这将在所有导航链接上分派相同的区域。我们还设置了一个边界线,在每个导航链接之间增加空隙。最后,我们为导航链接设置了黑色背景和白色字体颜色。 在下面这个示例中,我们将为当前选择的导航链接增加一个类active,以便让用户知道当前身处于哪个页面。 .nav a.active { background-color: 4CAF50; color: white; } 在上面的示例CSS中,我们运用了.active类选取器来增加绿色背景,同时改动字体颜色。 运用CSS,我们可以建立出美观的水平导航栏,给网页增色不少。借助以上的示例,可以看到CSS对于网页设计和开发至关重要,我们应该强化对于CSS的学习和理解,以制作出更为精致的网页。
2023-12-16 16:09:27
461
电脑达人
VUE
...nent( 'my-outer-component', { data: function() { return { message: 'Hello, world!' } }, template: '', components: { 'my-inner-component': { props: [ 'message' ], template: ' { { message } } ' } } }); 另一个相似Angular的特点是Vue.js的指令机制。Vue.js提供了一组指令,帮助我们在模板中简洁地实现一些常见的操作,例如条件判断、迭代、事件绑定等等。尤其是使用v-html指令可以实现相似ng-bind-html的性能,绑定包含HTML的字符串,渲染出对应的页面。 Vue.component( 'my-component', { data: function() { return { content: 'This is italic text.' } }, template: ' ' }); Vue.js和Angular.js在某些方面看起来很像,但是随着它们的进一步发展,它们之间的不同点也越来越明显。例如,Vue.js的数据绑定和指令机制相对来说更加灵动,而Angular.js则更加重视性能优化和强制代码规范。因此,在选择结构时,我们需要根据具体的项目需求进行综合考虑。
2023-08-10 19:26:32
332
算法侠
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
echo 'string' > /dev/null
- 忽略输出,常用于抑制命令的输出结果。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"