申明，全篇内容都是基于pako.js来实现gzip压缩字符串，本文只是介绍简单用法前言后端返回前端一般直接用Nginx或者Tomcat就可以自动实现Gzip，但前端发送给后端就需要额外的代码实现，这个就看需求了，如果需要发送大量可压缩率高的文本，可以通过此方法实现前端JS压缩字符串，再发送到后端服务器解压字符串。在线演示DEMO地址：ht…

npm install qrcodejs2 --save<template>   <div>     <div id="qrCode"        …

本期介绍一个非常常用的前端插件 Clipboard.js，Clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。1.clipboard.js介绍clipboard.js 现代化的拷贝文字，不依赖 flash, 不依赖其他框架，gzip 压缩后只有 3kb 大小.「拷贝文字…

init(test_str) { var index = test_str.lastIndexOf('.') // 获取指定字符串最后一次出现的位置，返回index var str = test_str.substr(index&nb…

使用 location.reload() 方法进行页面刷新。使用 location.reload() 方法可以简单地实现当前页面的刷新，这个方法会重新加载当前页面，类似于用户点击浏览器的刷新按钮。在 Vue 中，可以将该方法绑定到 Vue 实例上，比如在 Vue 的 methods 中添加如下的方法：methods: {  re…

🏮 前言本文详尽的讲了在Vue项目中，如何实现路由跳转传参的4四种方式（2大路由跳转方式，每种方式包括4种路由传参实现形式），以及每种方式中实现路由跳转包括路由传参的方法的各种写法，说实话，不能再详细了！另外，如有错误或未考虑完全的地方，望不吝赐教。一、使用vue-router构造函数vue-router 本质是一个第三方的包，用的时候需…

在这篇文章中，我们将探讨五个实用的 Vue 技巧，这些技巧可以使你日常使用 Vue 编程更高效、更富有成效。无论你是Vue的初学者还是经验丰富的开发者，这些技巧都能帮助你编写更清晰、更简洁、更有效的代码。那么，让我们开始吧。1. 在不失去反应性的情况下解构属性在 Vue 中，Props  是父子组件之间传递数据的强大方…

1.路由参数解耦通常在组件中使用路由参数，大多数人会做以下事情。export default {    methods: {        getParamsId() { …

当在Vue中需要实现文件下载功能时，我们可以有多种方式来完成。下面将介绍五种常用的方法。1. 使用window.open方法下载文件<template>  <div>    <button @click="downloadFile('file1.pdf'…

Vue iframe调用父页面的方法，我是用的vue把旧系统改造了，只用到了vue的便捷语法，并没有用vue的大框架，所以项目还是用了很多iframe--------------------------------------------------------------------网上查询后，得出两种方案1：通过传递消息，postMe…