![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
程序员猪猪侠
这个作者很懒,什么都没留下…
展开
-
javaScript实现无向图的连通域获取
编写无向图算法的类export default class GraphAlgorithm{ constructor(){ this.graphArray=new Array(); this.nodeArray; this.visit=new Array(); this.connecedArea=new Array(); } initGraph(nodeArray) { this.nodeArray原创 2021-04-09 08:58:40 · 143 阅读 · 0 评论 -
实现bootstrap-table的可编辑
需要引入的文件,包括了bootstrap的css和js文件,bootstrap-table的js和css文件,bootstrap-table的extension中的bootstrap-table-edit.js,再加上bootstrap-table官网推荐的插件x-editable中的bootstrap3-editable中的css和js(此处用了github上基于bootstrap3-editable的bootstrap4-editable)。<script src="https://cdn.原创 2020-11-03 18:17:58 · 1095 阅读 · 2 评论 -
父窗口调用iframe中的bootstrap-table进行刷新失败的问题
父窗口使用iframe加载了子页面如下<iframe style="width:100%;height: 100%;" id="modelManagerIframe" src="./model/ui/test.html" frameborder="0"></iframe>test.html中含有bootstrap-table的table如下<!DOCTYPE html><html style="height: 100%;"><hea原创 2020-10-14 12:03:11 · 637 阅读 · 0 评论 -
对svg中的元素使用animate.css的旋转,不围绕中心点旋转解决方案
近来在用animate.css实现一些svg的效果,使用rotateIn发现并不能围绕着中心旋转。看了网上的一些文章设置translate到中心点,然而非正途啊。有木有简单的方法呢。经过一番折腾,终于被我找到了,就是这个神奇的transform-box样式,而使用transform-box: fill-box可以使svg 元素像个html一样被操作。<html> <body> <svg width="2000" height="2000" vi原创 2020-09-21 08:46:55 · 1618 阅读 · 1 评论 -
snap.svg 不能正确获取marker-end的值
如下元素,要获取marker-end的值,使用element.attr("#triangle_0")是获取不到的。需要使用lineElement.node.style['marker-end']才能获取到原创 2020-09-08 14:52:44 · 168 阅读 · 0 评论 -
解决bootstrap popover首次显示位置有偏差的问题
在使用bootstrap popover发现弹框首次显示的位置和再次显示时位置不同。如下这次首次显示的位置(弹窗的小三角并未在按钮的中间)再次打开如下图,位置正确木有问题。代码如下图$("#esymbol").popover({ html: true, content: $("#esymbol_lib"), placement: 'right', container: 'body' });$(..原创 2020-09-07 11:27:30 · 983 阅读 · 0 评论 -
sweetAlert2中的告警对话框在layer之上的弹出
由于layer默认的弹窗z-index为19891014,所有在layer之上弹窗出sweetAlert,需要修改sweetalert2.css,可将其中z-index的值大于19891014即可.swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-alig...原创 2018-07-09 10:12:34 · 2876 阅读 · 0 评论 -
使用CSS3代替SVG中的animateTransform
先来看使用animate <path fill="#00FF00" d="M118.453,39.861c-3.469,6.964-8.037,16.159-10.176,20.402l-3.932,7.781l-2.486-0.871 c-3.354-1.088-10.984-1.088-14.511,0.055c-1.562,0.49-2.892,0.816-2.949,0.70原创 2017-08-18 11:53:19 · 2580 阅读 · 0 评论 -
BootStrap-table-contextmenu使用过程的一些总结
1 引入bootstrap-table-contextmenu 2 按照官方例子,使用如下 Item ID Name Price原创 2017-08-16 14:03:31 · 4358 阅读 · 1 评论 -
svg中use元素引用symbol样式的思考
对于use元素当引用的symbol当只有填充色或线色变化时可以通过给use元素添加class来减少代码量。直接上代码 svg line { stroke: inherit; } use.uncharged{ fill: #4BC0A5;原创 2016-11-16 10:32:52 · 4692 阅读 · 1 评论 -
children和childNodes 的区别
1,childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况: IE6/7/8/Safari/Chrome/Op转载 2015-11-18 11:22:52 · 907 阅读 · 0 评论 -
动态生成juery-easyui下的折叠面板,在谷歌下格式不正确问题
在项目中,动态生成的折叠面板。在火狐底下如下图 但是在谷歌底下,所以的子项(图)都直接出现在了断路器底下,并未出现接地刀闸等标题。长时间困扰。终于有天在http://bbs.csdn.net/topics/390604123找到原因。 解决方法: 1将html部分标志部分 原来 accordion " style="width原创 2015-07-20 14:16:51 · 589 阅读 · 0 评论 -
来自微软的纯CSS下拉菜单
结合JavaScript的下拉菜单,纯CSS的下拉菜单我也写过很多了。不过在微软 Microsoft Expression Web 的相关站点上看到这个纯CSS下拉菜单的时候,我还是觉得很赞赏。这应该是最精简、最干净的纯CSS下拉菜单了。先看一下效果(这是我重新实现的):下面是实现方法:首先是菜单的XHTML代码:ul> li>a href="#">菜单一a>li>转载 2015-01-22 16:49:10 · 429 阅读 · 0 评论