- 博客(22)
- 收藏
- 关注
RSS订阅原创 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
185
原创 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
9729
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
4204
原创 前端处理后端多余字段
后端多个接口都用同一个实体类，导致返回前端有很多不需要的字段。如果后续需要进行，编辑操作，一个个赋值会很麻烦。整个对象赋值，又可能指针赋值，影响其他数据这时候就需要，创建一个公共js文件用于过滤对象不要的字段。具体实现方法如下function EditForm(data){ this.custCode=data.custCode; this.summaryId=data.summaryId; this.custName=da...
2021-12-02 15:57:54
1679
原创 前端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
1302
原创 前端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
2419
原创 前端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
1560
原创 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
1220
原创 js定时器，js防重复点击
let addFlag=trueif(addFlag){this.addFlag=false//定时器,防止重复点击lettimer=setInterval(()=>{addFlag=trueclearInterval(timer)},3000);}
2021-08-30 15:04:04
414
原创 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
93
原创 项目实战经验
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
517
原创 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
330
原创 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
1062
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
1052
原创 简单理解XHR、Ajax、Axios、Promise
什么是异步请求？请求：客户端向服务器请求数据！无异步请求：在完整网页上发送任何请求，都会导致整个页面的全部刷新！有异步请求：可以实现网页的局部刷新！如何查看网页的异步请求（XHR）？F12=>Network=>XHR，刷新页面我们可以看到网页所有的XHR（XMLHttpRequest）请求XHR（XMLHttpRequest）是什么？XHR是浏览器提供的API，通过该API，简化了异步通信的过程。XHR可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者
2021-06-07 16:03:18
1261
原创 使用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
1716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人