自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 how to use express-ws and express realize webSocket function

【代码】how to use express-ws and express realize webSocket function。

2023-04-12 17:57:09 183

原创 查看更多(按钮)实现思路

js 查看更多(按钮)实现思路

2022-12-07 10:19:50 441

原创 node环境变量配置

第二:在黑窗口打如下命令(个人理解:通知npm,将包存储路径换到D盘下面,原本默认是:C:\Users\Administrator\AppData\Roaming)我下一步需求是,将系统默认的全局包下载路径(C:\Users\Administrator\AppData\Roaming)换到D盘下面,以减少C盘存储压力。1、新增一个系统变量:NODE_PATH:D:\Program Files\nodejs\node_global\node_modules。首先,node被我安装在D盘。...

2022-08-29 18:11:43 9716 1

原创 树形el-table,添加、删除节点

el-table结合el-tree,树形数据、节点数据,新增子节点、新增平级节点、删除节点

2022-03-30 16:21:35 3578 1

原创 vue,gif动态图,循环播放+闪烁问题

循环播放:用定时器,图片路径后面加随机数图片闪烁:图片预加载下面贴代码:mounted(){ this.timer= setInterval(()=>{ this.bgGif= require('../../assets/main/bgGif.gif')+'?'+Math.random()//添加随机数 this.loadImage(this.bgGif,this.setImage) },700)},loadImg

2022-03-03 10:55:14 4193

原创 前端处理后端多余字段

后端多个接口都用同一个实体类,导致返回前端有很多不需要的字段。如果后续需要进行,编辑操作,一个个赋值会很麻烦。整个对象赋值,又可能指针赋值,影响其他数据这时候就需要,创建一个公共js文件用于过滤对象不要的字段。具体实现方法如下function EditForm(data){ this.custCode=data.custCode; this.summaryId=data.summaryId; this.custName=da...

2021-12-02 15:57:54 1678

原创 前端vue导出PDF

async function getPdf(title,domName,_this) {//文件名,'name' // returnlet a4HeightRef=0let leftHeight=0let position=0 let pdfProgress=1 let a4Width=831.89let a4Height=579.28let canvasList=[]let a4LeftHeight =0let height = null ...

2021-11-29 20:10:55 1299

原创 前端vue图片批量下载,导出zip压缩文件

1、首先安装node_module插件npm i jszip

2021-11-19 11:06:43 2652 2

原创 初识后端1

controller:接收前端的信息

2021-11-16 15:52:09 234

原创 前端el-table导出pdf

1、首先来看下效果图2、使用技术:html2Canvas、JsPDF插件,mode_modules下载两个插件npm i html2Canvas JsPDF其中,html2Canvas 负责把html转为图片,JsPDF负责把图片转为pdf文件3、点击按钮触发打印事件//点击按钮触发打印事件button @click='htmlToPdf(节点ID',文件名')'>print<button>//传入打印节点,文件名,然后调用打印事件htmlToP...

2021-11-08 16:47:00 2401

原创 前端excel下载,js接收excel二进制数据流,转化为excel下载

// 定义接口函数export function shopExport(data) { return request({ url: '/shop/export', 'responseType': "arraybuffer",//指定响应的数据类型 // params: query method:'post', data })}//调用接口 shopExport(data).then((res)=>{export_excel_file(res.

2021-11-02 10:34:33 1623

原创 van-field视图不变化+正则限制数据输入

v-model不能生效,所以监听输入事件并赋值数据变了,视图不变,就加一个this.$nextTick()函数 <van-field @change="nameInput" :value='name' placeholder="请输入用户名"> </van-field> nameInput(e){ let val= e.detail.value

2021-09-26 19:06:52 1557

原创 el-form 二次封装

子组件<template> <div> <el-dialog :visible="isShow" :title="title" :width="width" @close="btnCancel" > <el-form :label-width="formConfig.labelWidth" :inline="formConfig.inline"..

2021-09-02 09:52:24 1217

原创 js定时器,js防重复点击

let addFlag=trueif(addFlag){this.addFlag=false//定时器,防止重复点击lettimer=setInterval(()=>{addFlag=trueclearInterval(timer)},3000);}

2021-08-30 15:04:04 413

原创 js-cookie

import Cookies from 'js-cookie'const TokenKey = 'h5-vue-cli_token'export function getToken () { return Cookies.get(TokenKey)}export function setToken (token) { return Cookies.set(TokenKey, token)}export function removeToken () { return C...

2021-08-18 14:31:37 92

原创 项目实战经验

1、图片上传分两步①将本地图片上传到服务器,获取图片服务器地址②将图片链接上传到对应地址2、关于生产环境和测试环境项目开发会分两个服务器,项目开发一般都是连接测试服务器的接口。项目上线就会把项目搬到生产服务器上,这时项目已经在运营了,里面都是真实的用户数据,所以后续开发基本不连接生产环境接口进行开发,防止数据混乱,分不清真实数据还是假数据。3、微信小程序上线需要...

2021-08-11 23:23:17 112

原创 利用node.js框架express简单搭服务器+连接mySQL数据库+原生js发送ajax请求

首先需要安装的程序:npm包管理工具、 node.js服务器1.利用node.js框架express托管静态资源npm init -y 初始化项目npm i express安装依赖node sesrve.js 小黑窗运行命令行serve.js服务器main 页面静态文件const express = require('express')const app = express()//资源托管app.use('/', express.static('main'))...

2021-08-01 21:21:51 516

原创 Element框架:formatter属性替代过滤器filters

<el-table> <el-table-column label="请求方式" align="center" prop="type" :formatter="methodFormat" /></el-table>methods(){methodFormat(raw){ let dict={ 1:'post', 2:'get' } .

2021-07-30 11:48:00 327

原创 vue如何实现表格的动态输入,输入参数名、参数值,如何获取到一个对象??

1、点击新增就push一个新对象dataList:[]dataList.push({name:'',value:''})2、然后利用Element框架的table的作用域插槽渲染出来 <el-table :data="dataList" > <el-table-column prop="name" label="属性名"> <template slot-scope="...

2021-07-12 17:39:23 1060 1

原创 vue中如何使用filters过滤时间?

1、首先在变量后面输入管道符 |,再在管道符 | 后面添加mapTime()函数(函数名随意) <div>{{ row.updateDate | mapTime }}</div>2、与data、methods同级位置添加过滤器,并定义mapTime()函数,函数参数可以接收到管道符前面的变量,对参数数据进行改造后,函数返回的字符串就会显示在Html中 filters: { mapTime(date) { const nDate = new Da..

2021-07-12 17:08:00 1051

原创 简单理解XHR、Ajax、Axios、Promise

什么是异步请求?请求:客户端向服务器请求数据!无异步请求:在完整网页上发送任何请求,都会导致整个页面的全部刷新!有异步请求:可以实现网页的局部刷新!如何查看网页的异步请求(XHR)?F12=>Network=>XHR,刷新页面我们可以看到网页所有的XHR(XMLHttpRequest)请求XHR(XMLHttpRequest)是什么?XHR是浏览器提供的API,通过该API,简化了异步通信的过程。XHR可以同步或异步地返回 Web 服务器的响应,并且能够以文本或者

2021-06-07 16:03:18 1259

原创 使用layui框架时,如何快速为表单赋值?

准备的数据<form><input type="text" name="id"><input type="text" name="username"><input type="text" name="nickname"></form>let data={id:1,username:"用户名",niciname:"昵称"}首先为html的form添加属性,"formInfo"自定义名字<form lay.

2021-04-02 16:48:23 1707

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除