插件
关注
分享
扫一扫
文章平均质量分 60
口袋の的天空
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
RSA非对称加密传输---前端加密&解密(VUE项目)
一.什么是RSA非对称加密实际开发过程中，后台生成一对公私钥，私钥存在服务器，把公钥给前端，前端加密后传给后端，这是相对比较安全的做法。就好像是：由后台B生成一对公钥和私钥存好，公钥就好比一把锁，钥匙就是私钥。后台B只需要把锁给前台A，前台A把那句话锁起来，交还给后台B，在这过程中，即使大家都能在浏览器看到前台A传过来的公钥(锁)，但不知道那句话是啥的，然后B拿到锁好的机密，拿只有自己才有的私钥(钥匙)解开，这个差不多就是非对称加密。二.使用jsencrypt.js官网：http://travis转载 2022-04-07 10:44:13 · 1598 阅读 · 0 评论 -
vue中使用echarts实现中国地图
第一种效果：不同省份颜色不同代码：注意：要实现这种效果，地图数据的name一定要是省份的名字，要不然颜色出不来<template> <div class="echartsMapAllDemo"> <!-- style的宽高一定要写，不写也不会展示echarts图 --> <div id="myEcharts" ref="myEcharts" style="width:100vw;height:100vh;border:原创 2022-03-31 18:09:54 · 22905 阅读 · 31 评论 -
vue中如何实现滚动页面的动画-animate.css和wow.js
两种方法：第一种方法：npm安装包animate.css和wow.js第二种方法：静态资源的引入第一种方法：1.引入静态资源包静态资源包，需要注意的是。必须放到static文件夹下面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"原创 2022-03-11 18:18:07 · 5282 阅读 · 2 评论 -
引⼊字体图标
阿里巴巴矢量图标库 iconfont添加图标的步骤：①搜索框输入内容②把需要的图标加入购物车③点击购物车，进入侧边栏抽屉，点击“添加至项目”④选择新建新项目，或者加入老项目⑤选择“Font class”字体图标，然后“查看在线链接”⑥点击这个链接，会自动打开浏览器⑦把这个页面ctrl + A全选，然后复制到wxss文件里面，放入项目中style文件夹下的iconfont.wxss里面。然后app.wxss全局引入这个文件：@import './styles/iconfont原创 2022-01-20 16:56:30 · 529 阅读 · 0 评论 -
简单的 VSCode 插件离线安装方法
一、引言最近想要使用 VSCode 来进行项目的开发工作，无奈工作机上无法上网。这就涉及到了相关插件的离线安装的问题。在参考了 VSCode 插件离线安装 这篇博客的方法之后，我成功离线安装了插件。可是令我惊奇的事情是：可能是 VSCode 社区了解到了我们离线安装插件的需求，现在在插件的页面上，已经有了下载链接了，也就是不用我们再去手动组下载链接了。那么我们离线安装 VSCode 插件的步骤将会大大减少。二、离线安装 VSCode 插件接下来，我来总结下 VSCode 插件离线安装的步骤：转载 2021-11-24 15:36:02 · 2027 阅读 · 0 评论 -
js几种加密/解密方法
1.斯坦福大学的js加密库（简称SJCL）关于1.是斯坦福大学计算机安全实验室创立的项目，旨在创建一个安全、快速、短小精悍、易使用、跨浏览器的js加密库。如果有更复杂的安全需求，可以查阅API，文档地址是（http://bitwiseshiftleft.github.com/sjcl/doc/）,对应的demo页面是（http://bitwiseshiftleft.github.com/sjcl/demo/）。比较容易上手，简单的用下面的代码就可以进行加密、解密数据。sjcl.encrypt(“pas转载 2021-09-23 08:54:43 · 24553 阅读 · 5 评论 -
h5录制视频 MP4_h264编码
<template><div class="main "> <div class="left"> <div class="vedio"> <div class="shexiang"> <!--图片展示--> <video ref="video" width="350px" height="265px" autoplay></video>原创 2021-08-11 18:12:34 · 1495 阅读 · 0 评论 -
echarts基础语法
一.首页知识点推荐：点击首页->可视化实验室里面有很多意想不到的宝藏二.名词解析1.基本名词xAxis 横坐标yAxis 纵坐标grid 整个坐标系是基于grid这个网格去定位的legend 图例dataRange 值域选择，常用于展现地域数据时选择值域范围dataZoom 数据区域缩放，常用于展现大量数据时选择可视范围toolbox 工具箱tooltip 气泡提示框，常用于展现更详细的数据timeline 时间轴series 存放数据的大数组..原创 2021-08-10 12:13:21 · 6247 阅读 · 1 评论 -
让Vue CLI支持HTTPS
1.打开git黑窗口命令行定位到这个目录，然后敲3个命令，其中第二个命令会问你N个问题，不用回答，一律回车即可：openssl genrsa -out privatekey.pem 1024openssl req -new -key privatekey.pem -out certrequest.csropenssl x509 -req -in certrequest.csr -signkey privatekey.pem -out certificate.pem然后build文件夹下就会增加这原创 2021-07-19 14:59:30 · 1449 阅读 · 1 评论 -
H5调起手机端的摄像头
H5调起手机端的摄像头这里主要是用input的capture属性。capture表示，可以捕获到系统默认的设备，比如：camera照相机；camcorder摄像机；microphone录音。accept表示，直接打开系统文件目录。<label> 照相机: <input type="file" id='image' accept="image/*" capture='camera' multiple></label><label> 摄像机: &转载 2021-06-16 10:31:03 · 8156 阅读 · 0 评论 -
QRCode.js：使用 JavaScript 生成二维码(vue中使用)
QRCode.js：使用 JavaScript 生成二维码(vue中使用)一.什么是 QRCode.js？QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。二.基本用法1.安装npm i qrcodejs22.小demo<template> <div class="three"> <div ref="qrcode" class="code"&原创 2021-05-31 16:19:28 · 410 阅读 · 1 评论 -
html导出pdf（vue中可用）
html导出pdf（vue中可用）1、插件安装npm install html2canvas --save npm install jspdf --save<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>2、注册一个全局可用的导出方法// 导出页面为PDF格式import html2canvas from 'html2canvas'export default {转载 2021-05-26 17:12:04 · 364 阅读 · 0 评论 -
vue的插件_nprogress
一.nprogress进度条1.安装：npm install --save nprogress直接引入js、css或者通过cdn引入。<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>2.使用直接调用 start()或者done()来控制进度条。NProgress.start();NProgress.done();这个可以在router转载 2021-05-18 15:39:11 · 170 阅读 · 0 评论 -
vue滑动验证插件
vue滑动验证插件资源里面有需要引入的文件<template> <div class="captcha-wrap"> <div id="captcha-dom" class="nc-container"></div> </div></template><script>import "./captcha.js";export default { name: "Captcha"原创 2021-02-01 22:34:12 · 739 阅读 · 1 评论 -
vue中captcha.js生成验证码
vue中captcha.js生成验证码转载来自于：链接一.本地引入1.下载：git clone https://github.com/saucxs/captcha.git2.下载到本地以后引入：<script type="text/javascript" src="./captcha.js"></script>3.容器：<canvas width="240" height="90" id="captcha1"></canvas>4.js原创 2021-01-31 15:54:02 · 2004 阅读 · 0 评论 -
vue中引入.svg图标，使用iconfont图标库
vue中引入.svg图标，使用iconfont图标库阿里巴巴的iconfont是一个很好的图标库创建SvgIcon组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template><script>export default { name: '原创 2020-08-21 23:06:54 · 948 阅读 · 1 评论 -
vue中通过identify插件生成图片验证码
vue整合identify(生成图片验证码)插件identify简介这是一个vue的插件，使用canvas来生成图形验证码具体参数如下：在src\components\identify目录下创建identify.vue文件（主要用于定义参数和方法）内容如下：<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="con原创 2020-08-21 23:39:29 · 295 阅读 · 0 评论