前端
文章平均质量分 83
懒牛不爱梳毛
这个作者很懒,什么都没留下…
展开
-
mxGraph 如何实现自定义工具箱
概述本篇的内容是围绕如何使用 vue 和 mxGraph 实现一个自定义的工具箱。主要完成以下功能:自定义工具箱的内容。从工具箱中拖拽一个工具项到绘画区并生成对应的cell。双击生成的cell可以查看cell的数据。本例可以在 github 上看到源码。基本布局我们设想的基本布局如上图所示,整个界面分为左右两部分,左侧为工具箱,右侧为我们的绘图区。由于样式不是我们此次的重点...原创 2020-01-07 12:19:08 · 3784 阅读 · 6 评论 -
Github actions 部署vue项目
如果你本着show me the code的原则,想把自己写的Vue项目拿出来让大家看看。如果你不想花大把的银子去给马爸爸买个1个核1G内存1M带宽的云服务器。那你还在等什么,现在就来薅巨硬爸爸的羊毛吧!!!关于 actionsactions是个什么东西呢,其实他就是github的CI/CD工具,如果你用过gitlab的runner那你对CI/CD这个概念肯定不会陌生。如果你对CI/CD没啥...原创 2019-12-24 13:49:29 · 4032 阅读 · 0 评论 -
Vue-cli3 生成的 Vue 项目加载Mxgraph
使用Vue-cli3生成Vue项目,并等待项目创建成功。vue create [项目名]安装mxgraph。cnpm install mxgraph --save安装exports-loader。cnpm install exports-loader --save安装script-loader。cnpm install script-loader --save在项目根目录新...原创 2019-01-24 17:35:24 · 6841 阅读 · 7 评论 -
LoopBack 4 入门
文章目录安装Hello World创建项目部署项目测试项目创建新的Controller参考官网 https://loopback.io/doc/en/lb4/Getting-started.html安装运行命令,全局安装。npm i -g @loopback/cliHello World创建项目运行命令。lb4 app输入项目相关的信息,等待安装完成。Project n...原创 2019-01-24 17:37:25 · 3831 阅读 · 0 评论 -
基于Vue-cli3的Karma + Mocha + Chai + Vue Test Utils的前端测试框架
文章目录工具简介KarmaMochaChaiVue Test Utils构建单元测试项使用cli3构建项目集成karma编写测试用例运行测试用例问题使用Vue-cli3自动搭建的测试环境,没有集成karma直接运行开始测试,webpack的编译报错参考 Vue cli3 与 karma工具简介网上现在普遍推荐的前端测试框架为:karma + mocha + chai。由于我们使用的是Vu...原创 2019-01-29 10:29:32 · 2459 阅读 · 0 评论 -
mxgraph + vue 入门 (概念篇)
本教程是基于mxgraph 3.9.12,mxgraph感觉在国内用的人比较少,百度上搜一圈都是一些简单的操作,稍微偏一些的操作或者问题都没有涉及,在官方example和官方API挣扎了几个月后终于有所感悟,于是写下这篇教程,一是方便后人,二是做为自己的记录。(mxgraph 和 vue的集成可以参考我另一篇博客。https://blog.csdn.net/dikentoujing99/artic...原创 2019-03-19 13:41:48 · 23530 阅读 · 13 评论 -
mxGraph中mxStencil的使用教程
mxStencil是什么mxStencil是mxGraph提供的用于描述一类图形的xml,有什么用处呢?简单来说,就是给我们生成自定义图形提供了另外一种渠道。现在我们知道生成自定义图形有两种方式,一种是通过编码,还有一种就是mxStencil,两种方式各有优缺点,分情况使用。mxStencil的定义规则光知道mxStencil是什么还不行,毕竟光知道是什么写不出来也不行,接下来就详细说说,s...原创 2019-05-20 09:50:49 · 5029 阅读 · 8 评论 -
CSS 行高 line-height 解析
line-height CSS 属性用于设置多行元素的空间量,如多行文本的间距。对于块级元素,它指定元素行盒(line boxes)的最小高度。对于非替代的 inline 元素,它用于计算行盒(line box)的高度。以上内容来自 MDN(不在此叙述line_height的单位等问题),从以上的内容我们可以了解到,line-height主要用于设置行盒的最小高度,看到这一些人可能会觉得行高就是...原创 2019-09-12 11:47:23 · 605 阅读 · 0 评论