这次给大家带来JS实现默认头像填充，JS实现默认头像填充的注意事项有哪些，下面就是实战案例，一起来看一下。
在我的不少项目中，都有缺省头像的问题。为了保持个性和方便辨认，会给没有头像的用户填充带名字的头像。
代码分享：https://github.com/joaner/namedavatar
调用简单
如果上传头像不存在，直接会在 标签上填充默认头像，用户名从alt获取：
@@##@@ @@##@@
如果资源无效，namedavatar.setImgs()就会填充alt里的用户名，src变成这样
@@##@@Hanks ">
相比其它类似项目
首先对中文姓名的支持更好
直接在
标签上填充data URI，绿色无添加，应用成本更低
基于
支持的配置项更多，比如可以定义显示哪部分，或是随机背景颜色
也支持Vue.js的 directive 指令方式
import { directive } from 'namedavatar/vue'
// register as directive
Vue.directive('avatar', directive);
// in vue template
@@##@@
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
支点微信墙程序 F2.0
下载
支点微信墙F2.0推出了!在前段时间推出的F1.0的基础上，新加了微信摇一摇和启动仪式的功能。修复了微信墙无默认头像的功能，修复了微抽奖的BUG，修复了微信公众平台有时接收信息不回复的功能。（原F1.0功能介绍：现场关注主办方微信公众号,粉丝迅速涨,让大家都High起来吧!互动加粉,触手可得!微信墙文字抽奖,一墙搞定!通过微信平台,你可以实现文字讨论,更能够实现投票,对对碰,交换名片等趣味性和互动
webpack无法通过IP地址访问localhost怎么办？
