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 · 210 阅读 · 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 · 1268 阅读 · 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 · 720 阅读 · 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 · 1792 阅读 · 1 评论 -
snap.svg 不能正确获取marker-end的值
如下元素，要获取marker-end的值，使用element.attr("#triangle_0")是获取不到的。需要使用lineElement.node.style['marker-end']才能获取到原创 2020-09-08 14:52:44 · 224 阅读 · 0 评论 -
解决bootstrap popover首次显示位置有偏差的问题
在使用bootstrap popover发现弹框首次显示的位置和再次显示时位置不同。如下这次首次显示的位置（弹窗的小三角并未在按钮的中间）再次打开如下图，位置正确木有问题。代码如下图$("#esymbol").popover({ html: true, content: $("#esymbol_lib"), placement: 'right', container: 'body' });$(..原创 2020-09-07 11:27:30 · 1229 阅读 · 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 · 3123 阅读 · 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 · 2682 阅读 · 0 评论 -
BootStrap-table-contextmenu使用过程的一些总结
1 引入bootstrap-table-contextmenu 2 按照官方例子，使用如下 Item ID Name Price原创 2017-08-16 14:03:31 · 4499 阅读 · 1 评论 -
svg中use元素引用symbol样式的思考
对于use元素当引用的symbol当只有填充色或线色变化时可以通过给use元素添加class来减少代码量。直接上代码 svg line { stroke: inherit; } use.uncharged{ fill: #4BC0A5;原创 2016-11-16 10:32:52 · 4831 阅读 · 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 · 962 阅读 · 0 评论 -
动态生成juery-easyui下的折叠面板，在谷歌下格式不正确问题
在项目中，动态生成的折叠面板。在火狐底下如下图 但是在谷歌底下，所以的子项（图）都直接出现在了断路器底下，并未出现接地刀闸等标题。长时间困扰。终于有天在http://bbs.youkuaiyun.com/topics/390604123找到原因。 解决方法： 1将html部分标志部分 原来 accordion " style="width原创 2015-07-20 14:16:51 · 636 阅读 · 0 评论 -
来自微软的纯CSS下拉菜单
结合JavaScript的下拉菜单，纯CSS的下拉菜单我也写过很多了。不过在微软 Microsoft Expression Web 的相关站点上看到这个纯CSS下拉菜单的时候，我还是觉得很赞赏。这应该是最精简、最干净的纯CSS下拉菜单了。先看一下效果（这是我重新实现的）：下面是实现方法：首先是菜单的XHTML代码：ul> li>a href="#">菜单一a>li>转载 2015-01-22 16:49:10 · 469 阅读 · 0 评论