![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具
V_AYA_V
且就洞庭赊月色,将船买酒白云边
展开
-
vue生成随机登录校验码及组件封装
前端项目在登录时需要使用验证码防止机器破解登录,校验码的生成可以后端生成也可以前端生成,本文探究前端生成校验码实现方式并封装成vue组件,以供参考。<template> <div class="s-canvas" @click="createdCode"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div>&.原创 2021-07-12 09:57:26 · 298 阅读 · 0 评论 -
vue项目使用compression-webpack-plugin打包优化
前端项目越来越大,导致首页加载缓慢,了解到compression-webpack-plugin插件能够将项目代码打包压缩,如果要使用需要配合nginx达到提升网页加载速度效果。插件文档传送门先放一波压缩前和压缩后的对比压缩前:压缩后:可以看出来经过压缩后项目缩小的不是一个等级,接下来介绍插件使用安装插件npm install --save-dev compression-webpack-plugin配置vue.config.js(压缩配置可以参考官方文档,根据自己需求选择).原创 2021-03-25 17:25:55 · 1085 阅读 · 0 评论 -
js工具-cookie简单封装
简单封装一下cookie的一些操作方法。/** * @desc 根据key读取cookie * @param {String} key * @return {String} cookie */function getCookie(key) { const arr = document.cookie.replace(/\s/g, '').split(';') for (let i = 0; i < arr.length; i++) { const tempArr = a.原创 2021-03-01 14:35:22 · 116 阅读 · 0 评论 -
快速获取网站媒体资源方法
电商朋友经常遇到如何获取网站图片,或者视屏信息的问题,在这里结合一些简单的浏览器的调试工具来简单谈一下实现方法。注意不要经常盗用网站图片,可能会背负侵权质控!!!1、方式一:Chrome谷歌浏览器step1: 输入地址,打开网页 (大家应该都会这步操作)step2: 点击鼠标右键,出现菜单栏,点击如下按钮step3: 会发现浏览器的右侧出现如下界面,选择Network按钮,然后将下面的筛选选择Imgstep4: 刷新页面,会发现下面多了很多的图片信息。(点击左侧红框中的图片信息,在右侧点.原创 2021-01-22 13:23:41 · 1584 阅读 · 0 评论