完美前端

摘要： 双击 // 定义点击次数计数器 let i = 0; // 绑定点击事件到box元素 box.onclick = function() { // 每点击一次，计数器增加1 i++; // 设置一个500ms的定时器来重置点击次数 setTimeout(function() { i = 0; }, 5 阅读全文

摘要： 使用vue-cli创建的项目，能够实现浏览器中自动刷新，实时查看项目效果，其中的原理在于，webpack在本地启动了一个本地服务器，将本机当作一台服务器； 打包后的文件是一个html静态页面，在本地文件夹中直接打开的一般都素hifile协议，当代码中存在http或者https的链接时，html页面就 阅读全文

摘要： Vue监听浏览器的后退与前进按钮 // 检查浏览器是否支持history API if (window.history && window.history.pushState) { // 如果支持，给window添加popstate监听事件，用于监听后退按钮的点击 window.addEventLi 阅读全文

摘要： 1、安装Vue CLI脚手架： - 首先，新建一个文件夹，在文件夹内打开命令行（cmd）。 - 输入以下命令来全局安装Vue CLI脚手架： ``` cnpm install -g @vue/cli ``` - 注：这里使用的是cnpm命令，确保您已经安装了cnpm。如果您使用npm，只需将cnpm 阅读全文

摘要： 打开新窗口：无异步 // 直接打开新窗口并导航到指定的URL let windowObjectReference = window.open(); windowObjectReference.location.href = 'https://www.baidu.com'; 打开新窗口：有异步 // 阅读全文

摘要： 1、最直接整个页面重新刷新： // 使用location.reload()方法刷新页面 location.reload() // 使用Vue路由的$router.go()方法刷新当前页面 this.$router.go(0) 这两种都可以刷新当前页面的，缺点就是相当于按ctrl+F5 强制刷新那种， 阅读全文

摘要： 使用btoa进行Base64编码 // btoa只能编码ASCII字符串，如果有非ASCII字符，可能会导致错误。 // 定义一个json对象 let json = { channel: '100000', i_code: '3', invite_code: '' }; // 使用btoa将json 阅读全文

摘要： 获取URL中的查询参数 // 定义函数获取URL查询参数并返回一个对象 function GetRequest() { let url = location.href; // 获取完整的URL let theRequest = {}; if (url.indexOf('?') != -1) { le 阅读全文

摘要： // 导入vue中的相关方法 import { provide, reactive, nextTick } from "vue"; // 定义全局数据 let globeData = reactive({ isRouterAlive: true }) // 通过条件渲染来控制router-view的 阅读全文

摘要： 完整的代码, 可以复制引用 toast组件 <template> <Transition name="down"> <div class="xtx-message" :style="style[type]" v-show="visible"> <!-- 上面绑定的是样式 --> <!-- 不同提示图 阅读全文