imapig_的博客

bpmn.js自定义样式之contextPad部分,和最后在vue中的使用

bpmn自定义流程图之render

bpmn.js自定义样式之palette

bpmn.js自定义流程图样式

Vue+element-ui上传文件和分片上传到七牛云一、实现效果二、上传到七牛云的过程三、实现组件代码1.上传组件代码2.引入组件3.提示公司可能会将图片文件等存储到七牛云、阿里云等服务器方便管理。我这里将文件上传到七牛云，通过七牛云的api来实现上传和分片上传。使用element-ui的el-upload组件改造来完成。一、实现效果点击添加附件弹出dialog操作框选取文件后添加文件到待上传列表，点击上传后同时上传文件，超过一定大小（自己设置）的文件会采用分片上传。上传后的添加附件变为查看

vue源码之数据双向绑定原理一.双向绑定的原理介绍二.代码简单实现这里什么说是vue2.0的双向绑定原理是因为和vue3.0的实现方式是有区别的。一.双向绑定的原理介绍vue的双向绑定是数据和视图的同步变化，即当数据发生变化的时候，相关的视图会发生改变；视图发生改变的时候，数据也会随之变化。它是通过 数据劫持 结合 发布订阅模式的方式来实现的。下图是一个vue数据双向绑定的过程：将vue中的data里的所有属性通过实现Observer来完成数据劫持Dep是一个容器来存放所有的订阅者Watc

Vue2.0源码之虚拟dom和diff算法的原理一.虚拟dom介绍二.diff算法一.虚拟dom介绍现在使用的Vue和React，都有虚拟dom这个说法，既然是虚拟dom，肯定和真实dom有区别但又有关联。所以虚拟dom是什么呢？虚拟dom就是真实dom的所映射的一个JS对象。简单来说就是把页面的dom节点树通过JS对象的形式来表示出来。为什么要用虚拟dom的方式来设计Vue框架呢？因为不管在原生JS或者是JQuery时，我们会在开发中操作大量的dom节点，dom的大量操作会让页面的性能

Vue项目打开页面的速度提升优化项目过大时第一次加载的资源文件很多新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入项目过大时第一次加载的资源文件很多在vue配置文件里添加取消预加载文件的配置。module.export

vue-baidu-map自定义设置标记点及信息窗口一.项目需求二.实现后的效果三.代码实现四.小结一.项目需求首先项目的功能需求是在指定服务区域内选择详细地址（保修地点），然后显示这个地址周围的工程师到地图上面。并且可以查看指定工程师的信息。从而达到派单的目的。二.实现后的效果左侧是选择地址，范围等条件。右侧是地图，显示的是当前保修地点和周围的工程师，点击地图工程师头像弹出详细信息（我这里是自定义信息窗口的样式）。三.代码实现因为我这里的代码涉及到项目的其他功能并且具有关联性，所以我的实际代

el-cascader级联实现已有区域省、市、区选择并保存区域id一.需求分析二.实现效果三.代码实现一.需求分析前几天公司有一个需求，多选已配置好的区域（包括省、市、区/县）,并返回区域的id。这听起来好像很正常，但我的数据是这样的：1.这是所有区域的json文件格式:city下的每一项：country_code表示当前城市属于的国家； province_code表示当前城市属于的省份；code为当前城市的code。country下的每一项：code为当前国家的code。district

分享一个Vue的可拖动未读消息提示的小组件一.效果图二.在Vue中实现自定义指令三.在项目中使用此组件使用Vue自定义指令实现一个全局显示可拖动的未读消息提示。思路就是通过自定义指令来实现一个组件在页面中的拖动。一.效果图在项目中的效果（按住鼠标左键可以拖拽）二.在Vue中实现自定义指令首先定义一个自定义指令 @/assets/utils/darg.js文件import Vue from 'vue';//使用Vue.directive()定义一个全局指令//1.参数一：指令的名称，定义时

vue不同域名父子iframe间相互传值1.子页面向父页面传值2.父页面向子页面传值1.子页面向父页面传值a.vue 父页面 b.vue子页面//b.vue 子级给父级发送数据methods:{ sendMessage(){ window.parent.postMessage(data, "*"); //data传递的数据，“*”跨域的域名 *代表所有 }}//a.vue 父级页面接受数据mounted(){//父页面监听发送过来的消息 window.addEven

前端js在项目中封装各种常用的方法关于使用1.存取sessionStorage2.存取localStorage3.生成随机数和字母4.数组和对象深拷贝5.菜单数据组织6.阿拉伯数字转中文7.数字补0占位8.时间戳转化为 YY-MM-DD HH:mm:ss9.ajax错误处理10.文件大小换算11.下载文件12.图片、文件url对http的处理13.列表转树状14.数组去重15.数组对象去重16.数组按某一属性分组17.html实体字符转标签18.过滤掉html的图片和其他标签19.获取对象key并返回数组2

这里写目录标题一.实现效果1.多选样式2.单选样式二.组件代码三.引入方法一.实现效果1.多选样式2.单选样式二.组件代码文件路径：pages/publicComp/selectTree<template> <div> <el-popover popper-class="selectTree" v-clickoutside="replyOutside" placement="bottom-start"