聊聊Iconfont】的更多相关文章

一.前言 说起Iconfont,对大多数人来说可能不是什么新的技术了,现在好多大网站已经开始使用Iconfont.博主今天主要是简单说一下它的使用方法,聊聊使用它时可能遇到哪些坑,不熟悉的同学可以简要看一下,资深了解的同学,如果发现问题,还请指正. 二.什么是Iconfont 有的同学可能会问什么是Iconfont ? 其实,Iconfont 就是指用字体文件取代图片文件,来展示图标.特殊字体等元素的一种方法. 那么哪些网站在用它呢?有什么优缺点?以及如何使用它,接下来我们一一解答这几个问题.…
背景 对于前端而言,图标的发展可谓日新月异.从img标签,到雪碧图,再到字体图标,svg,甚至svg也有了类似于雪碧图的方案svg-sprite-loader.雪碧图没有什么好讲的了,只是简单地利用了background-position来做图标定位.今天咱们先聊聊怎么使用字体图标和svg图标.其实字体图标也不陌生了,bootstrap,font-awesome,element-ui等UI库都基本标配了字体图标. 简单说下原理 unicode预留了E000-F8FF范围作为私有保留区域,这个区间…
0x00 前言 目前所在的团队实行敏捷开发已经有了一段时间了.敏捷开发中重要的一个话题便是如何对项目进行恰当的版本管理.项目从最初使用svn到之后的Git One Track策略再到现在的GitFlow策略,中间有经验也有教训,所以记录在本文,既是和各位朋友交流也供自己日后查阅. 0x01 基础:Unity项目如何做版本管理? 为什么更喜欢git? 初来项目组到时候,项目还在使用SVN作为版本管理的工具.作为一个不喜欢SVN的人,自然而然想到了换用git来做版本管理.这里当然并不是说svn不如g…
前言: 其实小匹夫在U3D的开发中一直对U3D的跨平台能力很好奇.到底是什么原理使得U3D可以跨平台呢?后来发现了Mono的作用,并进一步了解到了CIL的存在.所以,作为一个对Unity3D跨平台能力感兴趣的U3D程序猿,小匹夫如何能不关注CIL这个话题呢?那么下面各位看官就拾起语文老师教导我们的作文口诀(Why,What,How),和小匹夫一起走进CIL的世界吧~ Why? 回到本文的题目,U3D或者说Mono的跨平台是如何做到的? 如果换做小匹夫或者看官你来做,应该怎么实现一套代码对应多种平…
中国互联网的三大错觉:索尼倒闭,诺基亚崛起,谷歌重返中国.12月8日,2016 Google 开发者大会正式发布了Google Developers 中国网站 ,包含了Android Developers 的官网.文档.博客教学视频等开发技术资源,同时也透露了 Angular 和 Firebase 也作为在中国的技术重头戏.更多可以看看这篇文章-- Google开发者大会给我们带来了什么,还有 @CSDN移动的采访 -- 关于 Google 的疑问,我们在这里得到了解答. 再来看看本期 fir.…
扯淡 随着app应用的崛起,后端服务开发的也越来越多,除了很多优秀的nodejs框架之外,微软当然也会在这个方面提供更便捷的开发方式.这是微软一贯的作风,如果从开发的便捷性来说的话微软是当之无愧的老大哥,只是鱼和熊掌不能兼得,各种语法糖带来开发的便利势必会牺牲程序运行的性能,这是无可避免的,通用和效率永远是需要程序员去取舍的话题.扯淡到这就完了,下来就聊聊今天的主角web api,web api 是mvc4.0之后出现的一种技术吧,他的创建和带来的便利我就不介绍了.这边文章主要聊聊,我对web…
0x00 前言 在上一篇文章<妥协与取舍,解构C#中的小数运算>的留言区域有很多朋友都不约而同的说道了C#中的decimal类型.事实上之前的那篇文章的立意主要在于聊聊使用二进制的计算机是如何处理小数的,无非我接触最多的是在托管环境下运行的高级语言C#,因此顺带使用了C#作为例子.一方面说明了计算机处理小数的本质,也起到了提醒各位更加关注本质而非高级语言表象的作用.当然,那篇文章中主要提到的是二进制浮点数double和float(即System.Double和System.Single,下文中…
聊聊 sizeof 运算 在这两次的课上,同学们已经学到了数组了.下面几节课,应该就会学习到指针.这个速度的确是很快的. 对于同学们来说,暂时应该也有些概念理解起来可能会比较的吃力. 先说一个概念叫内存的错误访问.对应的运行错误可能是段错误等.同学们暂时脑海中有这个概念而不用深究. 内存的访问错误,多数情况下都是数组和指针导致的.这里简单的说下如何使用sizeof运算符避免数组中的错误访问. 假设有这样的一个数组,char a[11],之前,如果想要将这个数组填充满,大家可能使用这样的做法: f…
摘要 用一句话概括 Apache License 就是,你可以用这代码,但是如果开源你必须保留我写的声明:你可以改我的代码,但是如果开源你必须写清楚你改了哪些:你可以加新的协议要求,但不能与我所 公布的协议要求产生冲突:你用这代码干什么我不管,但是你不能让我承担任何责任. 事出有因 开源协议 Apache License 一句话 事出有因 前些天有朋友提醒我,KJFrameForAndroid中的DB模块使用的是基于afinal的finalDB模块确没有在代码中给出声明.对 此我很抱歉,已经立即…
iconfont对于前端应用来说有很多便捷: 1.自由变化大小 2.自由修改颜色 3.可以添加一些视觉效果如:阴影.旋转.透明度. 4.兼容IE6 在线引用和下载到本地两种方法 一.在线引用 图标的制作和上传可以参照官网给出的文档:Page 1 图标的下载和使用官网上说的不是很清楚,简单介绍下: 1.首先在Iconfont-阿里巴巴矢量图标库(微博登录)上面将你需要的图标点击购物车按钮加入“暂存架” &amp;lt;img src="https://pic2.zhimg.com/6a10…