淡い哀调-优快云博客

原创 vue 常见面试问题

1. v-if和v-for哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能？<!DOCTYPE html> <html> <head> <title>Vue事件处理</title> </head> <body> <div id="demo"> <h1>v-for和v-if谁的优先级高？应该如何正确使用避免性能问题？</h1>

2021-07-30 09:21:00 209

一、参考资料getMenuButtonBoundingClientRect()在小程序平台，如果原生导航栏被隐藏，仍然在右上角会有一个悬浮按钮，微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息，方便开发者布局顶部内容时避开该按钮。二、代码实现<template> <view class="content"> <view class="header"> <view :style="{ height: top }">&l

2021-07-06 17:21:37 1349

原创 vue-element 调用接口导出和导入xlsx表格

一、axios 修改header// 数据导入export function import(data) { return request.post(`${baseUrl}/import`, data,{headers:{ 'Content-Type': 'multipart/form-data',"Type-Data":'xlsx'}})}// 数据导出export function export(data) { return request({ url:`${baseUrl}/expo

2021-07-01 10:26:13 1102

原创 Vue页面关闭时调用接口

mounted() { // 监听浏览器关闭 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('before

2021-04-13 16:12:43 5380 2

原创 vue自定义微信分享

1.安装npm install weixin-js-sdk2.在页面引入 import wx from 'weixin-js-sdk';3.调用方法getShareInfo() { wxShare().then(res => {//获取微信appid接口 console.log(res) //拿到后端给的这些数据 let appId = res.data.app_id; let timestamp = res.data.timestamp;

2021-04-13 15:59:23 632 2

原创八卦时钟

css<style> * { margin: 0; padding: 0; background: #669; } html, body { width: 100%; height: 100%; overflow: hidden; } #clock { position: relative; width: 100%

2021-03-15 14:52:55 843

原创 VUE - history模式打包后在服务器上页面空白的问题

history模式打包后在服务器上页面空白的问题解决方法 ----- 在base添加 /服务端文件名/

2021-03-15 14:31:05 365

原创 JSON.parse报错问题

Uncaught SyntaxError: Unexpected token o in JSON at position 1是一个在使用JSON.parse方法时经常会遇到的报错那么问题来了报错信息中的token o代表了啥？？？首先必须记住，JSON.parse的第一个参数是字符串！！！所以上面的转化自然是[object object]测试一下其他数据就知道了切记我们在使用JSON.parse方法的时候，请先用JSON.stringify方法JSON.parse(JSON.stringify

2021-03-15 14:20:59 2941 1

weixin_44880056的博客