摘要：
关于端口，我也不知道怎么解释，就用joint官网的这句话先打个头。 Many diagramming applications deal with the idea of elements with ports. Ports are often displayed as circles inside 阅读全文
posted @ 2022-02-14 15:16 小小憨批儿 阅读(358) 评论(0) 推荐(0) 编辑
2022年2月14日
2022年1月27日
摘要：
前面一篇写了使用jointjs实现自动布局和拖拽缩放，这篇记录一下自定义图形。 首先jointjs内置的图形有很多，文档已经列出来了： 但是有时候这些图形满足不了我们的需求，就需要我们自己去绘制自己想要的图形。例如完成下面图的效果： 拆解一下每个基本图案，实际上是 一个圆形图片 + 一个圆角矩形 + 阅读全文
posted @ 2022-01-27 14:59 小小憨批儿 阅读(562) 评论(0) 推荐(0) 编辑
2022年1月26日
摘要：
启动vue项目，执行以下命令安装dagre、graphlib、jointjs、svg-pan-zoom。 npm install dagre graphlib jointjs svg-pan-zoom --save 新建vue文件，为svg准备父节点，以及部分初始化数据。 <template> <d 阅读全文
posted @ 2022-01-26 16:49 小小憨批儿 阅读(1180) 评论(0) 推荐(0) 编辑
2021年9月29日
摘要：
项目使用vuecli3搭建，在vue.config.js文件中进行配置，主要配置了去除线上环境的打印信息。 首先安装插件， 执行命令 npm install uglifyjs-webpack-plugin --save 配置插件vue.config.js /** 引入uglifyjs-webpack 阅读全文
posted @ 2021-09-29 19:44 小小憨批儿 阅读(2542) 评论(0) 推荐(0) 编辑
摘要：
一个导航tab的实现，tab数目超过4个的话可滚动，少于或等于4个平铺。记录下。 效果： 代码： html部分 <div class="down_container"> <div class="tab-list"> <div class="tab-item active">tab1</div> <d 阅读全文
posted @ 2021-09-29 19:42 小小憨批儿 阅读(385) 评论(0) 推荐(0) 编辑
摘要：
最近有个移动端的需求，是将PC端的一个分页请求的列表，在移动端做对应展示，做了一个触底加载的效果，但是中间遇到了一些问题，在这里做一下总结。 首先是用vue起了个小项目，触底加载的代码如下： 通过两个变量top和scrollHeight的相等来决定是否翻页，看上去么的问题鸭~ 并且打开控制台，模拟的 阅读全文
posted @ 2021-09-29 19:42 小小憨批儿 阅读(205) 评论(0) 推荐(0) 编辑
摘要：
最近写的小程序里面需要实现顶部下拉菜单的效果，做一个过滤操作，但是没有找到相关组件，所以动手写了一个。 先看一下这拙劣的效果叭~ 下面就直接看具体实现了嗷！ index.wxml <view class="contain"> <view class="select_box" wx:for="{{ s 阅读全文
posted @ 2021-09-29 19:39 小小憨批儿 阅读(885) 评论(0) 推荐(0) 编辑
摘要：
function sleep(ms){ var time = new Date(); time.setTime(time.getTime() + ms); while(new Date().getTime() < time.getTime()); } window.onload = function 阅读全文
posted @ 2021-09-29 19:37 小小憨批儿 阅读(149) 评论(0) 推荐(0) 编辑