技术
前端恶霸
前端恶霸成长记
展开
-
JointJS动态流程图
最近公司有个导航项目需要做个流程图比较复杂的那种,作为一个前端小菜也是很蒙的,要求就两条一:动态加载流程图;二:动态连线;这两点要求也是难住了一阵呢,最后选择了jointJS,选着原因官网API很详细,代码量比较少封装起来使用也很便捷,进阶文档基础略过,没接触过得可以去在官网先学习一下,废话不多少直接上硬菜。 我这块写了两个一个是节点型流程图和关系行流程图。(源码在下一篇文章可以...原创 2018-05-28 16:39:53 · 18958 阅读 · 7 评论 -
如何判断对象为空
var data={}if(JSON.stringify(data) == "{}"){alert("data为空")}else{alert("data为空")}原创 2018-10-09 14:42:46 · 944 阅读 · 0 评论 -
JS禁止右键和F12查看
$(document).bind("contextmenu", function () { return false; });//禁止右键 document.oncontextmenu = function () { return false; }; document.onkeydown = function () { ...原创 2018-10-16 10:11:36 · 4806 阅读 · 0 评论 -
Js数组对比
最近做了一个功能,结算对比表,要求的是历史版本与现在的版本进行对比,如果在新版本数据变更要标红,新版本新加的数据老数据要空出来,同理老数据原本存在新数据删除的也要空出来 思路:既然是双向对象肯定不能拿两个数据进行来回比较,容易出差错也比较麻烦不灵活,这时候应该定义一个新的数组,把两个数组拼成一个并进行排重,用这俩数组和新的这个进行比对; var dataArr =...原创 2018-10-22 11:33:51 · 11409 阅读 · 1 评论 -
js拷贝与变量赋值
Js的深拷贝与浅拷贝 浅拷贝:var arr1=[{name:zhang}]var arr2=[]arr2=arr1这时候arr2的数据和arr1是一样的,这时如果把arr2中的name改变,这arr1的也会发生改变 深拷贝: //深拷贝 function copy(obj) { let objcopy = ...原创 2018-10-22 15:02:02 · 2230 阅读 · 0 评论 -
vue子父组件数据互相传递
一父传子:父页面: <Category :message="msg" :mesageSty="msgSty"/>Category是子组件,msg和msgSty是父组件data的值,需要传给Category子组件 子组件:接收父组件消息<div>{{mesageSty}}</div>export default { pro...原创 2018-11-08 13:59:58 · 179 阅读 · 0 评论 -
vue父级组件调用子级组件方法
父页面<Category ref="mychild"/>在父级周期定义事件比如点击执行子组件方法this.$refs.mychild.parentHandleclick(this.msgSty);上边的parentHandleclick就是子组件里的方法...原创 2018-11-08 14:05:05 · 5693 阅读 · 0 评论 -
JointJS动态流程图升级
之前写了一片JointJS的简单使用,最近解答评论的同时又重新查看了下发现有些不足,大半年不接触进行温习都要思考一下才想起来,感觉可能对初入学习理解起来帮助不大,现在更新升级版本,帮助大家同时以便以后使用起来更好的回忆。废话不多说进入正题 这次会分成三个部分进行讲解一简单使用先上效果图这种模式的流程图较为简单准备还是1.jquery2.Lodash.js...原创 2018-12-20 17:15:22 · 2255 阅读 · 3 评论 -
split,splice,slice 三者的用法
一.splitsplit主要用于字符串的分割,可以根据某个字符把字符串拆分成多个数组 var str = “Front-end-bully” Arr = str.slite(“-”); //[‘Front’,’end’,’bully’]二.splicesplice可根据坐标位置进行删除数组并返回长度splice(index,num,item1)3个...原创 2018-12-11 09:56:11 · 12123 阅读 · 1 评论 -
处理新建与更新数据重复添加问题
最近公司有个项目需要做一个配码表类似下图 开始时处理更新的问题是直接拿取所有数据进行提交,没有更新的数据也提交了导致效率大大折扣,后来是只提交修改过的数据和新建的数据进行提交,因为最后提交的是一个数组,新建的数据还好,更新的数据会导致重复添加到数组,即使遍历数组进行if和else判断,if里面判断是否存在数据id进行特定处理是没有问题的但是在else里面也会随着遍历添加一些没用的数据 ...原创 2018-09-29 10:59:27 · 1050 阅读 · 0 评论 -
Js判断当前打开页面是手机端还是Pc端
var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUs...原创 2018-09-12 11:26:22 · 3191 阅读 · 0 评论 -
js简单复制功能
之前休息时候写了一个分享功能模块,里面有一个复制按钮分享一下。html:<div style="position: fixed;top: 50%;left: 50%;margin:-100px 0 0 -100px"> <input type="text" name="" id="text" value="" class="share原创 2018-05-29 16:59:26 · 1009 阅读 · 0 评论 -
解决新添加标签事件无法触发问题
之前在写商城项目时候遇到一个坑,原本页面没有的标签,通过事件添加标签后无法进行事件触发。写一个简单例子方便理解<button class="capy">生成按钮</button> <div class="div"></div>比如点击生成按钮时添加一个button,然后点击这个button进行alert(1)下面是错误写法!!$(".bt原创 2018-05-29 17:25:47 · 1594 阅读 · 0 评论 -
简单cookie时效设置
首先需要引用两个js,一个是jquery,另一个是jquery.cookie.js <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.cookie.js" type="te原创 2018-05-31 13:44:56 · 5323 阅读 · 0 评论 -
jquery Gantt甘特图简单应用
最近公司排产需要做个甘特图,做了一个智能排产;js和css的引用<link rel="stylesheet" href="css/bootstrap.min.css" /> <script src="js/jquery-2.1.4.min.js"></script> <script src="js/bootstrap.min.js原创 2018-06-29 09:55:10 · 15402 阅读 · 6 评论 -
树形结构 - layui.tree
最近公司项目有点多一段时间没有更新,刚完成的一个项目用到了tree树形结构有一些使用心得分享一下. 开始是想使用zTree -- jQuery 控件,后来还是选用了基于layui的树形控件,因为项目后台管理界面都是用到layui,风格上统一一下感觉会好点(有点强迫症- -!),废话不多说上菜。。需要引用四个文件jquery,layui.css,layui.js,layui-xtree...原创 2018-07-20 15:59:08 · 18400 阅读 · 7 评论 -
zTree刷新当前节点和父节点
/** * 刷新当前节点 */ function refreshNode() { /*根据 treeId 获取 zTree 对象*/ var zTree = $.fn.zTree.getZTreeObj("treeDemo"), type = "refresh", ...翻译 2018-08-01 10:36:35 · 4781 阅读 · 0 评论 -
关闭页面或浏览器弹窗提示
window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4...原创 2018-08-29 15:18:42 · 11181 阅读 · 4 评论