设置 SVG 符号图标 内嵌的 SVG 的问题在于它们的冗余。你肯定不想在每次使用同一个图标时复制粘贴所有的坐标。这显得笨拙，可读性差，难以维护。使用 SVG 符号图标，你只要复制整个 SVG 元素一次，然后你就可以用一个引用在任何地方实例化它们。从内嵌 SVG 开始，隐藏它，并用一个 <symbo ...
分类：
Web程序 时间：
2020-06-15 10:33:43
阅读次数：
71
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类：
其他好文 时间：
2020-06-14 17:08:19
阅读次数：
71
html 5规范呼之欲出，各浏览器厂商更早已摩拳擦掌，纷纷推出支持html 5规范的浏览器：firefox、opera、chrome等浏览器早已很好地支持各种html 5规范，微软也宣布ie 9将会更好地支持css 3、svg和html 5等新规范，这些迹象表明：html 5时代到来了。《疯狂htm ...
分类：
编程语言 时间：
2020-06-11 22:01:15
阅读次数：
87
html 5规范呼之欲出，各浏览器厂商更早已摩拳擦掌，纷纷推出支持html 5规范的浏览器：firefox、opera、chrome等浏览器早已很好地支持各种html 5规范，微软也宣布ie 9将会更好地支持css 3、svg和html 5等新规范，这些迹象表明：html 5时代到来了。《疯狂htm ...
分类：
编程语言 时间：
2020-06-11 21:18:12
阅读次数：
62
怎么把 SVG 转成 PNG ？用 Chrome 吧，非常好用，还能设定自己想要的尺寸。 什么是 SVG ？ SVG （Scalable Vector Graphics，可缩放矢量图形） 是基于 XML 、用于描述二维矢量图形的一种图形格式。 SVG 由 W3C 制定，是一个开放标准。 SVG 转 ...
分类：
其他好文 时间：
2020-06-11 13:19:56
阅读次数：
65
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2020-06-09 14:30:57
阅读次数：
1095
转自： 如何制作图标字体（如何将svg转换为css可用的图标字体） 具体描述 在项目开发当中，我们常常遇到需要将获取到的svg转换为，css可用的图标字体，那么具体该如何进行操作呢 具体操作 登录icomoon 点击右上角登录旁边的icoMoon App 3. 点击左上角的import Icon导入 ...
分类：
Web程序 时间：
2020-06-06 14:26:48
阅读次数：
148
【废话多】 前情提要：在解析大众点评详情页的时候，发现重要数据并没有直接显示，而是通过css加载，如下图，文字显示为方块 目前发现两种对应加密方式 1.svg引用 用营业时间举例 这一种对应文本为空，只能通过 class 属性区分，点击检查，可以看到右边属性中有一个 background-image ...
分类：
Web程序 时间：
2020-06-04 19:46:36
阅读次数：
248
1. 安装并配置PostCss插件 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 还需要安装 cs ...
分类：
移动开发 时间：
2020-06-01 01:04:14
阅读次数：
108
前情提要 在之前我写过一篇文章：iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理，这篇文章写的是，当iOS safari浏览器上出现大于父容器的svg元素，想给父容器加上overflow: scroll实现内部滚动效果而失败的总结。但当时并没有意识到这个问题 ...
分类：
移动开发 时间：
2020-05-31 21:29:49
阅读次数：
111
