qq_41283061的博客

原创 解决uni.switchTab()跳转不刷新

uni.switchTab(

原创 Uniapp遇到的问题

问题一：运行项目报异常=>使用vant Weapp图标组件报错问题描述：解决：文件路径：/wxcomponents/vant/dist/icon/index.wxss在format(“woff2”)后面的url前面加个空格，需修改两处问题二：Uniapp中引入vant后报错：Cannot read properties of undefined (reading ‘split’)解决：文件路径：/wxcomponents/vant/dist/common/version.jsv1 =

原创 前端vue项目aes加密、解密

原创 js实现获取当前时间，当前时间+N分钟

方法一： //1.获取当前日期 var date = new Date() //2. 获取当前分钟 var min = date.getMinutes() //3. 设置当前时间+15分钟：把当前分钟数+5后的值重新设置为date对象的分钟数 date.setMinutes(min + 15) //4. 测试 console.log(date.toLocaleString())方法二： var ti

原创 vue项目登录后台返回图片验证码转换问题

一、后台返回二进制流文件数据，如下：前端转换格式并显示图形验证码：this.loginForm.code = 'data:image/png;base64,' + btoa(new Uint8Array(res.data.image).reduce((data, byte) => data + String.fromCharCode(byte), '' ))二、后台返回ArrayBuffer转base64，后台流转图形验证码.a.后台返回如下：![在b.前端转换格式并显

原创 vue项目生成二维码（vue-qr）

1.安装 npm install --save vue-qr2.导入项目中使用3.data中定义url,图片路径4.页面中使用注：安装中遇到的问题a.若安装 npm install --save vue-qr报错Error: Can’t find Python executable “python”, you can set the PYTHON env variable解决：安装 =》 npm install --global --production windows-build-

原创 uni-app导入项目踩坑记—wxConfig is not defined

尝试一下uni-app，没成想导入项目就报错，（我用的cli脚手架搭建项目）一、脚手架搭建项目1.全局安装npm install -g @vue/cli2.创建项目vue create -p dcloudio/uni-preset-vue my-project3.启动项目（微信小程序）npm run dev:mp-weixin4.微信小程序开发者工具导入项目 —wxConfig is not defined,重新导入还是这样，仔细看下原来是路径错了，导入的文件不对，正确的应该是dist=

原创 解决vue项目背景图不显示问题？

问题1：打包后运行线上地址出现页面空白解决：将绝对路径改为相对路径，config=>index.js下的 assetsPublicPath改为./问题2：打包后运行线上环境部分图片不显示（背景图等）解决：build=>utils.js下的 publicpath改为…/…/...

原创 git提交代码报错解决办法remote: bxn: Incorrect username or password (access token)

git提交代码时报错（用户名或密码不正确）：提交时弹出的输入框让填写密码和用户名，随便填的一个，在git push就报错。解决方案：一：打开控制面板=>用户账户=>凭据管理器（window凭据=>普通凭据）二.找到普通凭据=>，编辑，填写用户名和密码，点击保存即可，最后重新git push。（注：填写用户名还不行的话，用户名改成邮箱试试）...

原创 get和post的区别，何时用

get和post的区别？何时用1.get使用url或cookie传参。而post将数据放在body中。2.get的URL会有长度上的限制，而post的数据则可以非常大3.post比get安全，因为数据在地址栏上不可见最本质的区别：get是用来从服务器上获得数据，而post是用来向服务器上传递数据以下几种情况，用post方法：1.请求的结果有持续性的作用，例如：数据库内添加新的数据行2.若使用get方法，则表单上收集的数据可能让URL过长3.要传送的数据不是采用ASCII编码以下几种情况，

原创 JS的字符串类型有哪些方法？正则表达式函数用法

JS的字符串类型有哪些方法？正则表达式函数用法1.charCodeAt方法返回一个整数，代表指定位置得Unicode编码2.formCharCode方法从一些Unicode字符串中返回一个字符串3.charAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串4.slice方法返回字符串的片段5.substring方法返回位于String对象中指定位置的子字符串6.substr方法返回一个从指定位置开始的指定长度的子字符串7.indexOf方法返回String对象内第一次出现子

原创 js时间戳转标准时间

var now = new Date(res.data.data.result[0].noticeProfessions[0].createtime);//直接用 new Date(时间戳) 格式转化获得当前时间console.log(now);console.log(now.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8)); //再利用拼接正则等手

原创 Invalid regular expression: /^([^a-zA-Z_脌-脰脴-枚酶-每桶-徒涂-峥库€�-鈥嶁伆-鈫忊皜-饪裤€�-頍匡-锓忥钒-锟絔)|^((x|X)(m|M)(l|

Invalid regular expression: /([a-zA-Z_脌-脰脴-枚酶-每桶-徒涂-峥库€�-鈥嶁伆-鈫忊皜-饪裤€�-頍匡-锓忥钒-锟絔)|((x|X)(m|M)(l|L))|([a-zA-Z_脌-脰脴-枚酶-每桶-徒涂-峥库€�-鈥嶁伆-鈫忊皜-饪裤€�-頍匡-锓忥钒-锟�-.0-9路虁-童鈥库亐])/: Range out of order in character class预生产访问报错，字面像是正则表达式的错误，检查了一下项目中用正则的地方没问题，仔细分析了一下是不是

原创 vue项目H5分享朋友圈实现

注：1.web的分享只能通过微信右上角自带的三个点分享，只有app才能实现自定义按钮的分享。步骤：1.安装 ：npm i -S weixin-js-sdk2.新建js导入import wx from ‘weixin-js-sdk’ //微信sdk依赖3.js文件import wx from 'weixin-js-sdk' //微信sdk依赖import axios from 'axios'; // 引用全局//要用到微信APIfunction getJSSDK(url

原创 解决vant图标放正式环境不显示问题

在mian.js导入 import ‘vant/lib/icon/local.css’

原创 axios请求Post跨域解决办法

原创 Vue项目main.js导入less文件报错

import './styles/index.less'报错：原因：新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面。去webpack.base.config.js中删除这段代码，重新运行，ok.

原创 vue项目百度地图解决跨域

首先：npm install vue-jsonp --save 安装依赖main.js导入：使用：

原创 vue项目引入百度地图

vue项目引入百度地图<template> <div class="searchAddress"> <van-nav-bar left-arrow title="选择地址" @click-left="onClickLeft" @click-right="onClickRight"></van-nav-bar> <div class="search"> <div class="add" @click="show

原创 js添加类名实现按钮切换

js添加类名实现按钮切换方法一：` <div class=“buttons” @click=“tap”>全部（320000）好评（32）中评（32）差评（0）js:// 点击评价tap(e) {if (e.target.className === ‘button’) {for (var i = 0; i < e.target.parentNode.child...

原创 几道前端面试题

一、import和link的区别1 适用范围不同：@import可以在网页页面中使用，也可以在css文件中使用，用来将多个CSS文件引入到一个CSS文件中；而link只能将CSS文件引入到网页页面中2 功能范围不同：link属于XHTML标签，而@import是CSS提供的一种方式，link标签除了可以加载CSS外，还可以定义RSS,定义rel连接属性等，@import就只能加载CSS3 ...

原创 vue+vant上传图片

vue+vant上传图片HTML: <!-- 上传图片确诊详情 --> <div class="upload" v-show="uploadImage"> <!-- <p>请详细描述确诊的内容和上传图片</p> --> <textarea name id="upfile" placeh...

原创 .babelrc使用中遇到的错误

1.Module build failed: ReferenceError: Unknown plugin “import” specified in “C:\bxn\WYwap\.babelrc” at 2, attempted to resolve relative to “C:\bxn\WYwap”原因： 缺少插件babel-plugin-import解决方案：npm install ...

原创 微信小程序图片托管

/wxss不支持本地资源（图片、字体）,只支持网络图片（http:// https://）或者base64/1.公司服务器2.（临时）自己的github新建项目，把本地图片提交到github，iconpath只能用本地图片，其他只能用网络图片a.首先点settingb.找到Github Pages,选择分支（变成网页），c.通过此地址访问图片，点击出现404，补全路径文件夹名/图片名...

原创 node.js快速搭建接口

对于刚开始不会node写接口和调用接口，可以通过这个清晰的初步了解到整个过程。1.在node官网https://nodejs.org/en/下载node.js2.在自己电脑中新建一个文件夹，例如：D:/node3.在该新建的文件夹中，打开命令行窗口（shift+右击） npminit创建package.json文件4.通过 npm install express –save 安装expre...

原创 css相关知识

css相关知识1.BFC机制BFC(Block Formatting Context)，块级划格式上下文，是一个独立渲染的区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。—触发条件 (以下任意一条)a.float的值不为noneb.overflow的值不为visiblec.display的值为table-cell、tabble-caption和inl...

原创 Vue

@#vue组件如何通信？Vue组件通信的方法如下:props emit+v−on:通过props将数据自上而下传递，而通过emit+v-on: 通过props将数据自上而下传递，而通过emit+v−on:通过props将数据自上而下传递，而通过emit和v-on来向上传递信息。EventBus: 通过EventBus进行信息的发布与订阅vuex: 是全局数据管理库，可以通过vuex管理全...