- 博客(116)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 js将dom转成图片并下载(亲测有效) domtoimage替换html2canvas
之前使用html2canvas转成图片会有各种bug,如canvas被污染,导致不能下载,图片跨域等.最终还是没能解决问题.最近找到一个新的插件domtoimage,可以完美解决之前的问题,这个只需要引入js,然后调用即可生成图片. domtoimage.toPng(document.getElementById('repair')) .then(function ...
2019-08-01 10:34:19
8322
8
原创 es6中promise用法详解
1.含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。2.特点（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，...
2019-01-11 17:50:31
713
原创 VUE-CLI 3.x的vue.config.js配置说明
module.exports = { baseUrl: "./", //1.默认为 "/":部署在一个域名的根路径上 ; 2. "./":所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径 outputDir: "dist", //默认为 "dist",指打包后的资源放置的路径，放在dist文件夹下 assetsDir: "static", //默认为:'' ,放置...
2018-12-10 11:51:35
2315
原创 vue中element UI可折叠式导航菜单(导航列表根据后台数据渲染-动态加载导航菜单)
版本一：可折叠式，数据前台自定义<template> <div id="index"> <el-aside width="152px" class="asideNav"> <el-menu :default-active="defaultActive" class="el-menu-vertic
2018-11-14 17:48:20
25203
1
原创 vue+element UI实现树形表格，带树形选择的复选框
一：在component文件夹下新建如下treeTable文件夹，里面有2个文件：eval.js:将数据转换成树形数据/** * @Author: jianglei * @Date: 2017-10-12 12:06:49 */"use strict";import Vue from "vue";export default function treeToArray(...
2018-09-03 09:37:00
96069
67
原创 vue组件传值的详细使用教程（父到子，子到父，兄弟间，祖孙间, 全局数据管理）
父到子：father.vue中：<router-view :data="d" msg="hello"></router-view>data() { return { d: "发送给兄弟的数据" }; },son.vue中：（在export defaullt内部添加属性props）props: ["data","msg"]...
2018-07-31 19:37:50
671
原创 uniapp中cover-view在安卓APP中点击事件不生效的问题
因为使用到了map地图,需要在地图上方覆盖按钮,起因是直接在cover-view中写文本会样式不对,所以在里面又包含了一层cover-view写文字,但是事件是绑定在外层的cover-view上,所以点击很多次才触发了外层的事件。解决办法:去掉内层的cover-view,样式再用其他方式实现;
2024-04-12 17:59:45
128
原创 uniapp开发Android安卓应用打包配置及使用高德地图配置获取定位失败的问题解决(踩坑)
uniapp开发安卓APP使用高德地图及定位失败的配置
2024-04-10 19:38:51
269
1
原创 express/koa2中使用http-proxy-middleware代理转发后端接口解决跨域问题
http-proxy-middleware使用
2024-01-26 17:44:11
599
原创 vue路由使用history模式部署线上报错ChunkLoadError: Loading chunk xxxxxx failed.
后面查找原因是vue.config.js中的publicPath: './'的问题,把它改成publicPath: '/'然后打包就好了。使用vue的history路由模式打包上线,发现控制台报错。部署使用的是nginx。
2024-01-04 18:39:51
532
原创 localforage本地存储(融合Web Storage,Web SQL Database,ndexedDB三种前端存储)
localforage本地存储
2023-12-26 18:02:20
375
原创 使用javascript动态创建script标签引入插件,并执行插件内容
使用javascript动态创建script标签引入插件,并执行插件内容。
2023-10-12 12:15:31
946
原创 npm ERR! nested aliases not supported 报错原因
npm install xxx 安装升级依赖报错 npm ERR!可以试试把package-lock.json文件删除再试试。原因是安装的依赖已经锁定版本了,需要解除锁定才能继续执行。
2022-09-28 10:41:58
1019
原创 linux系统中运行持续运行node项目
在linux中通过node app.js运行项目有时候需要使用到环境变量但是会遇到持久运行的问题,一般可以通过pm2或者forever来持久运行,但是运行npm命令要配置环境变量,使用nohup运行,比较麻烦,参考如下:下图地址这里介绍一个投机取巧的办法解决这个问题,直接在app.js第一行设置这样就可以直接通过pm2或者forever进行项目持久化启动了下面介绍一下forever持久化启动n...
2022-06-23 11:43:56
1973
1
原创 js图片压缩插件compressorjs
//d.file是上传的原始文件数据 let quality=1 if(d.file.size<1000*1000){ //小于1M quality=0.8 }else if(d.file.size<5000*1000){ //小于5M quality=0.5 }else if(d.file.size<10000*1000){ //小于10M quality=0.3 }el...
2022-04-29 16:40:26
3629
原创 微信SDK配置wx.config报invalid signature签名错误
前端接入步骤:1. “公众号设置”的“功能设置”里填写“JS接口安全域名”2. 引入http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）3. config注册授权:wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识
2022-04-21 14:46:07
5649
原创 强大的js动画animejs使用
anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs安装及引用:// 终端中安装:npm install animejs //文件中引入import anime from "animejs"使用://html: <div class="w375">HelloWorld</div> <div class="normal">正常文字</div> <em class="em"&
2022-01-25 16:07:31
3350
原创 三种坐标系经纬度转化小工具
国际定位标准: WGS84 公用转化的坐标系,一般保存在后端数据库 火星坐标系: GCJ-02 国测局标准,中国使用,在国际定位标准上加密生成的. 高德地图,腾讯地图以及谷歌中国区地图使用该坐标系 百度坐标系: BD-09 百度坐标系,在火星坐标系上再次加密生成的. 百度地图使用该坐标系wgs84 ---》gcj02 ---》bd09 三种坐标系只能一层一层转化,百度和国际要通过火星坐标系转化代码如下:<!DOCTYPE html><html lan...
2021-12-24 16:00:09
3186
原创 js实现公历(阳历)和农历(阴历)的换算
1. 引入转换js文件:import calendarFormatter from '@/common/dateChange.js'2. 公历转农历: let nongli = calendarFormatter.solar2lunar(2020,5,26); console.log(nongli); // 结果如下: // { // Animal: "鼠", // IDayCn: "初四", // IMonthCn: "闰四月
2021-10-18 10:51:40
5922
6
原创 微信授权及微信支付跳转回来的路径带有#的hash路径会被忽略
使用微信授权和微信h5支付时,需要配置redirect_uri 参数,如果参数里面的路是带有#的hash路径时,#后面的内容会被微信认为是不合法的,然后会被微信忽略掉,比如配置的是http://www.text.com:8082/index.html#/payResult微信跳转回来的时候会变成http://www.text.com:8082/index.html解决办法:可以将url进行编码,使用encodeURIComponent('http://www.text.com:.
2021-10-13 17:33:33
1946
2
原创 nodejs(express)中输出打印的日志保存到本地磁盘
nodejs打印的日志都会在控制台中打印处理,要把这些日志保存到本地,可以借助 log4js 依赖1. 安装依赖npm ilog4js -S2. 在入口文件引入setLog.jsvar express = require("express");var app = express();var con = require('./setlog.js');app.use(con.netLog()); //netLog方法的参数为 "none"(默认), "debug", "info.
2021-09-28 17:16:53
3193
1
原创 vue移动端调用支付宝H5支付无法调起,form表单已经添加到页面上
前端调用后端支付宝h5支付接口,会返回一串form表单的字符串,此时直接使用v-html将字符串赋值到页面上,页面上也有显示,但是就是调用不起来支付,因为v-html赋值页面还没加载完成,里面的js:document.forms[0].submit()执行会失效,此时使用$nextTick方法,等dom加载完成在执行一遍返回的字符串里的js代码 this.$nextTick(function(){ document.forms[0].submit() /.
2021-09-24 15:40:20
563
原创 使用js下载txt文件
var download = require('../assets/download.js') function down(v){ if(v.indexOf('.txt')!==-1){ var x=new XMLHttpRequest(); x.open("GET", v, true); x.responseType = 'blob'; x.onload=function(e){download(x.respon...
2021-07-16 18:15:08
1247
原创 vue2.x 自定义可拖拽弹窗组件
<template><div class="popupmask" @click.self="close2"> <div class="popupmain" :id="popupKey" :ref="popupKey" :style="{ width, height, left:left+'px', top:top+'px', }"> <div class="popupheader" :style.
2021-07-14 10:23:21
326
原创 vite打包后直接浏览器打开报错
浏览器直接打开index.html报错:Access to script at 'file:///F:/code/vue3-app/dist/assets/index.9d2bd720.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chro
2021-07-08 14:59:32
4502
6
原创 vue-cli3使用scss/less/stylus添加全局变量
1.安装依赖:vue add style-resources-loader2.安装依赖时,选择对应的lcss或者scss3.在vue.config.js中配置const path = require("path");module.exports = { ...//其他配置 pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [path.r.
2021-06-25 14:50:06
157
原创 node项目在linux/window服务器中转发请求后端接口请求不通
用node在linux中启动项目,转发请求后端接口一直请求不通,没有返回,无论是接口前缀是写域名,还是ip,都请求不到,最后改成localhost才请求通了;后端项目和node项目在同一台服务器上,所以
2021-06-03 17:52:34
431
原创 高德地图生成自定义地图
登录高德地图后台,进入https://lbs.amap.com/dev/mapstyle/index创建地图,设置完成颜色后点击发布,会生成一个地图的styleid创建地图时使用该styleid即可 var map = new AMap.Map('container',{ mapStyle: 'amap://styles/0ea14f4a93e142789c4958ef488c3d05', //设置地图的显示样式 center:[.
2021-05-11 11:30:29
3355
1
ffmpeg多个版本windows安装包 20170312 5.1.2 6.0.0
2023-08-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人