在svg上实现一个渐变多边形(内嵌圆形)先向右再向下，然后回到原位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #path1{ fill :green; ...
分类：
移动开发 时间：
2020-07-08 13:43:32
阅读次数：
107
canvas与svg都是可以在浏览器上创建图形，因此，在html5中感觉canvas和svg很相似，但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一看吧。 在说canvas与svg的区别之前， ...
分类：
其他好文 时间：
2020-07-05 22:44:44
阅读次数：
66
嗨，我是 Martin，也叫老王，今天推荐一款好用的开源图标库。 我们平常找图标往往会去 iconfont 但是今天，我们看了 Martin 的文章之后，就会有一个新的选择——CSS.GG Github https://github.com/astrit/css.gg star 5751 fork ...
分类：
Web程序 时间：
2020-07-05 21:23:03
阅读次数：
83
1、文件不存在，先检查一下服务器上 对应的路径上有没有对应的文件 2、mime.types的原因 需要加对应的type,如 application/x-font-truetype ttf; application/x-font-woff woff woff2;（可省略） 3、同源策略的原因，跨域的问 ...
分类：
其他好文 时间：
2020-07-05 20:52:25
阅读次数：
157
Nginx动静分离时，访问jar包中的静态文件如css\js等，需要将 nginx 配置文件转发到对应的路径上 一下路径可以正确使用。 location ~ /druid/.*\.(woff|ttf|svg|eot|gif|jpg|jpeg|bmp|png|ico|txt|js|css|xml)$ ...
分类：
其他好文 时间：
2020-07-03 12:42:25
阅读次数：
117
CSS 中文开发手册 线性梯度 | linear-gradient (Image Values) - CSS 中文开发手册 linear-gradient()创建两种或多种颜色之间的线性，渐进转换。其结果是数据类型的一个对象，这是一种特殊的类型。 /* A gradient tilted 45 de... ...
分类：
Web程序 时间：
2020-07-02 00:10:43
阅读次数：
91
SVG图片压缩 这是个通过借助npm包的一种方式去压缩svg的图片，由于阿里的图库自己创建的图标有大小的限制，当我们想要自己用自己的图标的时候就可以使用这种方式去完成对svg的图片压缩。 1、下载node.js （地址：https://nodejs.org/zh-cn/） 即前提，必须本地部署好np ...
分类：
Web程序 时间：
2020-07-01 20:03:14
阅读次数：
83
参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 <template> <div> <h1>Svg实践,在页面中使用</h1> <svg-icon icon-class ...
分类：
其他好文 时间：
2020-06-29 15:33:21
阅读次数：
189
雪碧图 图片懒加载。【lazyload插件】 路由懒加载。【Vue】 webpack 压缩图片 使用cdn HTTP2 与 gzip压缩 Expires 模块的异步加载 缩小cookie体积 图标svg ...
分类：
其他好文 时间：
2020-06-29 13:43:29
阅读次数：
83
1、确保绑定元素的正确性。尽量对一个图元进行绑定事件。 2、确保图层的顺序。例如，你编写了一个tooltip功能。mouseover元素A后，tooltip图层的z-index一定比当前元素A的z-index大的，这可能就形成tooltip组件对元素A的覆盖问题。鼠标稍微移动，会自动触发元素A的mo ...
分类：
其他好文 时间：
2020-06-28 18:40:21
阅读次数：
54
