- 博客(29)
- 收藏
- 关注
RSS订阅原创 el-button按钮loading
有一个需求是：在点击按钮后由于后台要执行一会，所以需要前台给一个反馈，让用户知道在执行中，所以想到的就是给按钮一个loading，实现就是在按钮点击事件开始把loading变成true，结束变成false，但是这样如果后台接口报错，就不往下走了，loading就会一直转下去了。所以要单独给报错关闭一下。
2023-07-27 09:31:53
2620
原创 window.open跳转新页面打印预览非正常关闭后vue页面表单失效问题
window.open跳转新页面打印预览非正常关闭后vue页面表单失效问题
2023-03-08 13:24:55
838
原创 vue使用print.js打印插件
任务：解决vue页面局部打印功能print.js插件，可以打印 html、pdf、json数据官网：https://printjs.crabbly.com/一个整理的很好的讲解:https://www.jianshu.com/p/bc079fbb20c7一、步骤：1.安装插件 npm install print-js --save2.在需要打印的页面导入库 import print from 'print-js'3.在vue文件中新建一个打印div盒子 ，设一个 id 值（printB
2021-08-06 17:09:00
7814
5
原创 右键关闭全部标签卡
实现效果图实现思路：一、实现右击菜单的divhtml内容<div v-show="contextMenuVisible"> <ul :style="{left:menuLeft +'px',top:menuTop+'px'}" class="contextmenu"> <li><el-button type="text" @click="closeAll()" size="mini">关闭所有</el-button><
2021-07-29 15:33:27
834
原创 Vue中less-loader和less版本错误
一、TypeError: this.getOptions is not a function错误问题：用可视化ui创建的vue项目，安装less-loader和less依赖后，报的错误分析：less-loader版本过高，导致getOptions函数方法不兼容，需要卸载现有的less-loader，重新安装解决：npm uninstall less-loader 卸载现有的less-loadernpm install less-loader@5.0.0 下载低版本的less-loader
2021-05-26 18:18:50
1034
转载 用鼠标滚轮滚动控制图片的缩小放大
转自：原文链接尚未分析明白，先记录一下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Langua
2021-04-28 18:29:13
687
原创 不使用＜audio＞原格式，播放、暂停音频
今天写页面的时候，遇到了一个类似微信语音样式的音频播放，身为小白的我，还是觉得用H5的比较简单，但是自带的格式（controls ）并不符合要求，其实是一个很简单的盒子就行，单击播放，再单击停止。但是生疏的手卡了半天，我决定记录一下...首先，分析一下这个标签，它的几个属性只有在controls属性出现时才会展示出audio默认的样式，其余属性看需求添加 <audio src="./" controls="controls"></audio>一开始没添加的时候啥也没有
2021-04-28 18:24:39
444
原创 Node.js第三方模块
1.formidable作用：解析表单，支持get请求参数、post请求参数、文件上传。//引入formidable模块const formidable = require('formidable');//创建表单解析对象const form = new formidable.IncomingForm();//设置文件上传路径form.uploadDir = '/my/dir';//是否保留表单上传文件的扩展名form.keepExtensions = true;//对表单进行解析
2021-04-26 15:19:58
425
原创 学习Node.js出现错误SyntaxError: Unexpected token R/T in JSON at position 0
一、SyntaxError: Unexpected token R in JSON at position 0错误信息截图：错误位置代码 //查询所有文章数据 let articles = await Article.find().populate("author");在mongoose中使用populate方法实现集合关联时，导致模板引擎art-template无法渲染原文链接：详细解释**解决方法：**后面添加.lean() //查询所有文章数据 let articles
2021-04-25 18:18:13
1707
3
原创 Node.js异步函数出现错误UnhandledPromiseRejectionWarning
原代码： form.parse(req, async (err, fields, files) => { await Article.create({ title: fields.title, author: fields.author, publishDate: fields.publishDate, cover: files.cover.path.split("public")[1], content:
2021-04-25 17:37:05
1457
2
原创 Node.js第三方模块 joi
Node.js第三方模块JoiJavaScript对象的规则描述语言和验证器//示例代码：const Joi = require('joi');const schema = { username:Joi.string().alphanum().min(3).max(30).reuqired().error(new Error('错误信息')), password:Joi.string().regex(/^[a-zA-Z0-9]{3,30}$/), access_token:[Joi.strin
2021-04-20 16:38:32
565
原创 bcrypt加密模块环境安装
一、bcrypt依赖的其他环境1、python 2.x下载链接：网盘链接 提取码：idw6傻瓜式next安装右键此电脑——属性——高级系统设置——高级选项卡——环境变量——选择系统变量里的path——编辑——添加python安装地址（D:\Program Files (x86)\Tencent\Python2.7）——确定*32、node -gyp以管理员身份打开powershell，输入npm install node-gyp -g，回车，完成安装3、windows-build-t
2021-04-16 14:33:36
1594
原创 nodejs中第三方模块改默认的index.js入口
const axios = require("axios");一般来说nodejs默认会找node_modules对应模块下的index.js文件但如果对应的文件并不是以index命名，可以到根目录（db）下打开cmd，输入npm init --yes，会生成一个package.json文件，将默认的接口改为db.js...
2021-03-19 17:48:01
1150
原创 [Vue warn]: Avoid using non-primitive value as key
发生错误：[Vue warn]: Avoid using non-primitive value as key原因：列表渲染时key值不唯一解决方法： <BlogItem v-for="item in listArr" :key="item.id" :itemObj="item" />
2021-03-11 17:06:07
310
原创 vue配置@（根目录）
经网络查找，找到的解决方法：原文链接遇到的问题：试过把@换为./可以，所是不支持@返回根目录解决方法：原文链接中是在vue.config.js中写：const path = require("path");const resolve = dir => path.join(__dirname, dir);module.exports = { baseUrl: "./", runtimeCompiler: true, chainWebpack: config => {
2021-03-10 17:04:58
4823
原创 服务器端学习笔记
一、创建web服务器新建server文件夹在server文件夹下创建app.js文件编写代码//用于创建网站服务器的模块const http = require("http");// app对象就是网站服务器对象const app = http.createServer();//当客户端有请求来的时候app.on("request", (req, res) => { res.end("<h2>hello user</h2>");});app.li
2021-03-10 16:54:59
345
原创 npm安装时出错（npm版本不支持）
出错截图ERR：npm WARN npm You can find the latest version at https://nodejs.org/npm ERR! cb.apply is not a functionnpm ERR! A complete log of this run can be found in:原因：npm版本不支持node版本，也就是需要升级npm版本解决方法检查npm和node版本，在命令窗口中分别使用npm -v ， node -v 查看版本
2021-02-20 16:02:25
3155
原创 Win10系统在MongoDB安装过程中出现service MongoDB failed to start，verify that you have sufficient...
MongoDB安装过程中出现service MongoDB failed to start，verify that you have sufficient privileges to start…首先安装时选择ignore忽略，安装完成后在搜索框中输入服务或services.msc，打开服务界面找到MongoDB Server右键登录 -> 属性 -> 登录登录身份选择本地系统账户，点击确实。原文：https://www.cnblogs.com/lvruifang/p/123
2021-02-20 14:56:22
342
原创 Node.js中模块加载机制
1.模块查找规则-当模块拥有路径但没有后缀时require('./find.js');require('./find');require方法根据模块路径查找模块，如果时完整路径，直接引入模块如果模块后缀省略，先找同名JS文件再找同名JS文件夹如果找到了同名文件夹，找文件夹中的index.js如果文件夹中没有index.js就会去当前文件夹中的package.js文件中查找main选项中的入口文件如果找指定的入口文件不存在或者没有指定入口文件就会报错，模块没有被找到2.模块查找规则-当模块
2021-02-02 17:54:18
127
原创 Node.js里的package.json文件
1.node_modules文件夹问题文件夹以及文件过多过碎，当我们将项目拷贝给别人的时候，传输速度会很慢复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否之会导致当前项目运行报错2. package.json文件的作用项目描述文件，记录了当前项目信息，例如：项目名称、版本、作者、GitHub地址、当前项目依赖了哪些第三方模块等。使用 npm init -y 生成（-y是一切选项使用默认值）实验：新建description文件夹在当前文件夹下打开powershell窗口
2021-02-02 17:19:07
667
原创 gulp及其插件的使用
文章目录前言一、基础配置二、html任务1.下载2.gulpfile.js代码编写总结前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言gulp的使用、安装、插件等。gulpfile.js的编写提示：以下是本篇文章正文内容，下面案例可供参考一、基础配置新建gulp-demo文件夹，在该文件夹下新建src文件夹、list文件夹和gulpfile.js文件。将所需项目放到src文件夹下在gulpfile文件中编写代码在power’shell中输入 npm instal
2021-01-28 13:57:30
205
原创 Node.js的运行环境搭建
运行环境安装1.官网下载：http://nodejs.org/en/LTS ：长期支持版 稳定版 （选择√）Current : 拥有最新特性 实验版根据自己的电脑配置，自行选择，本人电脑win64使用的以前的版本：双击运行，一路点Next，更改安装目录，直到 Finish，安装完成2.安装完成，验证是否正确安装快捷键win+r ——输入powershell输入 node -v —— 显示node版本——安装正确...
2021-01-24 18:30:05
173
原创 使用gulp执行task任务时报错 The following tasks did not complete: first Did you forget to signal async...
使用gulp执行task任务时报错 The following tasks did not complete: first Did you forget to signal async…执行gulp任务时报错错误信息：解决办法：结尾加done();
2021-01-23 22:14:48
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人