在移动端Web项目开发中,我们往往需要用到一些小图标,比如搜索,返回,小菜单,小箭头等等..这如果还用切图你就OUT了.. 而这时CSS3提供的字体图标无疑是我们最好的选择,它就像字体一样,可以设置大小,颜色等样式,美滋滋. 而阿里巴巴矢量图标库 ,各个设计师们为我们制作了海量的小图标,任君选择  截至目前2017.12.8日 已经拥有了约185万个图标 链接:http://www.iconfont.cn/ 好了,进入正题. 第一步:打开上述链接 ,进入图标库,哦对了,还得登陆,然后在图标库右上…

在fluttter中引入第三方图标库的具体方法: 1.在阿里图标库选好需要用的图标,添加进购物车将选好的图标打包下载到本地(下载代码),复制iconfont.ttf文件到项目中 2.存放途径:lib/assets/icons/iconfont.ttf 3.打开项目根目录中的pubspec.yaml文件,在flutter中增加配置[默认里面有配置案例注释修改一下就可以了],MyIcons为自定义名称 flutter: fonts: - family: MyIcons fonts: - asset:…

像 px.em 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位.CSS3 又引入了新单位:vw.vh.vmin.vmax.下面对它们做个详细介绍. 一.基本说明 1,vw.vh.vmin.vmax 的含义 (1)vw.vh.vmin.vmax 是一种视窗单位,也是相对单位.它相对的不是父节点或者页面的根节点.而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%. 视窗(Viewport)是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览…

像 px.em 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位.CSS3 又引入了新单位:vw.vh.vmin.vmax.下面对它们做个详细介绍. 新单位也成为视窗单位,视窗(Viewport)单位已经有了好几年了,但我们并没有看到它被经常使用.它们现在正在被所有的主流浏览器所支持并提供独特的功能使它在特定情况下非常有用,特别是那些涉及响应式的设计. 1.基本说明 长度单位 作用 特性 px 页面按精确像素展示 绝对单位 em 基准点为父节点字体的大小 相对单位 rem 相对根节…

抵不住朋友的诱惑,今天终于入手了一台阿里云服务器,是Ubuntu 1.4 32位版本,最初考虑是用来尝尝鲜只是买了个最低配的,价格算起来与在国外买个空间的价格相当吧(可能一年才贵100多),但用起来感觉就很不错,速度那是一个字:快. 自从倒戈向Linux世界后,对于一切大而全的开发框架与软件都有一种不讨喜的感觉,个人更喜欢于使用那些小而精,高性能高产生力的软件和开发框架,So 我现在的第一语言是Python和Coffee,开发框架就当然是 AngularJS (前端) + Flask (后端)…

http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下 我们在做js动画的时候,很多时候都需要做回调处理,如在一个动画完成后触发一个事件.一个动画完成后执行另外一个动画等等,但在使用CSS3动画时能不能捕获到运动的状态做回调处理呢? CSS3动画也是可以做回调处理的,这里分为两个属性,一个是transition[w3c文档],另外一个是animation[w3c文档]. 1.transition 对于trans…

http://geek.csdn.net/news/detail/110586 作者: 周遥,阿里技术专家,花名玄胤,毕业于四川大学.六年大型分布式与中间件系统经验,三项国家专利,参加过多次“双十一”.2013年从零开始带出VIPServer,目前已成为集团环境管理与路由的标准. 王建伟,阿里巴巴工程师,花名正己,西北工业大学计算机学院硕士毕业.目前在阿里中间件技术部软负载小组负责VIPServer系统. 本文为<程序员>原创文章,未经允许不得转载,更多精彩文章请订阅2016年<程序员&…

参考文章出自:https://www.hangge.com/blog/cache/detail_1715.html…

http://icomoon.io/app/ 可以选择跟简单调整图标打包成css3 字体下载, http://www.flaticon.com/categories/weapons…

实现 阿里图库:https://www.iconfont.cn/ CSS3:[attribute*=value] 选择器 步骤 1. 加入购物车 2. 下载代码解压,复制iconfont.css app.wxss(注意!!! 小程序不支持组件内某些选择器) [class*="icon-"] { font-family: "iconfont" !important; font-size: inherit; font-style: normal; } index.wxs…