- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 chrome模拟微信浏览器和支付宝浏览器
chrome中可以使用User Agent Switcher 来切换头，向后端请求例如增加User-Agent:Alipay向后端模拟支付宝
2021-06-09 15:05:37
1717
1
原创 angular1.x 自动完成组件
该组件在页面中使用方式<auto-complete ng-model="result" init-list="mymenus" showkey="name" value="value" style="width:200px;margin-left:200px;"></auto-complete>其中，ng-model为绑定在$scope的值，init-list为对象数组，showkey为对象中的显示的值的key，value为对象中的赋值的key，style为自定义内联样式。
2021-04-22 23:02:33
299
原创 前端下载并读取excel并转成对象数组array
xlsx.js可以读取excel，可以使用前端下载下excel文件，并将其中内容转为对象数组，方便处理。例如，在vue-cli3.0或4.0中，将excel作为静态文件，放到public下，通过路径可以访问到。其中axios请求到的文件格式为arraybufferaxios({ method: "get", url: "文件名.xlsx", responseType: "arraybuffer", }).then((res) =>
2021-04-21 09:12:25
1820
原创 前端pdf操作
vue-pdf 对pdf.js进行了二次封装。为了适应项目，做了如下改动在pdfjs包中找到es5/pdf.worker.js在pdf.worker.js 中，注释掉_this3.setFlags(_util.AnnotationFlag.HIDDEN) 可以让电子签章显示。在vue-pdf中，使用canvas渲染pdf文件页面。微信中不支持下载pdf文件，而且canvas也无法另存为图片。这里采用增加img标签的方法，让canvas渲染的我图片再次渲染到img标签中。这样就可以在微信中..
2021-01-26 17:22:24
1063
原创 antv踩坑记录
引入包的时候，要分别引入 npm install @antv/f2 --save页面引入使用 importF2from"@antv/f2/lib/index-all";Cannot read property 'currentStyle' of null主要原因： 找不到dom节点 具体原因1：绘制图表 id 没有对应起来 vue 中要在dom就绪之后绘制图表 $nextTick...
2021-01-05 14:46:43
720
原创 v-for与ui框架琐记
el-tree 在for循环的时候，this.$refs[treeref]是取不到树的，需要使用this.$refs[treeref][0] 加上这个[0]vue-charts 在for循环的时候，options 不能在for循环中取，会造成不渲染。原因未知。暂时解决方法是用另一个数组去装options...
2020-12-30 09:44:54
126
原创 angular 1.X 滚动事件
<div scroll-event> ...</div>//这个div要设置高度和可以滚动app= angular.module("app",["aaa","bbb","ccc"]);app.controller('aController',['$scope','$http']);app.directive('scrollEvent',function(){varobj={restrict:'A',//A匹配属性E匹...
2020-11-30 15:02:48
438
原创 mousedown和mousemove的时候，offsetX和offsetY坐标不准确
多层div 拖动的时候，比如<div id="div1"> <div id="div2">111111</div> <div id="div3">222222</div></div>当点击的是div2或div3的时候，取到的offsetX和offsetY的值是相对该元素。而我们最终需要相对div1的坐标可以如下处理mousedownEvent(event){ let rect = eve
2020-10-15 19:47:09
3142
原创 vue使用createElement异步渲染组件
采用了两种方式第一种方式，vue模板组件建立一个vue文件 ，假如名字叫mountElement.vue<template> <div id="mountedDiv"></div></template><script>import { isVNode } from "@/plugin/VnodeUtil";import TempSlot from "./TempSlot";import Vue from "vue";e
2020-10-09 09:14:36
3234
原创 vue让相同组件只显示一个
常用的有单例模式，也可以采用组件间通信的方法如下<template> <div > <div @click="showComponent"> </div> <div class="x-class" v-show="show"> </div> </div></template><script>import Vue from "vue";va
2020-08-17 09:48:44
1422
原创 js获取前几个月的数组方法和后几个月的数组方法
//获取month的数组，形如[202003,202004,202005],如果没有指定参考年月，以当前年月为准//入参，第一个，前几个月；第二个，参考月份如202007，如果没有以当前年月为准export function getPreMonths(monthNum, endYearMonth) { let now = new Date(); let currentYear = new String(now.getFullYear()); let currentMonth =.
2020-08-10 14:30:24
725
原创 js根据key给数组去重，实际上就是根据key获得归类，聚类
//根据key给数组去重,没有key的话就平铺去重Array.prototype.unique = function (key) { var obj = new Object(); this.map((item) => { if (key && item[key] && !obj[item[key]]) { obj[item[key]] = true; } else if (!key &.
2020-08-10 14:21:51
459
原创 vue-cli3和vue-cli4中vue.config.js给sass变量赋值
var appConfig = require("./public/appConfig")var styleVariables = appConfig.style;//在module.exports = {}中插入webpack配置configureWebpack: { module: { rules: [{ test: /\.scss$/, use: [ .
2020-07-31 17:48:53
1990
1
原创 nvm配置
nvm proxy [url]: 设置用于下载的代理。[url]为空则查看当前代理。设置[url]为"none"以删除代理。代理格式为 nvm proxy http://username:password@proxy:port 其中，如果用户名有特殊字符，用\转义nvm node_mirror <node_mirror_url>: 设置node镜像。国人可以使用https://npm.taobao.org/mirrors/node/ nvm npm_mirror <npm_mi.
2020-06-29 11:32:15
3345
原创 js时间格式化工具 js复制文本函数(通过dom)
时间格式化工具Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(),
2020-05-14 09:34:54
167
原创 electron通过node-ffi调用dll传参数格式问题，utf8转utf16
dll那边接入参数，需要utf16le （小端）无BOM格式，而nodejs这里字符串默认为utf8网上很多通过iconv-lite转码，实际使用过程中并不理想。通过不断的摸索，写了如下的转码函数//处理编码function encode(str, sort = "le") { let resultArr = []; for (let i = 0; i < str.length; i++) { let utf16le = str.charCodeAt(i).toStri
2020-05-09 16:10:50
1069
原创 electron集成node-ffi调用dll踩坑记录
环境配置：npm>=8.9electron 全局和package.json要一致64位系统运行32位dll的时候，node和python2.7，electron都应该为32位。实际使用过程中，所有切成32位以后，node我换成了64位，没有影响。报错 ：Error: A dynamic link library (DLL) initialization routine ...
2020-05-07 09:44:30
3698
4
原创 vue-cli3发布npm包
configureWebpack: { // webpack 设置,可覆盖默认配置 entry: './src/index.js', output: { path: path.resolve(__dirname, './dist'), // publicPath: '/dist/', filename: 'zhuqingPlugins.js',...
2020-04-20 20:01:14
1385
1
原创 使用canvas做的画图板
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>画图板</title> <style type="text/css"> canvas{ ...
2020-04-17 10:00:19
372
原创 [Vue warn]: Failed to mount component: template or render function not defined.
vue异步组件 require("***/***")的时候报错[Vue warn]: Failed to mount component: template or render function not defined.试用 能搜索到的教程，试用require("***/***").default不好用后来发现是vue-loader版本的问题"vue-loader": "^12....
2020-04-16 16:04:42
1509
原创 在useEffect中使用了setState，报错
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffectuseEffect通过使用这个 Hook，通知 React 组件需要在渲染后执行什么操作。每次 render 之后都会执行 useEffect。在useEffect中使用setS...
2020-04-04 23:55:03
8904
原创 vue-cli3脚手架使用过程中遇到的几个小问题
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'新版webpack module.exports和import无法共存 将module.exports 改成export defaultvue-cli3 脚手架It's not allowed ...
2020-03-25 15:34:52
666
原创 使用vue-cli3搭建的工程集成cytoscape.js时候图像偏移的问题
vue-cli3搭建工程默认app的div上有#app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;}...
2020-03-18 13:36:11
144
原创 vue-cli3 报错 upgrade
经过调查是vue.config.js中的proxy写的有问题，修复proxy写法之后问题消失Starting development server...10% building 2/2 modules 0 active ERROR TypeError: Cannot read property 'upgrade' of undefinedTypeError: Cannot read pr...
2020-03-17 12:11:40
1511
原创 nvm安装高版本npm的问题
目前发现 8.11以上版本的node版本对应的npm都没法自动安装，需要自己到npm官网( https://npm.taobao.org/mirrors/npm/)下载手动安装对应的npm版本1、进入nvm下的指定的node版本目录发现目录下没有npm运行文件2、进入node_modules发现文件夹为空3、自己下载node对应的npm版本4、解压后将文件夹重命名为np...
2020-03-12 22:36:31
1426
原创 vue工程vue-cli或只依赖webpack打包的循环依赖和内存溢出Maximum call stack size exceeded Array.join
项目报错且启动不起来。错误大致如下RangeError: Maximum call stack size exceeded Array.join 往往是因为项目中有循环依赖比如vue-router中采用异步路由，require("*/**")或import("*/**");而被引入的组件中又依赖router或上一层，导致webpack打包模块循环依赖。或是req...
2020-03-12 22:33:26
1481
原创 使用原生canvas实现环形布局
<html><div id="graph"></div><div id="drawing" style="position: relative;"></div><canvas id="processCanvas"></canvas><div style="position: relative;"...
2020-03-11 13:56:32
529
原创 ElementUI2.0组件库el-table自定义表头下拉选择 表头筛选
<template> <el-popover placement="bottom" width="180" trigger="click"> <el-select v-model="value" placeholder="请选择" clearable @change="changeHandler" ...
2020-03-10 14:05:19
7786
6
原创 opnjs在web服务器（expressjs）启动之后打开浏览器
opnjs安装npm install opn --save使用const opn = require('opn');opn('http://sindresorhus.com', {app: 'firefox'});//firefox--火狐浏览器 chrome---谷歌浏览器 360se6---360浏览器这里使用的是windows下运行框中直接输入的命令可以启动...
2020-03-10 08:49:53
457
原创 百度地图api和echarts3+vue2热力图填坑
import hangzhouData from "./hangzhou-tracks.json";//杭州热力图数据import heatmap from 'echarts/lib/chart/heatmap';//热力图import bmap from 'echarts/extension/bmap/bmap';//bmapimport echarts from 'echar...
2020-03-02 15:48:16
786
2
原创 vue-cli-service 参数配置
vue-cli-service serveUsage: vue-cli-service serve [options]Options: --open 服务器启动时打开浏览器 --copy 将URL复制到服务器启动时的剪贴板 (直接到浏览器去粘贴就OK了 http://localhost:8080/) --mode 指定环境模式 (默认: development)...
2020-03-02 10:46:42
10639
原创 CentOS没有正确安装GNOME电源管理器的默认配置
在进入账户时候图形界面黑屏，并出现“没有正确安装GNOME电源管理器的默认配置”切换到命令行模式（使用Ctrl+Alt+F1~F7，试一试），登录进去用du -sh命令查看，根目录 / 的使用率为100%查看哪个目录占用最大du -sm * | sort -n （查询并排序）发现我的是/var占用空间过大进入再排序，发现为lbvirtd文件过大，原因为xe
2014-12-26 14:35:21
4053
原创 Ubuntu12.04制作启动U盘并恢复原有Ubuntu系统引导
使用UltraISO制作启动U盘制作完毕后，进入syslinux，修改syslinux.cfg，注释掉default vesamenu.c32也就是在签名加#计算机插入U盘，启动按F12，快速选择启动U盘，有可能在HDD里，也有可能直接就是USB，看制作U盘的选项进入liveCD桌面try Ubuntu打开终端，可以使用Ctrl+Alt+T打开终端切换到root，可以使用s
2014-12-22 11:19:19
775
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人