分类:Web前端

JavaScript中常见批量处理数组元素的方法

在我们实际编写JavaScript代码的时候,我们经常需要处理一堆堆的数据,他可能是一个数组,一个json,一个object。 而我今天就就讲一下如何对一个数组中的元素执行批量处理。 情景假设 某个企业网站上展示了公司人员列表,每个人员都至少包含了姓名,性别,年龄,岗位等信息,现在有个需求要给这个列表增加一个编辑功能。我的做法是,员工信息统一用一个数组维护,每个人的信息都是这个数组的成员。编辑人的信息就是编辑这个数组的信息,然后刷新人员列表。这样比较容易操作,加载和保存人员信息也比较好做。 人员数组: var userList = [{name:”张三”,age:25,six:”男”},{na…

阅读全文 »

Jquery多功能提示通知弹出对话框插件jBox中文文档

jBox是一个强大和灵活的jQuery插件,用于创建你所有的模态窗口,提示,通知或更多。 基本 有两种简单的方法创建jBox,你可以使用jQuery选择器或者创建一个jBox实例。下面是两个功能一样的实例: $(‘.tooltip’).jBox(‘Tooltip’); new jBox(‘Tooltip’, {attach: $(‘.tooltip’)}); 先设置一个可选类型(即通知类型),你也可以通过 new jBox(options)设置你的选项。已保存的类型解决了每一次你自己去定义的麻烦。参照选项部分看看你都能够设置哪些类型。 你可以使用这些类型:Tooltip, Mouse, Mod…

阅读全文 »

JavaScript插件开发

当JS代码达到一定的规模或者预期中js代码会很庞大复杂的时候,就需要考虑将js代码做成插件, 把代码模块化封装。这样做的目的和普通编程的OOP其实是一个道理,就是封装和继承多态。 我记得ecma7中已经明确支持面对对象了。 规范: 1.插件的推荐命名方法为:jquery.[插件名].js 2.所有的对象方法都应当附加到JQuery.fn对象上面,而所有的全局函数都应当附加到JQuery对象本身上。 3.在插件内部,this指向的是当前通过选择器获取的JQuery对象,而不像一般方法那样,内部的this指向的是DOM元素。 4.可以通过this.each 来遍历所有的元素 5.所有方法或函数插件…

阅读全文 »

用于Activiti前端显示流程图的插件

因为现在做一个基于Activit的工作流OA,在设计过程中需要显示用户设计出来的流程图。 所以需要使用一个流程图插件,可以用来加载流程,也可以直接通过拖拽的方式设计流程。 思来想去,搜索了很多插件,最后选择了jsplubm这款插件 官网地址是jsplumbtoolkit.com       流程包含了基本的用户任务,连接线。整个流程自上而下,且包含了“层”的概念,比如节点2和节点3是一个层的,节点4是单独一个层的, 主要是方便理清具体执行的顺序。 通过自己手动解析流程,可以展示基本的直线顺序流,并行切分汇聚顺序流,或者逆向的顺序流。当然这些都是后端的逻辑。 我是直…

阅读全文 »

javascript 学习

Let 类似var但let只在它所在的代码块有效 { leta=10; varb=1;} a//ReferenceError:aisnotdefined.b//1 不存在变量提升(声明写在调用之后,也能执行,就是预解析机制) typeofx;//ReferenceErrorletx; 暂时性死区: vartmp=123; if(true){ tmp=’abc’;//ReferenceErrorlettmp;} 不能重复声明同一个变量 作用域不包含子级 functionf1(){ letn=5; if(true){ letn=10; } console.log(n);//…

阅读全文 »

html5 自述

标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。 HTML5草案的前身名为 Web App…

阅读全文 »