
前端--功能组件库
前端--工具库(lodash、axios、vue-axios、qs、querystring等)
w-somebody
这个作者很懒,什么都没留下…
展开
-
qs详解
简述:qs是一个增加了一些安全性的查询字符串解析和序列化字符串的库,通常有两种使用方式:1、将URL解析成对象的形式:qs.parse(str)例1:let data = 'a=1&b=2&c=3';qs.parse(data);//结果为:{a:'1',b:'2',c:'3'}例2:let data = 'a=c';qs.parse(data);//结果为:{a...原创 2019-10-18 18:05:58 · 4308 阅读 · 3 评论 -
qs与querytring区别
简述:1、qs和querystring是两个完全不同的模块;2、querystring是node的核心模块,用于处理(解析和格式化)URL的查询字符串;3、qs是一个增加了安全性的查询字符串解析和字符串序列化的库;...原创 2019-10-28 11:36:11 · 1848 阅读 · 0 评论 -
生成条形码(jsbarcode、vue-barcode)
一、jsbarcode生成条形码: 用于生成条形码的js库,支持浏览器和node.js1、安装引用① 可以通过script标签将jsbarcode包进行引入项目script src="http://www.jq22.com/jquery/vue.min.js"></script><script src='js/JsBarcode.all.min.js'></script>② 使用npm进行安装jsbarcode包,然后通过import进行引入项目npm原创 2021-10-21 16:22:58 · 6397 阅读 · 1 评论 -
vue + h5项目中使用 qrcodejs需注意的问题
在开发H5项目过程中使用qrcodejs生成二维码过程中的一些注意事项,本文进行记录,以便日后自己再遇到1、二维码生成js代码中可以指明尺寸,也可以不用指明<div class="qr-code-box" ref="qrCodePosterDiv"></div>import QRCode from "qrcodejs2"let width,height //qrcode生成二维码兼容安卓if(navigator.userAgent.indexOf('Andriod'.原创 2021-10-21 14:10:26 · 751 阅读 · 0 评论 -
生成二维码(qrcodejs2 、vue-qr)
目录一、qrcodejs2 生成二维码二、vue-qr 生成二维码一、qrcodejs2 生成二维码1、安装并引入项目中① 下载qrcodejs2包并引入项目,可用script标签引入或者npm下载后进行import引入<script src="qrcodejs2.js"></script>或者npm install qrcodejs2 --saveimport QRCode from 'qrcodejs2'2、具体使用<div id="qrcodeDiv原创 2021-10-21 12:35:23 · 8316 阅读 · 0 评论 -
vue-count-to 简单好用的数字滚动插件
如果你想要实现在规定时间内,数字由某个值变化到另一个值的动态滚动效果,那么 vue-count-to 插件可以完美的进行实现目录一、使用npm 安装二、在需要使用数字滚动的页面文件中引入 vue-count-to三、vue-count-to 属性四、功能一、使用npm 安装npm install vue-count-to二、在需要使用数字滚动的页面文件中引入 vue-count-to// user.vue文件<template> <p>数字滚动面板区域: <原创 2022-01-05 16:25:17 · 2198 阅读 · 0 评论 -
js-cookie的使用细则
以前前端项目中存取cookie都是自己去封装相关函数,近期项目开发中为了方便(偷懒),就使用了js-cookie。对于这个插件,网上资料都可以很容易得知它是一个很方便且很简单的用于操作cookie的js API。本文只是一个简单记录如何安装和使用它的一个笔记,除了能帮助自己加深印象,当然也希望帮助有需要了解和使用它的你们。一、安装js-cookie :1、方式一:在你的工程项目中使用npm进行安装 npm install js-cookie --save2、方式二:直接使用cdn资源<.原创 2020-06-26 18:32:34 · 4291 阅读 · 2 评论 -
handsontable 中使用 vue-json-editor
handsontable 中使用 vue-json-editor原创 2022-09-02 18:48:26 · 556 阅读 · 0 评论 -
在vue项目中使用 JSON 编辑器: vue-json-editor
vue-json-editor原创 2022-09-02 18:47:16 · 6684 阅读 · 0 评论 -
前端 新旧字符串差异比对功能--diff-match-patch
前端 新旧字符串差异比对功能--diff-match-patch原创 2022-09-06 10:56:00 · 3926 阅读 · 0 评论 -
可拖拽分隔面板(vue-splitpane)
可拖拽分隔面板(vue-splitpane)原创 2023-02-28 15:09:38 · 4460 阅读 · 0 评论 -
vue项目实现前端打印功能
一、直接使用window自带的打印功能: window.print()<template> <div> <p>点击下面的按钮,可将div里的内容区域进行打印</p> <div id="printDiv"> <p>打印内容 </p> <p>打印内容 </p> <p>打印内容 </p> <p>打印内原创 2021-12-31 11:02:23 · 8633 阅读 · 1 评论 -
vue-clipboard2 点击复制粘贴功能(复制内容到剪贴板)
一、安装 vue-clipboard2,并全局引入// 方式1: 通过 script 标签引入包<script src="vue.min.js"></script><script src="dist/vue-clipboard.min.js"></script>// 方式2:通过 npm 进行安装,并使用 import 在入口文件( main.js )进行引入npm insatall vue-clipBoard2 --saveimport V原创 2021-12-29 17:18:17 · 4270 阅读 · 2 评论 -
使用html2canvas遇到的问题
html2canvas是前端很常用的截图库,以下整理以下如何使用html2canvas及使用它的过程目前遇到的问题目录一、简单使用二、遇到的问题1、页面存在滚动条的情况下,截图不全的问题2、截图区域存在动态跨域图片,导致这部分区域截图空白问题(图片跨域问题)3、兼容iOS遇到的问题1:IOS8只支持-webkit-flex布局,不支持flex布局4、兼容iOS遇到的问题2:html2canvas v1.3.3版本在IOS13.4.1系统中调用失败5、兼容iOS遇到的问题3:html2canvas截图后渲.原创 2021-12-27 10:46:10 · 8687 阅读 · 1 评论