iconfont 三种使用姿势 1.unicode格式 优点 兼容性最好,支持ie6+ 支持按字体的方式去动态调整图标大小,颜色等等 缺点 不支持多色图标 在不同的设备浏览器字体的渲染会略有差别,在不同的浏览器或系统中对文字的渲染不同,其显示的位置和大小可能会受到font-size.line-height.word-spacing等CSS属性的影响,而且这种影响调整起来较为困难 使用方法: 第一步:引入自定义字体 `font-face @font-face {font-family: 'icon…

Atitit.为什么小公司也要做高大上开源项目 1. 为什么手头有很多加急的事情还要做高大上开源项目??1 2. 从长远看,发展 高大上开源项目计划对于解决我们在应急项目正面临着的种种严峻问题也大有裨益,1 3. 但是,我们不能仅靠搁置高大上开源项目之旅,就能实现应急项目2 4. 我们在高大上开源项目计划上所作出的努力,会有助缓解甚至最终解决 严峻问题2 5. 刺激技术发展和酝酿科学知识2 6. 高大上技术不能为直接提供资助,但它会为我们带来许多新技术.新技能2 7. 高大上技术他们的研究将会为…

前言 不会 webpack,遇到报错就一头雾水,完全不知道怎么办,而且体积还大速度还慢. 所以尤雨溪做了 vite 后就很向往,只是知道自己水平有限还是等大佬先趟趟坑,等差不多了在跳. 现在vite2发布了,官网也有了,网上也能找到大佬写的相关资料,时机应该成熟可以往里跳了. 所以打算做个开源博客,一边做这个小项目,一边学习 vite2 和vue3,还有相关知识. 为啥选择博客呢?因为功能相对比较简单,不考虑皮肤等功能的话. 而且大家都比较熟悉,没写过博客总看过博文吧. 所以呢,业务需求方面一说…

前言 现在前端发展的太快,前端优化也是,图片也是被近2年来比较火的就是阿里图库取代了,不管小程序还是H5 都在用 好了,那么就介绍下如何使用吧 阿里图库 当然需要你到阿里官网 http://www.iconfont.cn/ 注册这个流程我这边就不讲啦 ,到你的项目管理中 选中 Font class  然后点击下载至本地 然后解压那个下载的包,双击打开 选中上面蓝色5个文件,然后放到你的项目中 H5 我是在这个项目中新建了 iconfont 图库,然后放进去 因为我是在vue 中引用 这样写就可以…

选择使用Unicode时: 正常使用如下,显示也是正常: <i className="iconfont"></i> 使用map去循环时,需将原本的,改成\ue600 具体原因:查看网上的其他博主,没看到合理的解释,目前理解成,需要转义 let otherStyle=[{ icon:'\ue7e5', name:'微信' },{ icon:'\ue666', name:'QQ' },{ icon:'\ue62a', name:'新浪微博' },{ icon:'…

继Weex之后,阿里在移动技术领域又有开源大动作. 3月13日,手机淘宝安卓客户端容器化框架Atlas正式宣布开源(https://github.com/alibaba/atlas ).Atlas由阿里巴巴移动团队自研,以容器化思路解决大规模团队协作问题,实现并行开发.快速迭代和动态部署,适用于Android 4.x以上系统版本的大小型App开发. Atlas特别适用于大规模团队的协同开发.通过提供组件化.动态性.解耦化的支持,Atlas能够实现每个业务在开发阶段独立编译.独立调试.独立运行,最…

我们在做web项目的时候,之前比较常用的是bootstrap,所以使用font awesome字体图标比较多,无意中在一个项目中接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!今天就写个文章介绍下: 阿里图标官方地址:  http://iconfont.cn/ 一.登录注册,这步就不说了直接跳过 二.注册后,可以先浏览图标,添加到购物车 可以去相关的图标库里头,搜图标,然后右键添加到购物车里头.如图购物车会多一个图标. 三.点击购物车,如图步骤,就可以添加到proj…

一.Seata 概述 Seata 是 Simple Extensible Autonomous Transaction Architecture 的简写,由 feascar 改名而来. Seata 是阿里开源的分布式事务框架,属于二阶段提交模式. 目前github上已经有 12267 颗星了,也很活跃,最新的提交时间很多都是几天前. 首先我们回顾一下在单体应用中,例如一个业务调用了3个模块,他们都使用同一个数据源,是靠本地事务来保证事务一致性. 但在微服务架构中,这3个模块会变为3个独立的微服务…

大家好,我是麦小米,是狂师老师全栈测开训练营中的一名学员. 如果之前做过iOS自动化的同学相信都知道,一直以来,iOS自动化的实现&执行都必须依赖 Mac 系统,其主要原因是因为需要通过 xcodebuild 编译&安装WDA (WebDriverAgent)到 iOS 设备中,通过WDA实现对被测应用进行操作.导致想要做iOS自动化 就必须拥有 Mac 设备的现象. 作为一名测开新手,在学习完移动端自动化测试后,兴致满满要实践一番,无奈公司只配备了windows电脑,怎样进行iOS自动化…

图标选购网址:http://www.iconfont.cn/ 1.从阿里妈妈网站选购好小图标,加入购物车,下载好文件: 2.把字体文件放入字体(font)文件夹(tff)(woff),(eot) 3.样式表里面引入以下内容(../font 这个是根据相对路径做出相应的选择) @font-face {font-family: 'iconfont';     src: url('../font/iconfont.eot'); /* IE9*/     src: url('../font/iconfo…

先了解下SSO 对于单点登陆浅显一点的说就是两种,一种web端的基于Cookie.另一种是跨端的基于Token,一般想要做的都优先做Token吧,个人建议,因为后期扩展也方便哦. 小程序也是呢,做成token的形式是较好的. 流程图 PS:图中4的文字打错了~ 1.启动服务 2.小程序初次加载app.js校验token,使用code去换取token 3.检测User信息是否存在code,不存在则注册新用户,最后返回对应用户Id 4.将随机Token与UserId一起存入Redis中 5.返回To…

django-rest-framework,即drf的api文档,包括自带的文档和其他三方文档,比如swagger.DRF Docs等 https://www.django-rest-framework.org/topics/documenting-your-api/#drf-autodocs 可以直接使用本地部署 阿里妈妈前端团队出品的开源接口管理工具RAP第二代 :https://github.com/thx/rap2-delos:第一代已经不维护了:https://github.com/t…

下载阿里的字体图标库文件,放在\src\assets\font文件夹下面. 安装style-loader,css-loader和file-loader (或url-loader)  ,记得--save-dev webpack的配置文件中添加: { test: /\.css$/, use:['style-loader','css-loader'] }, { test:/\.(ttf|eot|woff|woff2|svg)$/, use:['file-loader'] } 入口文件main.js引入…

我们使用element-ui.vue开发网站的时候,往往图标是起着很重要的作用. 下面是vue.element-ui项目,如何使用阿里iconfont图标库的方法. 准备工作 1. 先注册,再登录.找到图标管理.我的项目 2. 点紫色的这个创建自己的项目 3. 图中画红线的地方很重要 1).FontClass/Symbol前缀这个很重要,一定不要写成:el-icon-***这样的形式. 如果你写成这样的前缀,会和element-ui框架所带的图标(icon)冲突,导致你图标显示不出来 2).Fo…

最近栈长注意到阿里开源了自家的 Mock 工具:TestableMock,该工具号称最轻量.简单.舒适的 Mock 测试工具,功能十分强大,媲美 PowerMock,用法比 Mockito 还要简洁,还不挑框架,指哪换哪,一个 @MockMethod 注解打天下... 这么强大的么?栈长赶紧来体验一翻! TestableMock 简介 TestableMock 开源地址: https://github.com/alibaba/testable-mock TestableMock 在 2020 年…

这段时间自己在阿里云上搭建了jumpserver3.0,在安装过程中需要输入邮箱smtp地址,输入之后会有一封验证邮件的,但是在阿里云ECS服务器上却无法收到邮件.查阅了阿里云官方的说明: 为什么无法访问 25 端口? 基于安全考虑,ECS 服务器 25 端口默认受限,请提交工单申请解封,详情请参考TCP25端口控制台解封申请.更多应用,请参考经典网络的应用案例和VPC ECS 实例公网访问控制. 参考:TCP 25 端口控制台解封申请…

上周,微软和阿里巴巴共同推出了开放应用模型(OAM),用于定义部署在任何地方的应用模型的一种规范.Rudr是Microsoft基于Kubernetes环境的OAM标准实现. 我用了一个周末来了解OAM试图解决的问题,为此我还以Rudr为基础重构了一些我喜欢的基础微服务的应用程序.本文和以下教程将帮助普通的Kubernetes用户了解OAM背后的动机. 众所周知,Kubernetes是一个复杂的平台,包含许多活动组件.在编排和部署简单的两层Web应用程序时,需要涉及到创建Storage Class…

简介 Alibaba Dragonwell 是一款免费的, 生产就绪型Open JDK 发行版,提供长期支持,包括性能增强和安全修复.阿里巴巴拥有最丰富的Java应用场景,覆盖电商,金融,物流等众多领域,世界上最大的Java用户之一.Alibaba Dragonwell作为Java应用的基石,支撑了阿里经济体内所有的Java业务.Alibaba Dragonwell完全兼容 Java SE 标准,您可以在任何常用操作系统(包括 Linux.Windows 和 macOS)上开发 Java 应用程…

项目搭建好了之后是不是可以编码了呢? 等等不要着急,我们是不是应该先设计一下?比如博客的功能等? 博客设计 先做个简单的个人博客,因为是个人版,所以可以省略注册.登录这些功能,表结构也可以简单一点. 基础功能:添加博文.显示博文.博文列表+查询+分页.讨论列表和添加讨论. 虽然功能弱了一点,但是麻雀虽小五脏俱全,vite2 和 vue3 的基础用法也可以体现一些. 功能设计 是不是做成图更明显一些? 代码设计 model设计 model代码 先来看看 model 的代码. /src/model/…

我们再来看一下管理类的设计. Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了. 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm, blogList, articleList, discuss, discussList } from './blogModel' impo…

github地址:https://github.com/hejunlin2013/SuperIndicator SuperIndicator a superindicatorlibray for viewpager Gradle Usage License…

前言 本篇文章其实陆陆续续写了快半年,主体部分写好了很久了,但由于种种原因一直没有发布.首先来说说写这篇文章的主要初衷是:在做前端后台项目的时候经常会用到很多 icon 图标,刚开始还好,但随着项目的不断迭代,每次修改添加图标会变得很麻烦,而且总觉得不够优雅,就开始琢磨着有啥简单方便的工作流呢? 演进史 首先我们来说一下前端 icon 的发展史. 远古时代在我刚开始实习时,大部分图标都是用 img 来实现的.渐渐发现一个页面的请求资源中图片 img 占了大部分,所以为了优化有了image spr…

一.Otter简介 1.1  otter是什么? otter 译意: 水獭,数据搬运工 语言: 纯java开发 定位: 基于数据库增量日志解析,准实时同步到本机房或异地机房的mysql/oracle数据库. 一个分布式数据库同步系统.Ottter是由阿里开源的一个数据同步产品,它的最初的目的是为了解决跨国异地机房双A架构,两边可写的场景,开发时间从2011年7月份一直持续到现在,目前阿里巴巴B2B内部的本地/异地机房的同步需求基本全上了Otter.Otter基于数据库增量日志解析,支持mysql…

昨天,我们将分布式消息中间件RocketMQ捐赠给了开源软件基金会Apache. 孵化成功后,RocketMQ或将成为国内首个互联网中间件在Apache上的顶级项目. 消息一出,本以为群众的反应是这样的: 然而事实上,群众的反应是这样的: 今天,特别邀请到阿里巴巴中间件(Aliware)技术研究员蒋江伟(花名:小邪)跟大家分享一下RocketMQ开源的前世今生. Q:能否简单介绍下RocketMQ的历史 A:早在2007年,阿里巴巴中间件团队就自主研发了Notify消息中间件,大范围应用于生产系…

最近对阿里和华为的开源镜像站做了深度体验,并将评测结果分享给大家: 一.评测产品: 华为开源镜像站(https://mirrors.huaweicloud.com/)以下简称 华为 阿里开源镜像站(https://opsx.alibaba.com/)以下简称 阿里 二.硬件信息 三.网络状态: 四.测试过程: 首先测试Maven拉取settings.xml文件信息 阿里: 华为: pom.xml文件 五.测试结果: 阿里: 华为: 六.评测结论: 从测试Maven拉取速度上阿里略胜一筹. 从界面…

配置中心相信大家都有听过,zookeeper.apollo等等都是配置中心的代表,但大部分都是JAVA系为主的,笔者主要开发语言使用的是Golang当然也有类似于ETCD这样的组件,但是并不方便管理也无法可视化,在无意之间发现了阿里爸爸开源了nacos这个服务发现+配置中心组件,也经过了一段时间的时候在这里分享给大家 附上: 喵了个咪的博客:w-blog.cn Nacos官方Git地址:https://github.com/alibaba/nacos Nacos官方文档地址:https://na…

新浪科技李根 整理报道 卫哲现在是御嘉基金的创始合伙人,他另一个更加知名的身份是阿里巴巴(B2B)前CEO,在2006年到2011年的时间里,卫哲见证了阿里巴巴如何利用人才.资本和方向选择一路壮大. 在成立御嘉基金后,作为投资人,他也对阿里巴巴的创业成功经验有了更多的理性分析. 在同是阿里校友的初橙资本举办的阿里校友交流活动上,卫哲细致地讲诉了在创业三要素——人.钱和方向上,阿里巴巴可以提供的经验. 比如在找人方面,他认为马云之所以可以成功,是能够吸引蔡崇信这样的人才加入,特别是在公司发展初期,…

导语:本文中,阿里云资深技术专家黄省江(花名禅笑)将聚焦“SaaS加速器——让天下没有难做的SaaS”,对伙伴来说,SaaS加速器帮助他们做好SaaS,卖好SaaS:对企业来说,SaaS加速器帮助他们选好SaaS,用好SaaS.同时,也全面展示了SaaS加速器的产品堆栈和最新成果. 上一Part辛总分享了阿里云不敢做SaaS的原因,顺着他的话题我来讲一下我的感受,确实我们是不敢做.不敢做不是因为To B的链条太长,毕竟阿里云现在有To B自有的产品,然后商业以及服务体系里面也建立了自己的一整套班…

没有一个冬天不可逾越,也没有一个春天不会到来. 介绍一下新蜂商城的近况,同时,新蜂商城 Vue 版本目前也在开发中,在这篇文章里我也向大家公布一下新蜂商城 Vue 版本的开发进度,和大家同步一下,在不久后也会进行所有源码的开源. GitHub 上最热门的项目榜单 有一天,群里的一位朋友忽然发了一个链接,提到新蜂商城(newbee-mall)项目上了 "GitHub 上最热门的开源项目",当时的文章链接大家可以点击下方图片查看,这张图片也是当时公众号文章发布时的头图,来源于"开…

阿里OSS:好处就是,那是一套完整的体系,存储,数据库,CDN,服务器,阿里都可以给你全包.缺点,费用对于没有盈利的网站来说太高了,好像定位就是给那些高端客户使用的,而且CDN,OSS的流量是分开收费,带宽(2倍成本,呵呵).又拍云:算是老牌静态存储服务商,自带有CDN.存储空间可以弹性增加(不知道可不可以弹性减少,我只是免费使用了一下).费用计算公式(空间和流量),请求次数是免费.可免费试用7天.开源的程序(DZ,PW,WP)都有插件,也可以直接使用FTP,对于技术上要求不是太高就可以使用.七…