摘要：
去 github 搜索了一把，估计是我关键词不对，没找到比较牛逼的插件。然后去 nextjs 官方仓库搜索，发现了这个东东 https://github.com/vercel/next.js/tree/canary/examples/with-next-offline，瞄了一眼 package.js 阅读全文
posted @ 2020-06-16 11:17
前端路引
阅读(1260)
评论(0)
推荐(0)
摘要：
Math.min 和 Math.max 方法常用来获取多个数值的最小值和最大值，比如： Math.min(10, 30, 40, 3); // 返回 3 Math.max(10, 30, 40, 3); // 返回 40 利用此特性，可以优化一些常见数字判断，尤其在方法传参时候，数字判断能有奇效。 阅读全文
posted @ 2020-04-24 16:10
前端路引
阅读(620)
评论(0)
推荐(0)
摘要：
强大的 canvas 可以做很多事，包括手绘，压缩图片，图片滤镜，3D效果等等。 本文仅用 canvas 冰山一角的功能获取坐标点颜色。 源码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文
posted @ 2020-04-24 14:03
前端路引
阅读(4222)
评论(0)
推荐(0)
摘要：
本文折腾 hexo 图片添加水印功能，大部分代码沿用： nodejs 图片添加水印（png, jpeg, jpg, gif） 方案一 使用现有插件：https://github.com/SpiritLing/hexo-images-watermark 问题：依赖 sharp 安装困难 方案二 使用 阅读全文
posted @ 2020-04-23 17:56
前端路引
阅读(1092)
评论(0)
推荐(0)
摘要：
nodejs 作为一个脚本语言，图片处理这方面有点弱鸡，无法跟 php 这种本身集成了图片 api 的语言相比。 不过好在有 https://www.npmjs.com/ ，上面有全世界的大佬写的各种高大上的插件使用。 本文踩在巨人的肩上介绍 nodejs 添加图片水印的几种方式。 方案一：使用云处 阅读全文
posted @ 2020-04-21 16:46
前端路引
阅读(3877)
评论(0)
推荐(0)
摘要：
如图： 图片加载失败了，在浏览器会默认显示一张破图。受各种网速、浏览器等因素影响，我们无法保证图片能够完全加载成功。加载失败时如何更友好的显示是前端要考虑的主要因素。 常见做法都是使用一张默认图代替加载失败的图片，比如一个 logo 、一张主题图片等。 做法一 使用 JS 懒加载图片，如果图片加载失 阅读全文
posted @ 2020-04-16 10:27
前端路引
阅读(3305)
评论(0)
推荐(0)
摘要：
解析 <path> 标签应该算是 SVG 中最为强大的标签了，各种图形都可以用他绘制。本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线。 用法 <path d="M30 90 Q115 139 200 90"></path> <path> 标签常用指令： M = moveto L = line 阅读全文
posted @ 2020-04-14 18:01
前端路引
阅读(7129)
评论(0)
推荐(0)
摘要：
正常提示如下： 然而我的提示没了，本以为是插件问题，把所有插件禁用不行！卸载重装vscode还是不行！！但是其他电脑的1.41.1版本，同样代码确没问题！！！简直日了*了 折腾大半天，发下问题如下： 如果刚好你的项目没了语法提示，又刚好是1.41版本，再刚好你的项目有@types/node@12.1 阅读全文
posted @ 2019-12-20 17:06
前端路引
阅读(2182)
评论(3)
推荐(0)
摘要：
平时使用animate只用于dom节点的动画，无意间发现JQuery内置的animate方法可实现数字动画，JQ还是挺强大的！ 动画效果为从0一步步跳到84，代码如下： 阅读全文
posted @ 2019-11-21 20:55
前端路引
阅读(2040)
评论(0)
推荐(0)
摘要：
报错信息： ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 报错写法如下： 报错 阅读全文
posted @ 2019-11-20 16:09
前端路引
阅读(7021)
评论(0)
推荐(1)
浙公网安备 33010602011771号