zhangwenwu2的博客

原创 electron打包编译国产统信uos系统 arm架构 x86架构 linux mac等环境

会提示gbm_bo_map错误，可使用v8~v21版本的electron。打包linux包需要再linux系统下运行编译，arch可以指定架构。electron v21版本以上。

原创 多项目同时跑多个node版本-比nvm好用的volta

开发环境中多个项目需要node版本不同，且同时不止是一个项目在开发中，用了nvm进行node版本管理和切换，但是太麻烦了。新的解决方案volta可以比较好的处理这种情况

原创 VUE 基于ANTV G2开发的数据可视化

原创 X6 基于VUE流程编辑器开发

主要插件X6 x6-vue-shape @antv/x6-plugin-dnd。代码太多没有整理出来。

原创 element ui input全局默认去除前后空格 directive

在main.js 引入一下就可以,当然自己还可以去扩展其他一些奇葩需求。

原创 JavaScipt 小技巧

JavaScipt 小技巧1. 展开运算符展开运算符太有用了，不提也罢。它允许对数组或字符串等迭代符进行扩展。这对于添加新的值是非常有用的。let arr = [1, 2, 3, 4, 5]let newArr = [...arr, 6, 7]// newArr -> [1, 2, 3, 4, 5, 6, 7]let obj = [{name: "GME", desc: "To the moon"}, {name: "John", desc: "Doe"}]let newObj = [.

原创 uni-app中 ios小程序中底部有安全距离，解决方案修改底部统一颜色

如图底部总是会空出一点无法置底。这是ios的安全距离的特性，有 2 个不同的解决方案(原生占位)，虽然原理是一样，但使用的场景不同将所有 iPhone X（刘海屏) 底部安全区域背景颜色 自动适应，当前页面什么颜色会自动调整。打开 manifest.json ，找到最下面的源码视图：找到 app-plus 配置项，添加以下代码："safearea": { "bottom": { "offset": "none" } }如果需要统一配置颜色...

原创 小程序中getCurrentPages() 的使用

getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。注意：不要尝试修改页面栈，会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages()，此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages()，下面将列举几种常用的使用场景：利用页面栈的长度例如：进入小程序非默认首页时，需要提供返回首页的按钮或者执行其它事件 onSho.

原创 Moment 超好用时间选择器 时间格式化工具 年月日周季度都能选

Node.jsnpm install momentvar moment = require('moment');moment().format();注意：在2.4.0中，全局的 moment 对象已被废弃。 它将会在下一个主版本中被删除。浏览器<script src="moment.js"></script><script> moment().format();</script>// 获取时间Mom..

原创 uniapp 使用uni.downloadFile下载图片到相册时报错unknown问题

假设我们上传的是一张jpg图片，我们使用OSS上传的时候如果指定了Content-Type是image/jpeg，则产生的外链是在浏览器上直接显示。如果设置的Content-Type是application/octet-stream这种或者multipart/form-data这种，则外链是直接下载的，归根结底是Response-Header里面的Content-Type指示浏览器这是什么类型，而不是通过网址后缀jpg去判断的首先要注意图片的类型需要下载Content-Type是image/jpeg类型

原创 VUE实现SQL在线编辑器，SQL分析器，SQL代码关键字提示

1、首先使用npm安装CodeMirror插件,sql-formatter格式化插件npm install --save codemirrornpm install --save sql-formatter2、然后引入该文件import 'codemirror/theme/ambiance.css'import 'codemirror/lib/codemirror.css'import 'codemirror/addon/hint/show-hint.css'const ...

原创 基于vue-element-admin框架集成了g6-editor 流程图

源码地址https://github.com/zhangwenwu/vue-element-admin-g6-editor持续更新中

原创 element-admin 页签切换刷新页面问题

在使用element-admin开发时发现，切换标签时未保存页面的操作内容在多番验证下发现问题路由配置时name与页面设置的name 不匹配导致，因为框架中中默认是会缓存tag页面的，也就是noCache参数默认就是false...

原创 PM2使用

简介PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。全局安装npm install pm2 -g用法最简单的启用一个应用:pm2 start app.js 停止：pm2 stop app_name|app_id 删除：pm2 delete app_name|app_id 重启：pm2 r...

原创 vue 路由解耦

路由解耦 1、只有动态路由才能用路由解耦 2、在定义路由的时候通过/:属性的方式来定义传递参数的属性 3、需要在定义路由的时候设置属性props:true 4、在进行路由跳转的时候通过/值得方式进行传递数据 5、在需要接收参数的组件中通过props进行接收即可...

原创 使用浏览器打开exe文件

win+r然后执行regedit进入注册表找到HKEY_CLASSES_ROOT右击新建项（名字自定义）在新建的项上右击继续添加DefaultIcon和shell两个项为shell在新建项open，再在open上新建项command复制任一程序的启动目录，我这里使用QQ音乐（可右击快捷图标，点击属性查看）修改defaulticon 的默认项数据（双击默认就可修改值）...

原创 vue-layer，在vue中的layer插件

npm install vue-layer在程序入口添加 import Vue from 'vue';import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);调用this.$layer.alert("！");Attribut{ type: 0, title:...

原创 JS获取当前时间是否为节假日,周末

var now = new Date().getTime()/1000; //获取当前时间戳,精确到秒,示例:1570463999 var time_10_01 = get_time("2019/10/01 00:00:00"); //节假日时间 var time_10_07 = get_time("2019/10/07 23:59:59"...

原创 vue调用百度地图API

安装$ npm install vue-baidu-map --save全局注册在main.js 里面引入以下代码import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '百度地图密钥AK'})使用方法<doc-preview> <baidu-map class="m...

原创 bootstrap-select组件

 bootstrap-select开源地址：https://github.com/silviomoreto/bootstrap-selectbootstrap-select使用示例：http://silviomoreto.github.io/bootstrap-select/examples/bootstrap-select文档说明：http://silviomoreto.github...

原创 bootstrap风格的树形插件bootstrap treeview的API

bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件，该jQuery插件基于Twitter Bootstrap。写这篇文章的目的在于记录下使用方法，以期后用。一、插件官网：https://jquery-plugins.net/bootstrap-tree-view 二、demo示例：http://jonmiles.github.io/boot...

原创 微信小程序页面传值的几种方法

在微信小程序的开发中，我们会经常遇到页面间数据传递或者相互影响的问题。在实际的开发过程中，可以通过以下几种方法来实现。使用全局变量全局变量实际上是定义了一个全局的对象，并在每个页面中引入。在初始化代码的时候，小程序会读取一个 app.js的文件，在这里我们可以定义我们所需要的全局变量。然后在页面中，可以通过 getApp()方法获取到全局应用对象，可以对全局变量进行读取并更改：...

原创 vue项目实现路由按需加载

vue异步组件 es提案的import() webpack的require,ensure()1 . vue异步组件技术 ==== 异步加载 vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 . 但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', comp...

原创 mpvue使用wx.request 请求接口

1.创建src下创建utils/wx-request.jsconst host = 'https://127.0.0.1' function request (url, method, data, header = {}) {  wx.showLoading({    title: '加载中' // 数据请求前loading  })  return new Promise((re...

原创 mpvue入门教程

美团小程序框架mpvue入门教程 引用一下美团官方对mpvue的介绍mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。主要特性使用 mpvue 开发小程序，你将在小程序技术体系的基础...

原创 superset 前端windows开发环境部署

1 环境win7 win10 2 问题我要执行的npm script如下： (脚本的内容不需要关注，需要关注的是它的写法。）"scripts": { "test": "mocha --require ignore-styles --compilers js:babel-core/register --require spec/helpe...

原创 H5调用手机摄像头，图片，视频等

限制只能选择图片&lt;input type="file" accept="image/*"&gt;限制只能选择视频&lt;input type="file" accept="video/*"&gt;限制只能选择音频&lt;input type="file" accept="audio/*"&gt;直接打开摄像头拍照&lt;input

原创 用node写数据接口，调试，跨域，express中间件

进入服务端项目目录下：1、npm init 创建package.json文件；2、创建一个app.js文件，下面的标注都有了，简单的写了一个接口，下面会用，对跨域访问做了设置--------------------------------------------------------------------------var express=require('express');var app ...

原创 js文件夹上传

文件夹上传：从前端到后端文件上传是 Web 开发肯定会碰到的问题，而文件夹上传则更加难缠。网上关于文件夹上传的资料多集中在前端，缺少对于后端的关注，然后讲某个后端框架文件上传的文章又不会涉及文件夹。今天研究了一下这个问题，在此记录。先说两个问题：是否所有后端框架都支持文件夹上传？是否所有浏览器都支持文件夹上传？第一个问题：YES，第二个问题：NO只要后端框架对于表单的支持是完整的，那么必然支持文件...

原创 ECharts图表组件之关系图

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Test&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div id="main" style=&quo

原创 webstorm 2018激活

进入ws主页面，help-register-license server,然后输入 http://idea.singee77.com 即可~不行的话，在试试介个http://idea.codebeta.cn，如图：

原创 JS百度地图api使用方法

首先，引入百度地图的脚本：[javascript] view plain copy&lt;script src="http://api.map.baidu.com/api?v=2.0&amp;ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"&gt;&lt;/script&gt;  然后根据api定义自己的：[javascript] view plain copyvar po...

原创 vue代理设置和解决跨域

前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。我们可以在vue-cli配置文件里面设置一个代理，跨域的方法有很多，通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。vue proxyTable接口跨域请求调试在v...

原创 Vue开源项目库汇总

UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基本UI组件合集

原创 JS获取指定时间内的所有星期五

项目中有个需求，根据两个时间获取该时间内所有星期五的那天的日期，并且生成一个数组，我先说下我的思路，首先获取两个时间内的相差的天数，然后进行循环，根据起始日期进行判断是否是周五，然后获取到下一天的日期在进行判断，如果是周五的就把他添加到数组，因为涉及到月份，闰年二月的问题，所以有些棘手，具体解决方法如下代码， //获取当前时间是周几 function getMyDay(date){ var

原创 分享一个模拟各种分辨率的网页

最近项目要用到超大屏的网页分辨率是7680*2160，一般来说的分辨率都是1920*1080常见，调试都出现了问题。下面分享一下解决方法 这个网站（点击进入），不过要翻墙。输入你要调试的网址，点击GO，注意，要翻墙，接下来选择你要模拟的尺寸，点击Apply即可

原创 警告:Resource interpreted as Stylesheet but transferred with MIME type application/x-css

windows 运行项目访问页面加载css样式时报错：Resource interpreted as Stylesheet but transferred with MIME type application/x-css意思是说样式表已经识别出来了但是被转换成application/x-css格式了。这是因为windows环境下读取了注册表中的Content Type。修改

原创 Datatables动态表头，动态列渲染，可用

我理解的动态列就是在dt初始化的时候不确定列的多少，即columns里的内容是根据实际操作变化而变化，在这个前提下，我做了一个简单的实例，希望帮助到大家，看下面代码：div class="container"> table里不需要写th--> table id="example" class="table table-striped table-bordered">

原创 Sublime text 3最新版破解方法

—– BEGIN LICENSE —–TwitterInc200 User LicenseEA7E-8900071D77F72E 390CDD93 4DCBA022 FAF6079061AA12C0 A37081C5 D0316412 4584D13694D7F7D4 95BC8C1C 527DA828 560BB037D1EDDD8C AE7B379F 50C9D69D B35179EF2FE8

原创 vue 初始化为dom元素添加事件 vm.$nextTick( [callback] )

vue生命周期中提供了created,mounted方法，可以在页面初始化时候获取一些页面需要的数据，但是有的时候需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的问题，一开始没有发现 vm.$nextTick( [callback] )方法时，使用定时器s