- 博客(32)
- 收藏
- 关注
RSS订阅原创 MxGraph - Delete删除事件监听失效
问题添加 -> 选中 -> 删除失败 -> 点击画布 -> 选中 -> 删除成功对于新拖入的块点击键盘的Delete删除失效，但是mxgrah已经添加了keyboard的事件监听，这是因为新增的时候（）未点击到画布失焦，此时mxgraph没有监听到对于的键盘事件解决在click事件那边添加上如下代码 graph.addListener(mxEvent.CLICK, function(sender, evt) { graph.container.s
2021-03-01 14:11:58
978
原创 mxGraph导入导出XML文件
const encoder = new mxgraph.mxCodec() const node = encoder.encode(this.graph.getModel()) const xml = mxgraph.mxUtils.getPrettyXml(node) const downLink = document.createElement('a') downLink.download = 'graph.xml' co...
2020-09-14 11:14:30
1403
2
原创 tinymce5的图片上传实现
在vue created中初始化 tinymce.init({ selector: '#tinymce-editor', language_url: "/tinymce/zh_CN.js", language: "zh_CN", height: 400, toolbar: "formatselect fontselect | bold italic ...
2020-03-13 11:01:02
1854
原创 vue获取DOM元素，触发事件
HTML元素：如果元素是一个原生的HTML元素，通过绑定ref="selector"通过this.$refs['selector'].click() 触发组件：如果元素是一个组件，通过绑定ref="selector"需要通过this.$refs['selector'].$el.click() 触发...
2020-02-20 10:44:05
2626
原创 vue实现环形百分比进度条组件
参考网上的一些环形百分比进度展示，加了一些拓展属性~下面为两个调用的实例效果~icon组件为另外封装的，可自行删除修改组件调用<radial-indicator percentNum="87" speed="3" size="155" color="#8abf50" @animationFinished="animationFi...
2019-09-20 18:27:09
4709
原创 vue axios发送formData数据格式的设置
this.$ajax({ method: 'post', headers:{ 'Content-Type': 'application/x-www-form-urlencoded' ...
2019-08-21 15:23:00
1167
原创 webpack打包iconfont
一、首先在iconfont建立项目添加需要的图标，下载压缩包到本地提取出文件类型为eot ttf svg woff 的四类文件放到项目中，可新建一个font文件夹放入 二、将压缩包的iconfont.css文件复制到项目的css文件位置，当然也可以复制重命名一个css文件 ...
2019-07-17 16:13:16
1030
原创 webpack自动添加厂商前缀（postcss-loader的使用）
一、安装依赖：自动添加厂商前缀需要npm install安装postcss-loader和autoprefixer二、 { test: /\.(sass|scss)$/, use: ['style-loader','css-loader','postcss-loader','sass-loader'] }注意loader的顺序不能...
2019-07-17 15:20:33
472
原创 url-loader和file-loader的区别
file-loader将图片移动到dist目录(或者outputPath定义的目录)下并返回一个相对于dist的路径url-loader相比file-loader多了一个limit配置项(1024 = 1kb),在超过limit的时候执行和file-loader相同的功能，当小于limit时会将文件打包成base64文件到js打包文件里rules: [ { test:...
2019-07-17 14:29:34
544
转载 webpack处理ES6语法
说明： 我们在项目中书写的ES6代码，由于考虑到低版本浏览器的兼容性问题，需要把ES6代码转换成低版本浏览器能够识别的ES5代码。使用babel-loader和@babel/core来进行ES6和ES5之间的链接，使用@babel/preset-env来进行ES6转ES5在处理ES6代码之前，我们先来清理一下前面小节的中的代理，我们需要删除counter.js、number.js和...
2019-07-11 17:13:56
993
转载 webpack-dev-server和watch的配置
webpack-dev-server的理解：它能帮助我们在源代码更改的情况下，自动帮我们打包我们的代码并启动一个小型的服务器。如果与热更新一起使用，它能帮助我们高效的开发。自动打包的方案，通常来说有如下几种：watch参数自动打包：它是在打包命令后面跟了一个--watch参数，它虽然能帮我们自动打包，但我们任然需要手动刷新浏览器，同时它不能帮我们在本地启动一个小型服务器，一些http...
2019-07-11 16:03:51
1092
原创 CSS设置固定宽高比
当某个区域显示图片，加载缓慢导致下方内容慢慢撑开的高度变化时需要设置图片显示区域的固定位置消除影响。.img{ overflow: hidden width: 100% height: 0 padding-bottom: 30%}height设置为0，高度由padding决定或者(某些浏览器不支持).img{ width: 100...
2019-04-29 15:31:10
4537
原创 Git学习
配置目录配置理论三棵树Git工作流程Git管理文件的三种状态操作基础操作流程查看状态 git status撤销修改 get checkout -- file查看历史提交 git log查看commit提交历史回到过去git resetgit reset --mixed HEAD~git reset --soft HEAD~git...
2019-04-25 17:54:55
280
转载 Javascript中new操作符的作用
通过new操作符构建一个对象，一般经过四步：A.创建一个新对象 B.将构造函数的作用域赋给新对象（所以this就指向了这个新对象） C.执行构造函数中的代码 D.返回这个新对象最后一点就说明了，我们只要返回一个新对象即可。 其实new操作符主要是把原型链跟实例的this关联起来，这才是最关键的一点，所以我们如果需要原型链就必须要new操作符来进行处理...
2019-04-24 13:41:21
432
转载 DOM文档加载的步骤
(1) 解析HTML结构。(2) 加载外部脚本和样式表文件。(3) 解析并执行脚本代码。(4) 构造HTML DOM模型。//ready(5) 加载图片等外部文件。(6) 页面加载完毕。//load ready与load的区别就在于资源文件的加载，ready构建了基本的DOM结构，所以对于代码来说应该越快加载越好。在一个高速浏览的时代，没人愿意等待答案。假如一个网站页...
2019-04-24 11:16:13
199
原创 关于对数据库一对多的理解
一个user只有"一种gender",一种gender对应"多个user",多的一方（user）放一（gender）的主键
2019-04-12 10:17:59
316
转载 vue作用域插槽slot-scope
一个简单的例子：父组件仅仅是调用了子组件 子组件内部实现了一个todolist列表整个数据传递的流程：1.父组件传递了todos数组给子组件 2.子组件通过props接受了数组数据，这里应该没有任何问题 3.子组件拿到数组后v-for渲染列表，并且通过 <slot :todo="todo">的方式，把数组内的每一个todo对象，传递给父组件 4.父组件通过slot-s...
2019-03-26 16:58:32
664
原创 vue中组件非prop接收数据时的特性自定义绑定
非 Prop 的特性一个非 prop 特性是指传向一个组件，但是该组件并没有相应 prop 定义的特性。 特性就会自动添加到根元素上对于绝大多数特性来说，从外部提供给组件的值会替换掉组件内部设置好的值。所以如果传入type="text"就会替换掉type="date"并把它破坏！class和style特性会稍微智能一些，即两边的值会被合并起来，从而得...
2019-03-25 14:01:49
349
原创 validator常见的一些正则配置
/* 匹配非空字符串*/export function validateNonempty(str) { const reg = /^[^\s]+$/ return reg.test(str)}/* 合法uri*/export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA...
2019-03-22 15:18:09
1158
原创 微信小程序自定义属性(attention！）
自定义属性----数据绑定到元素的属性当中data-name="{{item.postId}}"命名变化详情见调试eg. data-post-id在event.currentTarget.dataset里变成postId data-postId变成postid(小写-分隔自己转化成驼峰命名，只有连字符-的第一个字母会被大写...
2019-02-26 11:54:01
849
原创 微信小程序笔记
letter-spacing 文字之间的间距rpx: 微信小程序中margin在垂直距离和单个组件中可用px；水平之间的距离最好用rpx，兼容屏幕避免溢出wx:if="{{false}}" 微信小程序不显示控制data:img_condition: true wx:if="{{img_condition}}" true/false/变量代表值冒泡：点击子节点，父...
2019-02-25 15:15:34
91
原创 watch监听$store状态的两种方法（对象
computed: mapState({ socket: state => state.ws.socket }),watch: {socket: { handler: function(val) { if (this.$store.state.ws.socket.message.state === 'success') { ...
2019-01-24 11:29:39
10981
原创 vue页面引入Axios插件post数据
methods: { handleSubmit(index, row) { this.$refs['ruleForm'].validate((valid) => { if (valid) { const form = { login: row.login, realname: row.r...
2019-01-08 16:50:15
372
原创 vue监听url变化清空vuex中的数据
created() { if (sessionStorage.getItem('store')) { this.$store.replaceState({ ...this.$store.state, ...JSON.parse(sessionStorage.getItem('store')) }) } windo...
2019-01-05 13:54:13
1385
原创 element ui在table中放入input且实现验证
<template> <div class="app-container" style="overflow: auto;"> <el-table :data="list" size="small" element-loading-text="Loading" border highlight-c...
2018-12-29 12:47:16
19196
3
原创 获取url特定参数(=后面的数据)
decodeURI(location.href).slice(decodeURI(location.href).indexOf("=")+1)//太长decodeURI(location.href.split("=")[1])//nice
2018-12-19 16:41:28
1165
原创 循环数组删除某一类时无法遍历的错误修正
$.each(self.items(), function (i, v) { if(v.businessses){ $.each(v.businesses, function (j,item ) { if(item){ ...
2018-12-14 16:22:08
147
转载 knockout的options绑定
options绑定控制什么样的options在drop-down列表里（例如：<select>）或者 multi-select 列表里 （例如：<select size='6'>）显示。此绑定不能用于<select>之外的元素。关联的数据应是数组（或者是observable数组），<select>会遍历显示数组里的所有的项。对于multi-s...
2018-12-04 10:41:44
427
原创 Error: Cannot find module 'webpack'错误解决
$ npm install webpack -g$ npm install webpack-cli -g全局安装webpackwebpack hello.js -o hello.bundle.js运行一个已经创建的hello.js文件报错E:\webpack\node_modules\webpack-cli\bin\cli.js:244 ...
2018-12-03 12:02:01
15002
2
转载 git命令
git使用命令, 特别:git checkout -b a 与 git branch a区别摘自: https://my.oschina.net/u/587974/blog/74341创建分支： $ git branch mybranch切换分支： $ git checkout mybranch创建并切换分支： $ git checkout -b mybranch更新master主线...
2018-12-03 11:43:56
82
转载 正则表达式()、[]、{}的区别
正则表达式的() [] {} 有着不同的意思（） 是为了提取匹配字符串的，表达式中有几个()就有几个相应的匹配字符串(\s*)表示连续空格的字符串[] 是定义匹配的字符范围。比如[a-zA-Z0-9]表示相应位置的字符要匹配英文字符和数字。[\s*表示空格或者*号]{}一般是用来匹配的长度。比如\s{3}表示匹配三个空格，\s[1,3]表示匹配1到3个空格(0-9)匹配'0-9...
2018-12-03 11:42:55
128
转载 knockout绑定
控制文本和外观的指令*visible：控制绑定元素的显示隐藏，如果绑定的值转换成布尔值为真则显示，否则display: none。(如果绑定一个函数则会执行并取返回值)*text：控制绑定元素内部的文本内容，接收一个字符串的值作为绑定值，如果不是字符串会调用绑定的值的toString()方法。(如果绑定一个函数则会执行并取返回值)*html：控制元素内部的HTML文本，换句话说，通过这...
2018-12-03 11:38:35
428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人