- 博客(25)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 vue-element-admin npm ERR code 128 npm ERR An unknown git error occurred
npm ERR! code 128npm ERR! An unknown git error occurred
2022-03-17 10:12:56
1356
原创 electron-vue-admin NavMenu导航菜单实现router路由跳转
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router @select="handleNavSelect"> <template v-for="(item, index) in nav_menu_data"> <el-menu-item :key="index" :index="item.path"> .
2021-12-28 15:51:02
1218
原创 electron-vue-admin下载网络文件，保存并显示下载进度
1、安装npm install request2、完整代码var request = require('request');var fs = require('fs');/** * 处理开始下载文件 */function downloadFile(file_url, targetPath) { // Save variable to know progress var received_bytes = 0; var total_bytes = 0; var req = r
2021-12-03 15:44:36
1506
原创 vue JsBarcode的使用
JsBarcode是什么JsBarcode是一个用于生成条形码的js库，支持浏览器和node.js，浏览器端使用不依赖于其他库。JsBarcode官网使用步骤1、引入JsBarcode 的js库：JsBarcode v3.11.0下载地址<script src="JsBarcode.all.min.js"></script>2、页面创建存放条形码容器：（页面允许的条形码容器有三种：canvas、svg、img）<canvas id="c.
2021-11-26 15:52:16
1678
1
原创 获取微信公众号未群发文章的永久URL链接
1、打开自定义菜单--点击菜单内容；2、跳转网页--从公众号图文消息中选择；3、选择素材库，确定返回得到永久URL链接；得到的是长链接，需要短连接，需要在微信里打开后复制链接就可以了；...
2021-11-19 15:40:48
2476
原创 vue-element-admin 简单实现仿淘宝实现商品图片放大镜效果
1、HTML<template> <div v-loading="Loading" class="goodsUpload"> <!-- 商品图片 --> <div class="mainImage"> <!-- 图片 --> <el-image class="imageItem" title="点击大图预览" :src="imageUrl" fit="contain" />
2021-11-12 17:23:03
1851
3
原创 vue-element-admin vue-cropper 图片裁切组件并上传到阿里云OSS
1、安装npm install vue-cropper2、完整代码<template> <div v-loading="Loading" class="app-container accountIndex"> <el-image class="round" style="width: 160px; height: 160px" :src="logo" fit="cover"> </el-image> <el
2021-11-12 11:37:03
1116
原创 vue-element-admin表格缩略图悬浮放大功能的实例代码
具体的代码<!-- 商品表格 --> <el-table :data="listData" border stripe style="width: 100%"> <el-table-column fixed="left" type="index" label="序号" width="60" /> </el-table-column> <el-table-column label="图片" align="c
2021-11-12 11:16:58
179
原创 基于vue-element-admin基础模板实现侧边栏菜单动态渲染
下载：GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template1、路由（部分代码）：export const asyncRoutes = [ { type: 'goods', path: '/goods', component: Layout, children: [{ path: 'goods', component: () => impo
2021-10-28 16:03:26
1401
原创 js中url参数和obj互转的方法
function param2Obj(url) { const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') if (!search) { return {} } const obj = {} const searchArr = search.split('&') searchArr.forEach(v => { const index = v.indexOf('=.
2021-10-12 17:01:17
1087
1
原创 JS、VUE计算字节长度utf8
function byteLength(str) { // returns the byte length of an utf8 string let s = str.length for (var i = str.length - 1; i >= 0; i--) { const code = str.charCodeAt(i) if (code > 0x7f && code <= 0x7ff) s++ else if (code &g.
2021-10-12 16:44:59
1135
原创 vue+element小票打印、58小票打印机
1、组件webview<template> <div class="page"> <!-- 打印视图 --> <webview class="webview" src="/static/print_order.html" nodeintegration> </webview> <!-- 打印视图 --> </div></template>
2021-10-09 16:16:43
2678
7
原创 vue+element解决数据量太大，列表过多，导致渲染过慢（vue-virtual-scroll-list）
1、 安装vue-virtual-scroll-list；npm install vue-virtual-scroll-list --save2、引入下载好的组件，记得局部注册一下组件；<template> <div class="table_body"> <h1>我是标题</h1> <div> <virtual-list :size="40" :remain="8"> .
2021-10-09 15:51:40
3601
1
原创 VUE+element 打开默认浏览器
this.$electron.shell.openExternal('http://www.baidu.com/');
2021-10-09 15:31:28
236
原创 VUE、element父页面调用子页面中的函数
父页面<template><div @click="handleRefreshClick()">刷新</div> <div> <router-view ref="addNoticeModal"></router-view> </div></template>import addNoticeModal from '@/views/addNotice'export default {
2021-10-08 15:49:33
469
原创 js怎么通过逗号将string转换成数组
var str = "aaa,bbb,ccc";var arr = str.split(',');//检测是不是数组的实例console.log(arr instanceof Array);//true
2021-09-29 15:39:28
207
原创 JS数组转换成以逗号隔开的字符串
var aaa=["a","b","c","d"]console.log(aaa.join(","))输出a,b,c,d
2021-09-26 10:51:32
474
原创 js 遍历数组取出字符串用逗号拼接
var arr = [{"name":"abc"},{"name":"def"}];function getTextByJs() { var str = ""; for (let item of arr) { str += arr.name+ ","; } //去掉最后一个逗号(如果不需要去掉，就不用写) if (str.length > 0) { str = str.substr(0, str.length - 1); .
2021-09-26 10:33:26
1018
原创 vue模拟点击事件
<input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">this.$refs['excel-upload-input'].click()
2021-09-24 17:48:51
953
原创 JS 按字符串长度切割字符串（支持汉字占2个长度）
按字符串长度切割字符串（支持汉字占2个长度）/** * 按字符串长度切割字符串（支持汉字占2个长度） * * @param src * @param bytes * @return */ chineseSplitFunction(src, bytes) { let that = this; if (src == null) { return null; } let splitList = []; let startIndex = 0; // 字符串截
2021-08-24 11:07:08
1096
原创 微信小程序 - 蓝牙打印机、支持账单模式、标签模式、查询打印机状态、分包发送
CSS/**index.wxss**/page { background-color: #EDF0F5;}.pages { margin: 20px;}.printbtn { margin-top: 20px; width: 100%; height: 80rpx; border-radius: 66rpx; background-color: #42C1AC; color: white; text-align: center; line-height: 80rpx;
2020-09-15 19:09:48
3259
原创 metahandler.js——移动端适配各种屏幕无痛工具脚本
<!DOCTYPE html><html> <head> <title>metahandler.js——移动端适配各种屏幕无痛工具脚本</title> <meta charset="utf-8" /> <meta content="target-densitydpi=device-dpi,width=750" name="viewport"> <meta name="apple-mobile-w.
2020-08-19 12:26:58
258
原创 HTML\VUE移动端调试神器vConsole
<!DOCTYPE html><html> <head> <title>移动端调试神器vConsole</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" /&g.
2020-08-19 12:25:41
265
原创 JS+VUE实现图片压缩、判断方向角、对图片旋转处理
HTML<input @change="selectFileImage" class="weui-uploader__input" type="file" accept="image/*" multiple />JS/** * 选择图片 */function selectFileImage(e) { let file = e.target.files[0]; //图片方向角 added by lzk var Orientation = null; if (fil
2020-08-19 12:11:08
1698
原创 JS分页打印使用window对象的print方法实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>分页打印 - JS分页打印使用window对象print的方法实现</title> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compa.
2020-08-15 17:06:41
453
微信小程序上传图片到阿里云oss
2020-09-27
微信小程序 - 蓝牙打印机、支持账单模式、标签模式、查询打印机状态、分包发送
2020-09-15
简单vue打印例子，集成element-UI、electron-vue、vue-route、axios、echarts(折线图)、qrcodejs2(二维码生成
2020-08-17
WEBIM(即时通讯,客服系统)
2013-08-16
Ajax IM，基于浏览器的即时消息客户端，使用Ajax技术来创建一个接近实时的IM环境
2013-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人