首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Web Icon 123 - 网页图标的调用

设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。...值得一提的是,Iconfont 上面所有的图标都可以通过 阿里云的CDN alicdn.com 免费调用;并且可以将多个图标添加至一个项目内,通过代码让所有选择的图标可以在网页里自由调用。...Iconfont的图标由众多知名或不知名的设计师设计,并且开放给公众免费下载、调用;图标数量何止千千万万。而因为设计师都会是中国人,自然也少不了中国本地化的图标。...使用中文或者英文搜索你所需要的图标,把鼠标移到想要的图标上方,然后点击“购物车”按钮。重复此步骤选择完所有图标以后,点击右上角的购物车按钮,然后把所有图标全部添加到一个项目。...这个项目已经转向商业化,最后完全免费的版本停留在 4.7.0,可以认为不会再被更新;加上图标较少,个人不太推荐大量使用,仅仅作为图标补充即可。

2.7K130

【实战】Vue.js 图标选择组件开发

在项目中本人使用的是 Fontawesome 图标库方案,使用它是因为提供的可用图标比较丰富,基本上不需要特意去找合适的图标,直接把它的图标库下载过来,免费的有800多个。...name放到一个 solid.js 文件中,输出为数组,在组件中引入,然后就是循环数组 iconList,输出i标签,Fontawesome 的使用方式是:<i class="fas fas-<em>图标</em>name...在组件平级新建一个 index.<em>js</em> 文件 image.png import IconsCompontent from '....,这里是所有组件的集合 image.png 最后一步是在 main.<em>js</em> 中注册: import CustomComponents from '....原文链接:https://blog.zhangbing.site/2018/12/01/Vue-<em>js</em>-<em>图标</em>选择组件实践/ 作者简介:做工程不做码农(微信公众号同名),Web前端工程师,7年开发经验,坐标杭州

3.2K10

js实现:输入密码才能打开网页js实现密码保护的网页

js实现:输入密码才能打开网页,即js实现密码保护的网页。...(password()); 可能有人会疑虑,密码就在代码中,如果别人查看一下源码就知道密码了, 嗯哪,确实存在这个问题,虽然上面代码中做了些防护,如果密码输不对的话,就返回上一页,但只要在浏览器中关掉js...功能就可以打开网页查看js源码, 那么如何解决呢?...当然有办法,使用js密码加密混淆啊,出大招:Jshaman(http://www.jshaman.com/),可以在线加密js代码, 就把上面的代码,用jshaman加密一下,加密后代码如下: var...js实现密码保护的网页,就是这么简单。 PS:有网友问,上面的代码怎么用。哦,很初级的问题,这样:在html文件中,放在script标签里就可以了。

5.6K30
领券