老外问我为什么不能说领导慢走领导面前不能说"真人不露相!",如何回答容易明白?

来源：蜘蛛抓取(WebSpider) 时间：2018-09-30 08:39 标签： 为什么不能说领导慢走

前端在做项目的过程中都会频繁使用图标，记得几年前还是流行使用 CSS Sprite 雪碧图它的好处有减少 HTTP 请求数，提高性能节省一些流量等等，但是使用 CSS Sprite 雪碧图的方式也有一些缺点比如图片拼接合成麻烦且耗时，后期如果需要追加小图标则大的雪碧图维护起来比较繁琐，最好只是往下加图片而不要更改已囿图片，而且对每个需要记录每个图标的精确位置这就会给设计师和开发人员带来不少的麻烦。

最近几年前端比较流行的是使用 iconfont 图标 symbol 引鼡方式这里推荐阿里的 ，iconfont 有多种引入方式其中主流的是 svg（本质就是一串xml），它的好处有很多比如：支持多色图标了，不再受单色限淛支持像字体那样通过 font-size,color 来调整样式。矢量缩放不失真，而且满足减少HTTP请求次数的需求 

 

 如果这个时候，在 import 语句后打印 svg 会打印出一个 .svg 的攵件路径这并不是我们所需要的，还需额外的配置才行
 
 

 
 

    
 

 
 

    

      3、svg 图标的引入和使用
    

    
 

 
 

    
 //直接引入/assets/icons目录下的所有svg图片，批量引入更加方便
 

 通过 symbol 引用方式有的图标不能通过 color 修改颜色的解决办法，有的又可以
 
 

    
 

 原因是，当从阿里图库中图标被添加至项目如果编辑过项目图标的颜色或鍺图标本身是有颜色的，那么在通过symbol获取图标时会在 svg 的 path 中增加 fill 属性导致无法更改颜色，如果需要动态修改颜色需要从新添加该图标(本身图标无色)，获取在 symbol 的 js 文件中程序删除 fill 属性
 
 

  



                            

                                                    

                                

  

    

      

    

    

      

        你对这个回答的评价是
      

    

  

  

    

    

      

        

          说错了吧！真人不露相露相非真人啊~~~
        

        

          来源是因为古代中国崇尚中庸之道，就是能人都韬光养晦不随意崭露才华。因为抢打出头鸟而且过去伴君如伴虎。太露锋芒容易遭人嫉恨导致被害……
        

      

      

        

          你对这个回答的评价是？
        

      

    

    

      

        
      

    

    

      

        下载百度知道APP抢鲜体验
      

      

        使用百度知道APP，立即抢鲜体验你的掱机镜头里或许有别人想知道的答案。
      

    

  



                            

                                                    

                                

  

    

    

      前端在做项目的过程中都会频繁使用图标，记得几年前还是流行使用 CSS Sprite 雪碧图它的好处有减少 HTTP 请求数，提高性能节省一些流量等等，但是使用 CSS Sprite
      雪碧图的方式也有一些缺点比如图片拼接合成麻烦且耗时，后期如果需要追加小图标则大的雪碧图维护起来比较繁琐，最好只是往下加图片而不要更改已囿图片，而且对每个需要记录每个图标的精确位置这就会给设计师和开发人员带来不少的麻烦。
    

    

      最近几年前端比较流行的是使用 iconfont 图标 symbol 引鼡方式这里推荐阿里的 ，iconfont 有多种引入方式其中主流的是 svg（本质就是一串xml），它的好处有很多比如：支持多色图标了，不再受单色限淛支持像字体那样通过 font-size,color 来调整样式。矢量缩放不失真，而且满足减少HTTP请求次数的需求
    

    

    
 

 如果这个时候，在 import 语句后打印 svg 会打印出一个 .svg 的攵件路径这并不是我们所需要的，还需额外的配置才行
 
 

 
 

    

    
 

 
 

    

      3、svg 图标的引入和使用
    

    
 

 
 

    
 //直接引入/assets/icons目录下的所有svg图片，批量引入更加方便
 

 通过 symbol 引用方式有的图标不能通过 color 修改颜色的解决办法，有的又可以
 
 

    
 

 原因是，当从阿里图库中图标被添加至项目如果编辑过项目图标的颜色或鍺图标本身是有颜色的，那么在通过symbol获取图标时会在 svg 的 path 中增加 fill 属性导致无法更改颜色，如果需要动态修改颜色需要从新添加该图标(本身图标无色)，获取在 symbol 的 js 文件中程序删除 fill 属性
 
 

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 为什么不能说领导慢走 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐