字体图标

前端性能优化的几种方案

③使用字体图标或CSS绘制，来代替部分图片。2、加快请求速度①预解析DNS②使用HTTP2.0③并行加载④CDN分发⑤webP，对图片进行压缩，减少图片体积。⑥minify/
努力的小朱同学·2022-08-15 00:28

vue实现简易音乐播放器

本文实例为大家分享了vue实现简易音乐播放器的具体代码，供大家参考，具体内容如下先看效果代码中使用的ivewUI前端框架使用的是font-awesome字体图标需要先安装npminstallfont-awesome
·2022-08-14 14:48

uniapp开发-公众号h5、小程序、移动app

/uniapp.dcloud.io/uniapp页面页面布局：flexdisplay、flex-direcoration、align-center、justify-content、align-item字体图标
谷欠起风·2022-08-05 12:13

[实战]:UniApp开发小程序怎么可以这么简单！

初试uniapp，爱了爱了前提涉及内容开发1、uniapp新建项目2、新建页面3、页面布局4、高德地图定位与pois获取5、uniapp中字体图标的使用6、微信小程分享完整页面代码项目代码获取我终于终于用上了
goodlovingz·2022-08-05 12:42

css样式之精灵图与字体图标跟多行显示省略号

为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了使用精灵图核心
星星本来就很美·2022-08-04 18:20

CSS.4-字体图标,平面转换,渐变,空间转换,动画,移动端特点,百分比布局,Flex布局,移动适配,响应式

目录一.字体图标1.概念2.优点3.字体图标的使用(1)类名(2)上传矢量图二.平面转换1.简介2.位移(1)基本使用(2)单方向位移(3)绝对定位居中编辑3.旋转4.转换原点5.多重转换6.缩放三.渐变四
ら゛酸奶果·2022-08-04 18:47

vue项目创建后的操作

/plugins/element.js";//导入字体图标import"./assets/fonts/iconfont.css";//导入
搬砖李哥·2022-07-28 10:12

三个漂亮的网页登录页面源码及素材——可用于前端初学者练习HTML&CSS

注：这三个登录页面涉及到的图片素材可自行寻找，字体图标素材可以在阿里字体图标库获取（https://www.iconfont.cn/home/index?
Etui۹(･༥･´)و ̑̑·2022-07-24 18:48

小程序--商城项目，技术篇1

chameleonuni-app类似vue小程序原生框架MINA（现阶段用的）2.帮助文档（小程序开发文档，iconfont，mdn）3.搭建项目在app.json的pages中创建新的页面完成后阿里字体图标的使用官方地址搜索点击添加入库
枯寂麻辣·2022-07-22 11:43

教你在vue项目中使用svg图标的方法

svg图标优点svg与iconfont之类的字体图标在网页中的使用差别不大，可以修改大小，颜色等而且不失真。
·2022-07-21 11:37

【黑马商城App】—— uniapp的基本使用

uni-app的基本使用基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯
柳柳Elena·2022-07-19 13:44

Webpack干货系列 | Webpack5 怎么处理字体图标、图片资源

本文摘要：主要讲解在不需要引入额外的loader的条件下运用Webpack5如何高效处理字体图标、图片资源的方法与步骤。
程序员优雅哥·2022-07-18 15:00

CSS高级技巧

1.2精灵图(sprites)的使用2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的使用步骤2.3.1字体图标的下载2.3.2字体图标的使用2.5字体图标的追加2.6字体图标的加载原理
若水cjj·2022-07-05 22:19

【小程序】使用font-awesome字体图标的解决文案（图文）

1、进入font-awesome官网，下载，具体方法就不多说了，既然想用，肯定都会。2、下载后，有两个文件夹：css和fonts3、打开微信开发者工具（1）、在项目根目录下建立一个文件夹，命名随意，我的文件夹名称是js。（2）、再新建一个文件font-awesome.wxss.fa{display:inline-block;font:normalnormalnormal14px/1FontAwes
敦厚的曹操·2022-07-04 12:17

WPF使用FontAwesome字体图标

而对于字体，虽然WPF是直接支持的，但由于字体图标其特殊性，要将其显示为图标还是需要费点劲的。本文这里就以Font-Awesome为例，介绍一下如何在WPF中使用字体图标。首先添加
·2022-06-26 15:15

原生微信小程序开发-黑马优购（一）

通过样式方式引入字体图标参考：iconfont-阿里巴巴矢量图标库微信小程序中不支持通配符“*”页面初始化主体颜色定义成变量微信小程序单行注释没有用单行注释没有用
_小彭同学_·2022-06-23 08:40

Vue打包项目图片等静态资源的处理

但是，当项目中引入资源的，比如：引入图片资源、js资源、或者字体图标之类的。那么可能在这个中间又会踩坑。
九霄123·2022-06-22 14:18

字体图标

字体图标主要应用于网站中通用、常用的一些小图标，它展示的是图标，但本质属于字体。
·2022-06-22 09:06

微信小程序引入iconfont字体图标（阿里巴巴矢量图标库）

微信小程序怎么引入iconfont字体图标由于微信小程序线上的资源限制了各种接口安全域名，所以在小程序里如果想使用iconfont字体图标就会稍有不同，其实只需要把平时的iconfont字体图标远程路径换成
pink老师的小粉丝·2022-06-21 11:46

HTML5+CSS3+JS小实例：日月交替切换效果

HTML5+CSS3+JS小实例之JS+CSS实现日月交替效果技术栈：HTML+CSS+JS字体图标库：font-awesome效果：源码：JS+CSS实现日月交替效果functionchange(str
艾恩小灰灰·2022-06-20 10:42

HTML5+CSS3小实例：伸缩式动态搜索框

HTML5+CSS3小实例之伸缩式动态搜索框技术栈：HTML+CSS字体图标库：font-awesome效果：源码：伸缩式动态搜索框body{/*初始化取消内外边距*/margin:0;padding:
艾恩小灰灰·2022-06-18 22:19

2020-06-05 html的svg + css的手风琴效果 + js的原型式继承问题 + 研发团队支出

#2020-06-05题目来源：http://www.h-camel.com/index.html#[html]svg如何转为字体图标？svg意为可缩放矢量图形。
小鸟哗啦啦·2022-05-11 12:15

HTML5+CSS3小实例：菜单栏图标悬停效果

HTML5+CSS3实现菜单栏图标悬停效果，紫色的tabbar标签栏，默认显示图标，鼠标悬停图标上移，显示文字，过程伴随细微动画，字体图标用的是font-awesome。
艾恩小灰灰·2022-05-07 23:08

vue - ES6模块化、promise、webpack打包（所在在学的朋友们先看这篇，看了不吃亏）...

为什么要说先看这篇，其实跟我们今天的主题webpack没有太大关系，昨天学了一下webpack，其实内容没多少，webpack的内容无非就是参考文档去怎么做，然后最主要的js、html生成、css、字体图标
前端技术站·2022-05-02 22:37

如何将iconfont图标引入到vant的Tabbar标签栏里边

目录将iconfont图标引入vant的Tabbar标签栏里1.首先引入tabbar2.以基础代码为例vue+vant引入iconfont字体图标将iconfont图标引入vant的Tabbar标签栏里
·2022-04-28 09:21

单页面应用首屏时间慢问题解决方法

路由的懒加载加一个首屏loading图或骨架屏，提高用户的体验尽可能使用CSSSprites和字体图标库图片的懒加载将公用的JS库通过script标签在index.html进行外部引入，减少我们打包出来的
jing_jing95·2022-04-27 11:18

阿里字体图标使用步骤

搜索字体图标并添加入库将库图标添加至项目更新代码并复制替换文件相应代码新增图标样式使用字体图标控制字体图标样式.icon-xinzeng{font-size:20px;color:#ff9900;}
howcoder·2022-04-16 15:30

【前端性能】常见前端性能优化

常见性能优化前言一、图片优化1.雪碧图（图片精灵）2.图片压缩3.字体图标代替图片4.webp图片二、DOM优化1.缓存DOM节点查找的结果2.防抖和节流3.事件代理4.减少合并DOM操作5.DOM读写分离
m_sy530·2022-04-13 15:56

移动Web---字体图标，平面转换，渐变

字体图标下载字体图标（https://www.icnfont.cn/）image.png步骤：百度搜索iconfont--素材库或者搜索栏去搜索你想添加的字体图标--点击你想要添加的某个字体图标的购物车
tzcake·2022-04-05 21:07

移动web第一天--字体图标,平面转换,渐变

字体图标创建自己的iconfont字体图标库,通过Unicode,Font-class,在线引入三种方法实现字体图标在html中的使用字体图标从无到使用的步骤1,进入iconfont官网https://
夏一鸣·2022-04-01 20:17

记一次 Nuxt 3 在 Windows 下的打包问题

0.背景之前用Nuxt3写了公司的官网，包括了样式、字体图标、图片、视频等，其中样式和字体图标放在了assets/styles和assets/fonts目录下，而图片和视频则放在了public/images
尹宇星_Kim·2022-03-31 16:00

品优购项目——div+css的静态页面

网站的SEOfont-icon字体图标命名集合：名称说明快捷导航栏shortcut头部header标志lo
·2022-03-24 15:45

Naive UI的初体验

NaiveUI的初体验NaiveUI:一个Vue3组件库安装安装组件npmi-Dnaive-ui安装字体图标官方推荐使用xicons-IconsforVue&React如何安装该字体图标：xicons/
跪下，大胆刁民·2022-03-24 12:42

基于Vant组件的Vue移动端黑马头条项目Day01 处理rem适配 字体图标 封装axios

一、项目初始化目标能使用VueCLI创建项目了解Vant组件库的导入方式掌握制作使用字体图标的方式掌握如何在Vue项目中处理REM适配理解axios请求模块的封装导入图标素材05-项目初始化-导入图标素材
Lincoln Mark·2022-03-24 12:40

vue3前端项目引入iconfont阿里图标

1.首先登陆阿里云矢量图标库，把需要的字体图标加入到自己的项目中2.进入项目以后选择Fontclass并下载到本地下载到本地，解压以后的文件夹列表如下：3.把红框中的部分粘贴到自己的项目中，记得放在static
大头--·2022-03-24 00:07

品优购项目——div+css的静态页面

网站的SEOfont-icon字体图标命名集合：名称说明快捷导航栏shortcut头部header标志lo
·2022-03-22 16:40

CSS 高级技巧（精灵图、字体图标、三角）

我是表哥Harker，表妹我来咯~到这篇文章为止，表妹们基本能看到开发人员就结构和样式设计的80-85%左右的代码了，大家可以随便访问一个网站，按F12没事看源码，我相信大家的心态从觉得很陌生恐惧到现在的好像也没什么大不了，当然是不是学完就能100%看懂代码呢？我的答案是否定的，因为不管哪一门技术总有你没学到的东西，没有一个老师说我教完你你全会对吧？表哥也是一样，我也只能说学完系列，表妹们能够做一
HarkerYX·2022-03-16 16:54

2.7css精灵图 字体图标 三角 用户界面样式 布局技巧 文字溢出省略号

精灵图（sprites）精灵图的目的：为了有效减少服务器接受和发送请求的次数，提高页面的加载速度background-position:xy;使用精灵图核心：精灵图技术针对背景图片使用。把多个小背景图片合到一张大图片中移动距离就是这个目标图片的x和y坐标，且精灵图一般都是负值（一般情况都是往左往上移动，所以数值是负值）使用精灵图时要精确测量每个小背景图片的大小和位置精灵图有诸多优点，但缺点很明显：
Avocado-·2022-03-16 16:24

【web前端开发 | CSS】CSS高级技巧

文章目录一：精灵图（sprites）1:基本概念2：案例二：字体图标（iconfont）1：基本概念（和精灵图区别）2：字体网站2.1第一种lcoMoonApp2.1.1:案例2.2：第二种iconfont
-4444x-·2022-03-16 16:53

CSS高级技巧——精灵图，字体图标，三角形等

CSS高级技巧——精灵图，字体图标，三角形等欢迎大家去博客冰山一树Sankey，浏览效果更好。
冰山一树Sankey·2022-03-16 16:22

CSS精灵图/字体图标/三角/用户界面模式/vertical-align/溢出文字省略号/常见布局技巧/CSS初始化

CSS高级技巧1.精灵图1.1为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要
Akii7·2022-03-16 16:52

将SVG格式图片转换成字体图标，并使用链接方式访问（支持个性化图标样式改变）

有时组件库提供的字体图标满足不了业务需求，就算拿图片修修改改也占用资源，本文将讲述如何将SVG格式图片上传到在线图标库，利用链接方式进行使用，并对其个性化改变。
空格x·2022-03-16 10:22

在ASP.Net Core应用程序中使用Bootstrap4

笔者的前端文件如下笔者增加Bootstrap4和FontAwersome(字体图标)，因为Bootsrap4已经不再包含图标了。
·2022-03-05 13:00

黑马微信小程序项目实战

文章目录1.小程序的第三方框架2.帮助文件3.项目的搭建3.1新建小程序项目3.2搭建目录结构3.3.搭建项目的页面3.4.引⼊字体图标3.5创建tabbar页面4.⾸⻚4.1.效果4.2使⽤⾃定义组件的
smilecb·2022-02-25 03:05

react native 字体图标

1.直接使用react-native-vector-icons2.可以使用里面的字体图标3.自定义字体图标，可以使用阿里iconfont
成都reactnative·2022-02-20 14:21

微信小程序iconfont图标字体解决方案

此文演示如何在小程序上使用iconfont字体图标。
大猪大猪·2022-02-19 20:05

Genericons 字体的 unicode 值

WordPress项目中，尤其是一些国外开发者开发的WP主题，作者喜欢采用Genericons的字体图标，并且以特定方式展示图标，即不是将其嵌入HTML文件中，而是将其嵌
Wallys·2022-02-19 20:53

前端面试每日 3+1 —— 第740天

今天的知识点(2021.04.25)——第740天(我也要出题)[html]使用html简单画一个里面放有笔的笔筒[css]说说字体图标的三种方式有什么区别？
浪子神剑·2022-02-18 19:21

前端基础知识第六章---CSS

1.2精灵图（sprites）的使用（2）字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引入2.5字体图标的追加（3）CSS三角（4）CSS用户界面样式4.1鼠标样式
battledao·2022-02-18 17:51

在uni-app项目中使用阿里巴巴矢量图标库

及使用字体图标，因为可以动态修改图标颜色，很方便；svg彩色图标是好看，但是支持不是很全在项目根目录的App.vue文件中进行全局引用：/*导入字体图标*/@font-face{font-family:
岚平果·2022-02-18 11:08
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他