iconfont使用

最新推荐文章于 2023-07-02 00:27:00 发布
最新推荐文章于 2023-07-02 00:27:00 发布
阅读量774 收藏
点赞数
分类专栏： html 文章标签： iconfont 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/personbing/article/details/51037604
版权

最近浏览到一个网页的菜单的小图标类似于如下的图标

查看源码但是没有发现图片的链接但是发现是类似于

<i class="iconfont">3</i> 
这样的代码查询后发现这是iconfont图标学习了一下做一个小小的记录
1、去<a target=_blank href="http://www.iconfont.cn/">点击打开链接</a>icon的官方网站找到自己需要的图标：
<img src="https://img-blog.csdn.net/20160401161003759?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

查询后得到

<img src="https://img-blog.csdn.net/20160401161050572?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

得到结果在图标上点选你需要的然后就可以到你的缓存架下载你所选择的东西点击下载项目然后<span style="font-family: Arial, Helvetica, sans-serif;">解压得到如下文件</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="https://img-blog.csdn.net/20160401161252182?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
</span>
<span style="font-family:Arial, Helvetica, sans-serif;">其中demo是一个使用的示例打开</span>
<span style="font-family:Arial, Helvetica, sans-serif;"><img src="https://img-blog.csdn.net/20160401161359198?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
</span>
<span style="font-family:Arial, Helvetica, sans-serif;">上边写出了使用的方法</span><span style="font-family: Arial, Helvetica, sans-serif;">将其中.eot 、.svg、 .ttf、 .woff 后缀的四个文件导入你的工程 </span>
<span style="font-family:Arial, Helvetica, sans-serif;"><img src="https://img-blog.csdn.net/20160401161503089?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
</span>
<span style="font-family:Arial, Helvetica, sans-serif;">修改对应的url指向你自己项目中对应的文件 </span>
<span style="font-family: Arial, Helvetica, sans-serif;">下方iconfont是图标的css控制项可以修改它 来修改他在页面上的显示方式</span>
<span style="font-family: Arial, Helvetica, sans-serif;">最后使用</span><pre name="code" class="html"><i class="icon iconfont">&#xe622;</i>
在html中使用就行

 


                

        

        

    




    

      

        

            

              
                
                  覆水难收。
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










              
                



	

		

			

				
					
Java面试题(七)-----关于Collection接口

				
			

			

				

					qq_48788523的博客
				

				

					02-23
					
					598
					
				

			

		

		

			
				
关于Collection接口

			
		

	



                


  
              

                


	

		

			

				
					
Collection集合工具类源码解读（四） --- HashTable，HashSet，LinkedHashMap，LinkedHashSet

				
			

			

				

					化身强盗的博客
				

				

					01-12
					
					363
					
				

			

		

		

			
				
文章目录5、HashTable5.1 先看看属性5.2 构造函数5.3 从put方法分析扩容机制put方法addEntry方法（真正添加值的方法）rehash方法（扩容）扩容总结：5.4 get方法5.5 remove方法5.6 replace5.7 HashTable和HashMap6、HashSet6.1 先看看属性6.2 构造方法6.3 add方法6.4 remove方法6.5 contains7、LinkedHashMap7.1 先看看属性7.2 构造方法7.3 LinkedHashMap完善的方法

			
		

	





	

		

			

				
					
1. Map和collection的继承关系

				
			

			

				

					hznb_369的博客
				

				

					11-20
					
					2143
					
				

			

		

		

			
				
map和collection的继承关系和子类用法以及线程安全问题mapmap的定义HashMapHashTableTreeMapConcurrentHashMapcollectionArrayListLinkedListHashSetLinkedHashSetArrayBlockingQueue继续关系图
map
map的定义


Map本身是一个接口，要使用Map需要通过子类进行对象实例化。
 接口不可以实例化。



public interface Map<K, V> {
}


Map接

			
		

	



		

			
		



	

		

			

				
					
细品：HashMap、HashTable和CurrentHashMap区别

				
			

			

				

					清风~的博客
				

				

					07-14
					
					1071
					
				

			

		

		

			
				
Map才是面试的必问点

			
		

	





	

		

			

				
					
Hashtable源码分析

				
			

			

				

					weixin_30692143的博客
				

				

					08-20
					
					109
					
				

			

		

		

			
				
前言：Hashtable线程安全的集合类，虽然它线程安全，然而在日常开发中使用的频率很低，毕竟锁的颗粒度太大了。但是这并不妨碍我们对其内部原理进行了解。
注：本文jdk源码版本为jdk1.8.0_172。

1.Hashtable基本概念
Hashtable与HashMap一样，都是以键值对的形式存储数据。但是Hashtable的键值不能为null，而HashMap的键值是可以为...

			
		

	





	

		

			

				
					
容器与Java依赖注入

				
			

			

				

					qq_36414969的博客
				

				

					03-09
					
					269
					
				

			

		

		

			
				
Java container

1.什么是Java container？

顾名思义，它是一个Java容器，容器一般是用来装东西的，而Javacontainer是一个Java编写的程序，如：Tomcat，resin，weblogic。为了方便对象管理，引入数据容器概念，数据容器来管理数据。我们在使用Java时，会声明很多对象，但是对象管理很不方便，有了数据容器之后我们能方便的通过容器类来管理自己的...

			
		

	





	

		

			

				
					
集合框架包含collection和map的子类

				
			

			

				

					09-20
				

			

		

		

			
				
集合框架包含collection和map的子类。其中collection包含list、set和queue。map包括hashmap、hashtable和treemap

			
		

	





	

		

			

				
					
史上最全java面试，103项重点知识，带目录

				
			

			

				

					07-28
				

			

		

		

			
				
20. List、Set、Map 之间的区别是什么？	9 21. HashMap 和 Hashtable 有什么区别？	10 22. 如何决定使用 HashMap 还是 TreeMap？	10 23. 说一下 HashMap 的实现原理？	10 24. 说一下 HashSet 的实现原理？	11 25. ...

			
		

	





	

		

			

				
					
java面试题.docx

				
			

			

				

					01-19
				

			

		

		

			
				
 List、Set、Map 之间的区别是什么？  Collection 和 Collections 有什么区别？  HashMap 和 Hashtable 有什么区别？ 说一下 HashMap 的实现原理？  ArrayList 和 LinkedList 的区别是什么？ 并行和并发有什么区别？...

			
		

	





	

		

			

				
					
Java 最常见的 208 道面试题：第二模块答案

				
			

			

				

					03-05
				

			

		

		

			
				
20. List、 Set、 Map 之间的区别是什么？ 21. HashMap 和 Hashtable 有什么区别？ 22. 如何决定使用 HashMap 还是 TreeMap？ 23. 说一下 HashMap 的实现原理？ 24. 说一下 HashSet 的实现原理？ 25. ArrayList 和 ...

			
		

	





	

		

			

				
					
Java 基础核心总结 +经典算法大全.rar

				
			

			

				

					11-08
				

			

		

		

			
				
《Java 基础核心总结》 Java 概述 什么是 Java2 Java 的特点Java 开发环境 JDK JRE Java 开发环境配置 Java 基本语法 数据类型基础语法运算符 Java 执行控制流程条件语句 if 条件语句 if...else 条件语句if...else ...

			
		

	





	

		

			

				
					
java容器比较_Java中各种容器比较

				
			

			

				

					weixin_39684495的博客
				

				

					02-12
					
					138
					
				

			

		

		

			
				
Collection ListCollection 是 Java 集合的一个根接口，JDK 没有它的实现类。内部仅仅做 add()，remove()，contains()，size() 等方法的声明。List 接口是Collection 接口的一个子类，在Collection 基础上扩充了方法。同时可以对每个元素插入的位置进行精确的控制，它的主要实现类有 ArrayList，Vector，Lin...

			
		

	





	

		

			

				
					
Java 常用的集合有哪些？哪些是线程安全的？

				
			

			

				

					ddwangbin520的博客
				

				

					07-02
					
					1752
					
				

			

		

		

			
				
线程安全的：Hashtable，ConcurrentHashMap，Vector线程不安全的：HashMap，ArrayList，LinkedList，HashSet，TreeSet，TreeMap常用到的集合有 Set、List、Map。其中set和list继承了collection接口。LinkedList底层是一个双向链表，所以很适合做插入、删除的操作。LinkedList继承于AbstractSequentialList，。它还提供了List接口中没有的方法，专门用于操作表头和表尾的元素，可以当堆栈

			
		

	





	

		

			

				
					
Java中Hashset、HashMap、ArrayList、LinkedList、Vector之间的联系与区别

				
			

			

				

					小飞鱼的blablabla...
				

				

					06-24
					
					8773
					
				

			

		

		

			
				
前些时候买了一本《Java程序员的基本修养》这本书，李刚编著的，感觉还不错，对已经学会Java想进一步提高的同学来说，这本书可以当做进阶之书。（这不是广告植入。。。如果刚哥看到这个愿意给点广告费的话，我很乐意！）
      进入正题，HashSet、HashMap、ArrayList、LinkedList、Vector这几个在Java编程中经常用到，他们之间有很多联系，有很多相通的地方、但也有

			
		

	





	

		

			

				
					
HashMap,Hashset,ArrayList以及LinkedList集合的区别,以及各自的用法

				
			

			

				

					dgd29756的博客
				

				

					06-18
					
					679
					
				

			

		

		

			
				
基础内容
容器就是一种装其他各种对象的器皿。java.util包
容器：Set, List, Map ,数组。只有这四种容器。
Collection（集合） 一个一个往里装，Map 一对一对往里装。
Set:没有顺序，不可以重复。 List:有顺序，可以重复。 互相的equals就算重复。
Map定义了存储Key-Value的方法。
Collection里装的必须都是Object,不能是...

			
		

	





	

		

			

				
					
java四大集合_Java四大集合（ArrayList、LinkedList、HashSet、HashMap）用法

				
			

			

				

					weixin_35873811的博客
				

				

					02-13
					
					349
					
				

			

		

		

			
				
boolean add(int index, Object obj) 将指定元素obj插入到集合中指定的位置Object remove(int index) 从集合中删除指定index处的元素，返回该元素void clear() 清空集合中所有元素Object set(int index, Object obj) 用指定元素obj替代集合中指定位置上的元素LinkedListLinkedList ...

			
		

	





	

		

			

				
					
ArrayList,LinkedList,Vector,HashSet,TreeSet,HashMap,TreeMap,HashTable区别,继承关系

				
			

			

				

					欧阳的博客
				

				

					04-11
					
					1115
					
				

			

		

		

			
				
类之间的继承关系——不含接口



接口之间的继承接口——不含类



1.AbstractCollection(聚类)



1.1 AbstractList(列表)

1.1.1ArrayList(线性表)—在内存里面地址是连续的线性空间，那么对于随机存储会很方便，因为他可以直接到的是对象地址，对于没有元素删减的操作方便

1.1.2.LinkedList(链表)—-在内存里面的地址是随机的，...

			
		

	





	

		

			

				
					
java--ArrayList、LinkedList、HashSet、HashMap、Hashtable、Collection、Collections详解

				
			

			

				

					小乌龟
				

				

					06-28
					
					9950
					
				

			

		

		

			
				
1.ArrayList
ArrayList是List接口的实现类，一种大小可变数组，随着元素的增多，容量会自动扩充，默认初始容量值是10，也可以自己指定初始容量
采用的数据结构：数组
（线性表：数组、链表、队列、栈
非线性表：二叉树、堆、图等）
ArrayList优点：
查询速度快
ArrayList缺点：
新增和删除元素比较慢
查询速度快的原因：
ArrayList底层是数组实现的，根据下标查询，不需要比较，查询方式为，首地址+（元素长度＊下标），基于这个位置读取相应的字节数，所以非常快；
新增和删除慢的

			
		

	





	

		

			

				
					
HashMap 和 HashTable的区别及Collection和Collections的区别

				
			

			

				

					weixin_45739322的博客
				

				

					11-18
					
					302
					
				

			

		

		

			
				
文章目录HashMap 和 HashTable的区别:最大的不同是Collection和Collections的区别:
HashMap 和 HashTable的区别:
HashMap和Hashtable的区别。
1：hashMap 是非线程安全的。效率高。
hashTable 是线程安全的。效率低。
HashMap是Hashtable的轻量级实现（非线程安全的实现），:
2：他们都完成了Map接口...

			
		

	





	

		

			

				
					
java hashmap hashtable hashset

					
最新发布

				
			

			

				

					09-05
				

			

		

		

			
				
HashMap、Hashtable和HashSet是Java中常用的集合类。

HashMap和Hashtable都实现了Map接口，用于存储键值对。它们的主要区别在于线程安全性和同步性。HashMap是非线程安全的，而Hashtable是线程安全的。这意味着多个线程可以同时访问Hashtable，但不能同时访问HashMap。此外，HashMap允许存储null键值对，而Hashtable不允许。Java 5引入的ConcurrentHashMap可以作为Hashtable的替代，它在扩展性方面更好。

HashSet实现了Set接口，用于存储无序、不重复的元素。它底层使用HashMap来存储数据，HashSet存储对象而不存储键值对。

总结一下，HashMap和Hashtable都是用于存储键值对的，区别在于线程安全性和同步性。HashSet是用于存储不重复元素的集合。

引用: HashMap和Hashtable都实现了Map接口，主要的区别有：线程安全性，同步(synchronization)，以及速度。HashMap几乎可以等价于Hashtable，除了HashMap是非synchronized的，并可以接受null(HashMap可以接受为null的键值(key)和值(value)，而Hashtable则不行)。  HashMap是非synchronized，而Hashtable是synchronized，意味着Hashtable是线程安全的，多个线程可以共享一个Hashtable；而多个线程是不能共享HashMap的。Java 5提供了ConcurrentHashMap，它是HashTable的替代，比HashTable的扩展性更好。另一个区别是HashMap的迭代器(Iterator)是fail-fast迭代器，而Hashtable的enumerator迭代器。 HashMap可以通过下面的语句进行同步：Map m = Collections.synchronizeMap(hashMap); 
引用:HashMap和Hashtable两个类都实现了Map接口，二者保存K-V对（key-value对）；HashSet则实现了Set接口，性质类似于集合。
引用:HashSet：散列表，无序的，不会记录插入的顺序，实现了 Set 接口，以对象作为元素，拒绝接受重复的对象，底层依靠 HashMap来存储数据， 底层使用HashTable来保证元素的不重复性，实际上使用的是HashMap的一个实例。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
-  *1* [java集合HashMap、HashTable、HashSet详解](https://blog.csdn.net/weixin_38166557/article/details/99230114)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
-  *2* [浅析Java中Map与HashMap,Hashtable,HashSet的区别](https://download.csdn.net/download/weixin_38570296/12813847)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
-  *3* [Java:HashMap、HashSet、HashTable](https://blog.csdn.net/weixin_48493408/article/details/123465326)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值