###字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的，但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时，有一种技术的出现很好的解决了以上问题，就是字体图标 iconfont。 字体图标可以为前端工程师 ...
分类：
Web程序 时间：
2021-07-05 17:35:44
阅读次数：
0
雪碧图是把各种小图标集合在一起的png图片，通过background-position来展示雪碧图中不同位置的小图标，比如以下图片，在项目中要用到的小图标很多，如果每一个图标都作为一个png或者jpg图片，这样会增加非常多的网络请求，所以把很多小图片组合在一起是一个很不错的选择。 ? 在用backg ...
分类：
Web程序 时间：
2021-05-24 09:46:05
阅读次数：
0
一、精灵图 -->网站中的小图标，放在一张大的png中，使用小图时测量容器的大小，测量小图在整个精灵图中的位置，在background中设置负的位置 二、盒子模型 1、构成：内容 + padding + border + margin （margin控制位置，其余三个控制大小） 2、margin : ...
分类：
Web程序 时间：
2021-04-13 12:43:30
阅读次数：
0
字体图标 使用文字做出小图标的效果并超越了小图标应用精灵图，使得图标变得灵活，减少了请求次数，优化了界面的性能。字体图标本身为矢量图。 字体图标的使用过程 1.UI设计字体图标效果图 使用illustrator或者Sketch矢量图软件创建icon图标，并保存svg格式。 2.前端上传生成兼容性字体 ...
分类：
Web程序 时间：
2020-12-23 12:16:07
阅读次数：
0
一、web.xml配置文件常用元素及其意义预览二、各个配置元素详解1.Web应用图标：指出IDE和GUI工具用来表示Web应用的大图标和小图标2.Web应用名称：提供GUI工具可能会用来标记这个特定的Web应用的一个名称3.Web应用描述：给出于此相关的说明性文本4.上下文参数：声明应用范围内的初始化参数注：在servlet里面可以通过getServletContext().getInitPara
分类：
Web程序 时间：
2020-12-10 11:05:00
阅读次数：
10
优秀，Bootstrap首次开源自己的图标库公众号关注“架构师学习营”设为“星标”，带你学习更多架构师知识！大家好，这里是架构师学习营。今天给大家介绍bootstrap。在网页制作中，我们经常会用到小图标，但是找到好看的小图标真的很不容易！但现在就不一样了，Bootstrap开源自己的图标库啦~接下来就带大家看看bootstrap的图标库。正文NEWS介绍：Bootstrap是一个用于快速开发We
分类：
其他好文 时间：
2020-11-12 14:34:01
阅读次数：
29
为什么要用精灵图？ 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 如何去减轻服务器压力，减少加载图片的时间 图片的懒加载 精灵图 CSS精灵图定义 1. CSS sprites 2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标 使用 background-ima ...
分类：
Web程序 时间：
2020-08-19 19:17:27
阅读次数：
85
长按二维码，关注我们GitHub地址：https://github.com/yinjihuan/smjdbctemplate大家自己下载源码编译安装到本地仓库即可使用,当前版本号为1.0.2<!--jdbcorm--><dependency><groupId>com.cxytiandi</groupId><artifactId>cxyti
分类：
数据库 时间：
2020-08-03 23:19:07
阅读次数：
85
长按二维码，关注我们每天踩点坑，每天成长一点点，这样工作才会变得有趣。微信JSSDK踩坑记录。在我们有房APP1.1的版本中增加了房产资讯的功能，昨天晚上有同事在群里反馈从APP中分享的资讯到微信中，然后再次分享出去的时候标题和小图标不见了，见下图：图标问题展示页面图标问题展示页面标题的问题比较简单，只需要在title标签中把文章的标题添加进去就行，这个小图标就麻烦了，花了一整天的时间去踩这个坑。
分类：
微信 时间：
2020-08-03 23:18:42
阅读次数：
170
在head标签中添加： <link rel="Bookmark" type="image/x-icon" href="b/img/icon/favicon.ico" /> <link rel="icon" type="image/x-icon" href="b/img/icon/favicon.ic ...
分类：
Web程序 时间：
2020-08-03 13:30:30
阅读次数：
101
