这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【如何使用IconFont？——矢量图标】 1.背景介绍 网上的一些小图标除了可以使用css精灵图制作外，还可以使用 ...
分类：
其他好文 时间：
2020-05-30 11:04:21
阅读次数：
64
标题说的很清楚了，就是要使用public中的图片 那么为什么要把图片放到public中呢，其实官网上面也说了，要么是需要动态引入非常多的图片，特别是小图标，如果放在assert中的话，会被webpack处理，很可能被打成base64混合到app.js里面 这样就导致这个js文件比较大， 因为动态引入 ...
分类：
其他好文 时间：
2020-05-28 00:55:05
阅读次数：
453
nuxt 项目引入 iconfont 小图标 1. 首先进入 iconfont 的官网 "https://www.iconfont.cn/" 选取自己想要的图标然后加入到项目里面 2. 将选好的图标下载到本地 3. 下载好的文件中有几个是不需要的 下载好的文件解压后如下所示： 其中有几个是不需要的 ...
分类：
其他好文 时间：
2020-05-24 13:26:36
阅读次数：
87
一.连接真机 第一步：手机下载一个360手机助手，电脑下载一个360安全卫士，电脑下载后在360安全卫士的软件管家里下载360手机助手（电脑必须要先下载360安全卫士才能用360手机助手，单独下360手机助手是不行的）。书上说豌豆荚也可以，我试过了连接不上，不知道什么原因。 第二步：下载完360手机 ...
分类：
移动开发 时间：
2020-05-23 18:11:55
阅读次数：
131
1. 利用打包工具打包压缩前端代码，webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多 2.按需加载 3.图片压缩优化，小图标用精灵图，减少对http的请求 打包后文件过大怎么处理 使用UglifyJSPlugin压缩 开启gzip压缩 第三方库不需要打包 ...
分类：
其他好文 时间：
2020-05-22 00:06:52
阅读次数：
60
最近有用户反馈U盘插入电脑后无法识别启动，这要怎么办呢？其实很简单，下面小编就给大家带来Win7系统电脑无法识别U盘启动盘的解决方法。详细如下：1、首先点击电脑界面右下角位置，选择控制面板打开它。2、在控制面板界面中找到管理工具这个选项，如果找不到的可以切换查看方式为小图标。3、在打开的管理工具选项 ...
浏览器网页左上角小图标实现方式。 方式一： 在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。 方式二： 其实不必方式一这么麻烦。 在html的head表头中加： <link rel="shor ...
分类：
Web程序 时间：
2020-05-11 13:29:34
阅读次数：
77
1.队名：遇码则码队 app：keep running 优点：作为一款运动型的APP， Logo比较美观，所该有的功能已大部分拥有，有鲜明的特色 不足：APP的界面不太美观，并且粗糙，好多小图标不太搭配，APP的主要功能还有待发掘，不太具备核心的竞争力 建议：希望音乐可以支持得到其他软件的支持 2. ...
分类：
其他好文 时间：
2020-05-05 23:38:44
阅读次数：
84
版本控制器 好处：备份还原（版本回退）；协同修改；权限控制等等 集中式版本控制系统 svn（Apache Subversion） 版本库是集中存放在中央服务器的，而干活的时候，用的都是自己的电脑，所以要先从中央服务器取得最新的版本，然后开始干活，干完活了，再把自己的活推给中央服务器。 集中式版本控制 ...
分类：
其他好文 时间：
2020-05-02 16:37:40
阅读次数：
68
浅谈前端优化的几个思路 https://ltoddy.github.io 雪碧图 页面中如果有很多图片、icon(小图标),这样会有很多HTTP请求,一个图就是一个HTTP请求,建立TCP连接进行三次握手,这些都是耗费时间的.如果页面icon很多,可以考虑用css spirit(精灵,汽水雪碧也是这 ...
分类：
其他好文 时间：
2020-04-30 13:31:07
阅读次数：
66
