2 yy.n

尚未进行身份认证

我要认证

没有做不到的,只有想不到的!

等级
TA的排名 2w+

VSCode配置ESLint自动格式代码

安装步骤1.找到扩展的地方搜索:eslint-安装2. 安装后,点击【文件】-【首选项】-【设置】搜索 eslint如下图:3.此时已经装上了,然后全局配置一下:// 自动修复"editor.codeActionsOnSave": { "source.fixAll.eslint": true,},// 配置 ESLint 检查的文件类型"eslint.validate": ["javascript","vue","html"]搜一下:eslint.va..

2020-06-18 17:58:45

iview验证input的时候限制输入空格(首尾输入空格)

iview验证input的时候限制输入空格(首尾输入空格)vue方法:js代码如下: // 分区名称验证 const validateareaName = (rule, value, callback) => { var regu = /^ +| +$/g // 匹配空格 if (value === '') { return callback(new Error('请输入分区名称!')) } else if (val.

2020-06-18 14:40:52

iview ui table表格中嵌套input、select 2个功能

理解table如何嵌套input、select首先要理解vue的render函数可以参考:vue render函数介绍。当然,也可以复制下面的demo,自己尝试一下:{ title: 'Action', key: 'action', width: 150, align: 'center',

2020-06-05 18:26:37

iview ui 全静态表格,增删改查,分页功能

本demo是一个非常全的,后台管理系统类的表单:增、删、改、查。4个主要功能都齐全的demo,数据采用的本地变量数组加载时调用;非常适用于纯前端页面的渲染;欢迎大家done下学习,以及提问题;(非常适用于刚刚入手iview ui 库的小伙伴们)先上几张效果图:1.列表图:2.查询列表:3.点击详情报错:通过直接调用以下方法来使用:this.$Modal.info(config)去你的main.js 里面查一下你的 mode引入进来了吗?这上面三...

2020-06-05 17:42:02

iview table 操作用slot 写法(以及为啥不显示)

先说为啥不显示,因为:iview 3.2.0才开始支持的slot的写法;iview 3.2.0 以下是不支持的,所以去升级iview;npm install iview全部代码如下:<template> <div> <Table border :columns="columns" :data="data" > <template> <Poptip slot-scope="{row, index}" slo..

2020-06-05 16:04:49

mxGraph.js 源码分析文档

由于mxGraph源文件有一万多行,且涉及很多其它源文件,所以重点在于了解mxGraph的作用、结构以及定义了哪些方法1. 概览1.1 作用mxGraph继承自mxEventSource以实现基于Web的图形组件的功能性方面。要激活平移和连接,使用setPanning和setConnectable,对于框线选择,必须创建一个新的mxRubberband实例。默认情况下,以下监听器添加到mouseListeners:tooltipHandler:显示工具提示的mxTooltipHan...

2020-06-04 17:09:43

js给数组里的每一个值加key的方法(每一个值变成obj)

现在有一个数组:我们现在想要把数组里的每一个值变成对象,这个值作为对象的value,前面加上统一的key:x第一种方法:let arr = [1, 2, 3, 4, 5];var newArr = [];newArr = arr.map(item => ({x:item}));console.log(newArr);打印结果:第二种方法:let arr = [1, 2, 3, 4, 5];const newArr = arr.reduce((...

2020-06-03 17:34:00

原生js multiple实现多选

使用方法还是原来的步骤:1、引入js文件,2、在select标签上添加属性multip,然后调用方法即可(只有两步哦!)可以先访问一下这里哟:演示地址(不想访问也可以往下读)先上图:这个是选中后的效果,我们用的是select标签,选中后子标签会变成蓝色,如果想取消,再点击一下即可取消。取值,调用selectMultip.getVal("22")方法即可:赋值,调用selectMultip.setVal(id,data)即可,第二个参数类型可以是字符串或者数组,如图:具体取值、赋值、.

2020-06-01 22:17:23

Web前端组态软件(可视化绘图编辑器)

前言: 随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.h...

2020-05-22 14:10:46

用node.js作为后台,读写xml文件,Node.js的文件系统的Api

Node.js的文件系统的Api//公共引用var fs = require('fs'),path = require('path');1、读取文件readFile函数//readFile(filename,[options],callback);/** * filename, 必选参数,文件名 * [options],可选参数,可指定flag(文件操作选项,如r+ 读写;w+ 读写,文件不存在则创建)及encoding属性 * callback 读取文件后的回调函数,参数默认

2020-05-13 13:16:01

Mxgraph.js使用(一)、

一、Mxgraph介绍: mxGraph 是一个 JS 绘图组件适用于需要在网页中设计/编辑 Workflow/BPM流程图、图表、网络图和普通图形的 Web 应用程序。mxgraph 下载包中包括javescript 写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。 git开源项目地址:https://github.com/jgraph/mxgraph  mxGraph资源包及其例子可下载地址:mxGraph下载  解压并打开mxGraph\de...

2020-05-13 11:23:13

在HTML中target目标的四个参数的用法,target属性打开方式

在HTML中target目标的四个参数的用法:1、target="_self"表示:将链接的画面内容,显示在目前的视窗中。(内定值) 。 即:同(自己)窗口打开,别的数据还存在,相当于在一个页面里中又打开一个页面。2、target="_parent"表示:将链接的画面内容,当成文件的上一个画面。即:当前窗口打开,但以前当前窗口数据没有。3、target="_top"表示:将框架中链接的画面内容,显示在没有框架的视窗中(即除去了框架)。即:顶端打开窗口。4、target="_blank"表示:将链接.

2020-05-11 09:08:55

vue中页面路由this.route.push跳转页面不刷新

注意:created()方法是无效的方法:在需要刷新的页面添加以下内容解决办法有两种:1、使用activated:{}周期函数代替mounted:{}函数即可。将mounted函数 替换成activated函数。mounted(){在这里插入代码片}==》activated(){在这里插入代码片}2、监听路由第二种:通过路由监听的方法。将mounted下的方...

2020-04-28 18:07:58

mxGraph 用户手册中文 – JavaScript客户端

目录1 简介 1.1 产品线介绍 1.2 使用哪个版本的mxGraph? 1.2.1 JavaScript 1.3 mxGraph – JavaScript库 1.4 mxGraph可以被用在什么样的产品上? 1.5 怎样部署mxGraph? 1.6 mxGraph的技术 1.7 mxGraph授权 1.8 图形是什么? 1.8.1 图形的可视化 1.8.2 图形的交互...

2020-04-27 17:14:11

nodejs 做为服务器:PayloadTooLargeError: request entity too large when trying to POST into SQL

1、问题:前端将(图片或者文件)转换为base64格式字符串发送到后台(环境node),出现:PayloadTooLargeError: request entity too large前端收到后台413(Payload Too Large)2、原因/解决:nodejs 做为服务器,在传输内容或者上传文件时,系统默认大小为100kb,这时,我们需要修改系统限制。我们在s...

2020-04-26 14:27:31

js 判断字符串中是否包含某个字符串(字母、数字、符号...)

String对象的方法方法一: indexOf() (推荐)var str = "123";console.log(str.indexOf("3") != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。方法二: search()var str = "123...

2020-04-20 13:53:35

vue中嵌入mxgraph.js 关于mxgraph中图形颜色显示控制

在mxgraph里如果要想让图形变色,需要这么几步,确定是哪个图形,然后就是变色的方式,我这里重点展示变色方式的代码。graph.setSelectionCell(cell);确定好图形后,第一种的效果是:(设置图形的填充颜色)graph.setCellStyles(mxConstants.STYLE_FILLCOLOR,”#FF0000”);第二种的效果是:(线的变色...

2020-04-16 10:09:57

iview ui 和elment ui 的按需引用,减小项目体积

一、先说iview ui 的按需引用首先、先装上iview 的依赖包;4.0的版本已经升级了,新的安装方法:NPM 安装 #推荐使用 npm 来安装,享受生态圈和工具带来的便利,更好地和 webpack 配合使用,当然,我们也推荐使用 ES2015。$ npm install view-design --save引入 ViewUI#一般在 webpack 入口页面ma...

2020-03-27 14:30:59

VueCli4.0项目中将excel表格数据导入Elment UI表格并展示(映射的表格标题必须为英文)

先上一个效果图供大家参考:具体步骤如下:第一步、导入并读取Excel功能从整体上来说两种方式,一是前端解析文件后将数据返回给后端,另一种是前端直接将Excel文档返回后台,由后台进行处理。使用哪种方法需要根据具体业务需求,下面简单介绍第一种方法:由前端解析数据1、引入依赖 npm install -S file-saver xlsx npm install -D sc...

2020-03-26 18:09:44

VueCli4.0项目中将Elment UI表格内的数据导出为Excel文件

第一步、首先安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader或者:yarn add file-saveryarn add xlsxyarn add script-loader --dev第二步、引入两个js文件在src目录下新建excel文件夹,里面放入Blob.js和E...

2020-03-26 15:59:47

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取