随笔分类 - [10]JS
-
图形化机构树
摘要:图形化机构树一、前言组织机构是国内管理系统中很重要的一个概念,以前我们基本都是采用数据列表的形式展现,最多只是采用树形列表展现。虽然够用,但是如果能做成图形化当然是最好不过了。这里我不用任何图形控件,就用最原始的方式,用脚本画html的方式来展现一个图形化的机构树。二、功能分析当然我们除了生成图形的功能还有其它的维护机构数据的功能:1、展现机构图形2、新增组织机构3、编辑组织机构4、删除组织机构5、给组织机构设置拥有的角色三、具体实现图形展示的实现前面已经说了用脚本画页面html,新增修改节点则利用easyui的window或dialog控件弹出窗口编辑设置角色也弹出窗口选择,除了展现图形其它 阅读全文
-
jQuery 2.0.3 源码分析core - 选择器
摘要:jQuery 2.0.3 源码分析core - 选择器 声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢! 打开jQuery源码,一眼看去到处都充斥着正则表达式,jQuery框架的基础就是查询了,查询文档元素对象,所以狭隘的说呢,jQuery就是一个选择器,并这个基础上构建和运行查询过滤器!工欲善其事,必先利其器,所以先从正则入手我们来分解一个表达式// A simple way to check for HTML strings// Prioritize #id over to avoid XSS via location.hash (#9521)// Strict. 阅读全文
-
jQuery实现放大镜效果
摘要:jQuery实现放大镜效果1.1.1 摘要相信大家都见过或使用过放大镜效果,甚至实现过该效果,它一般应用于放大查看商品图片,一些电商网站(例如:凡客,京东商城,阿里巴巴等)都有类似的图片查看效果。在接下来的博文中,我们将向大家介绍通过jQuery实现放大镜效果。目录实现原理mousemove事件相对坐标background-position属性mousewheel事件1.1.2 正文实现原理首先,我们讲解一下放大镜效果的实现方式:方法一:准备一张高像素的大图,当鼠标放到原图上,加载显示大图的对应位置。方法二:对原图片进行放大,也就是调整原图的长和宽。上面我们介绍了通过两种方式实现放大镜效果,接 阅读全文
-
WebApp之PC客户端
摘要:开发WebApp之PC客户端HTML5的跨平台性还是很好的,苹果、Android手机都可以用,所在最近使用Jquery Mobile开发了一个手机端应用程序,一次开发,多个平台使用。但我们的很多客户使用的是还是IE浏览器,有的还是很老的版本,对HTML5支持都不好,如果想让客户在PC想上也能运行我们的应用程序得另想办法。虽然现在在PC机上,很多浏览器已经很好的支持HTML5,如谷歌、火狐等,但同样会有一些问题,这些浏览都是非制定的,窗口随意大小,会严重影响原来为手机屏幕大小而设计的页面。而且要客户去下载一个浏览器,并使用我们的应用地址,客户有时候很难去接受。但如果是专为应用而做的一个程序,客户 阅读全文
-
easyui小清新俺也晒晒 视频管理软件bs项目
摘要:easyui小清新俺也晒晒 视频管理软件bs项目针对设备的管理软件 这是我听到最多的话。视频管理软件bs项目。easyui 好与坏我不去评价项目做了好几个月,其实代码看来也没用多少,但是做需求,时间太长了,都是自己摸索着做这个bs项目网上找了好久没发现有这个项目的例子只能自己去想一步步去实现。我有海康cs客户端 提供是为了做这类项目的一个参考easyui 登陆页面 因为是关于设备的管理软件所以 登陆要默认有个账号 提供用户登陆。视频预览页面 左侧显示摄像头信息 中间区域是视频预览区域 分4窗口6窗口8窗口 12窗口36窗口显示视频画面 右侧显示 报警操作,到有人闯入录像区域 提示用户云台控制 阅读全文
-
ExtJS面向对象
摘要:ExtJS面向对象序言 1.ExtJs是一套很好的后台框架。现在很流行的,我们要会。 2.这是我写ExtJs的第一篇,以后会写很多直到把这框架运用的炉火纯青,走火入魔。ExtJs中的命名空间 我是做.net的,这命名空间名字一样,功能也一样,都是对项目中类进行有效的管理,区分类的作用域。他们的层次结构都是使用“.”来划分的。只不过定义的时候不一样。Ext是通过namespace()方法来定义的。(这里我先不展示,例子中我会用到的)Javascript中的类定义 1.JavaScript是个基于原型链继承的语言,没有类的概念。而且JavaScript语言特点就是松散和自由,... 阅读全文
-
Javascript this 解析
摘要:Javascript this 解析Javascript中,this是一个非常有用的关键字, this是在运行时基于函数的运行环境绑定的,但是,如果使用的时候不注意,很容易就出错了。ECMAScript Standard对this的定义看起来非常简单: The this keyword evaluates to the value of theThisBindingof the currentexecution context.其中,对于ThisBinding和execution context, ECMAScript Standard 有另外的详细说明:执行环境(引用http://ecmas 阅读全文
-
bootstrap插件学习-bootstrap.alert.js
摘要:bootstrap插件学习-bootstrap.alert.js我们先看bootstrap.alert.js的结构var dismiss = '[data-dismiss="alert"]' //自定义属性Alert = function ( el ){} // 构造器Alert.prototype ={} // 构造器的原型$.fn.alert = function ( option ){} //jQuery原型上自定义的方法$.fn.alert.Constructor = Alert // 重写jQuery原型方法popover的构造器名$(functi 阅读全文
-
JavaScript作用域链
摘要:JavaScript作用域链之前写过一篇JavaScript 闭包究竟是什么的文章理解闭包,觉得写得很清晰,可以简单理解闭包产生原因,但看评论都在说了解了作用域链和活动对象才能真正理解闭包,起初不以为然,后来在跟公司同事交流的时候发现作用域和执行环境确实很重要,又很基础,对理解JavaScript闭包很有帮助,所以在写一篇对作用域和执行环境的理解。作用域作用域就是变量和函数的可访问范围,控制着变量和函数的可见性与生命周期,在JavaScript中变量的作用域有全局作用域和局部作用域。单纯的JavaScript作用域还是很好理解的,在一些类C编程语言中花括号内的每一段代码都有各自的作用域,而且变 阅读全文
-
jQuery包装集
摘要:jQuery包装集jQuery包装集指的是通过$()方法返回的一个元素集,这跟一般的javascript数组有所区别,包装集在后者的基础上还有一些初始化的函数和属性。 我们可以对二者进行一个比较:jsdiv = document.getElementsByTagName("div");jqdiv = $("div");// javascript 元素集console.log(jsdiv); // jquery 包装集console.log(jqdiv);用firebug调试一下,查看返回的对象:可以看到,document.getElementsByTag 阅读全文
-
bootstrap插件学习-bootstrap.button.js
摘要:bootstrap插件学习-bootstrap.button.js先看bootstrap.button.js的结构var Button = function ( element, options ){} //构造器Button.prototype = {} //构造器的原型$.fn.button = function ( option ){} //jQuery原型上的自定义方法$.fn.button.defaults = {} //默认参数$.fn.button.Constructor = Button //重写jQuery原型自定义方法的构造器名$(function (){}) // 初始化 阅读全文
-
bootstrap插件学习-bootstrap.popover.js
摘要:bootstrap插件学习-bootstrap.popover.js先看bootstrap.popover.js的结构var Popover = function ( element, options ){} //构造器Popover.prototype = {} // 构造器的原型$.fn.popover = function ( option ){} //jQuery原型上的自定义方法$.fn.popover.Constructor = Popover //重写jQuery原型方法popover的构造器名$.fn.popover.defaults = {} // 默认参数个人感觉boots 阅读全文
-
JSON数据解析
摘要:JSON数据解析在之前的《iOS学习——xml数据解析(九)》介绍了xml数据解析,这一篇简单介绍一下Json数据解析。JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与客户端的交互,Json语法参考。关于在iOS平台上进行JSON解析,已经有很多第三方的开源项目,比如TouchJson,JSONKit,SBJon等,自从iOS5.0以后,苹果SDK推出了自带的JSON解决方案NSJSONSerialization,这是一个非常好用的JSON生成和解析工具,效率也是比其他第三方开源项目的高很多,详情可看下图。图片详情可查看NSJ 阅读全文
-
JavaScript包装对象
摘要:JavaScript包装对象JavaScript是面向对象的语言,使用”.”操作符可以访问对象的属性和方法,而对于基本类型(null, undefined, bool, number, string)应该是值类型,没有属性和方法,然而var s='this is a string';alert(s.length);alert(s.indexOf('is'));结果很简单,但是仔细想想还真奇怪,string不是值类型吗!怎么又有属性又有方法的!内置对象JavaScript有一系列内置对象来创建语言的基本功能,具体看一下BooleanBoolean 对象表示两个值: 阅读全文
-
node.js系列笔记之node.js初识《一》
摘要:node.js系列笔记之node.js初识《一》一:环境说明 1.1 Linux系统CentOS 5.8 1.2 nodejs v0.10.15 1.3 nodejs源码下载地址http://blog.nodejs.org/ 1.4 开发工具 WebStorm6 下载地址http://www.jetbrains.com/webstorm/whatsnew/二:安装配置 2.1 下载nodejs for linux (nodejs source) 2.2 nodejs安装过程中遇到的问题及解决方法http://blog.csdn.net/code52/article/details/9036.. 阅读全文
-
javascript中字符串常用操作整理
摘要:javascript中字符串常用操作整理字符串的操作在js中非常频繁,也非常重要。以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊。。。今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅。也可到独立博客查看:javascript中字符串常用操作总结String对象属性(1) length属性length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不一样。var str = 'abc';console.log(str.lengt 阅读全文
-
jQuery Wheel Menu:实现漂亮的 Path 风格旋转菜单
摘要:jQuery Wheel Menu:实现漂亮的 Path 风格旋转菜单 相信很多用过Path的都对它的独特的旋转导航菜单有深刻的印象,这个功能也被很多的Web开发者模仿。今天分享的这款插件可以方便的在你的网站中加入和 Path 一样的旋转菜单,可以自定义效果。您可能感兴趣的相关文章OverAPI.com – 史上最全开发人员在线速查手册HTML5 Maker – 在线轻松制作 HTML5 动画效果SlimerJS – Web开发人员可编写 JS 控制的浏览器Chance – 功能强大的 JavaScript 随机数生成类库Debuggex – 超好用的正则表达式可视化调试工具 使用方法很简.. 阅读全文
-
jQuery 2.0.3 源码分析core - 整体架构
摘要:jQuery 2.0.3 源码分析core - 整体架构拜读一个开源框架,最想学到的就是设计的思想和实现的技巧。废话不多说,jquery这么多年了分析都写烂了,老早以前就拜读过,不过这几年都是做移动端,一直御用zepto, 最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码,结合自己的实际经验一起拜读吧!github上最新是jquery-master,加入了AMD规范了,我就以官方最新2.0.3为准整体架构jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如:$().find().css()$().hide().html('....').hide 阅读全文
-
Js 冒泡事件阻止
摘要:Js 冒泡事件阻止JS阻止冒泡方法博客分类:javascript JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产 生就一直往上浮,到在水平面时,它才消失。在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之 前刺破它。 我在文档中写了一个层,点击以外隐藏该层,并为之设置了简单的样式,现在我希望点击该层以外的地方使之隐藏,那么我给根元素绑定了一个click事件,一点击html就隐藏该DIV,代码如下:Javascript代码 document... 阅读全文
-
bootstrap插件学习-bootstrap.tooltip.js
摘要:bootstrap插件学习-bootstrap.tooltip.js先看bootstrap-tooltip.js的结构var Tooltip = function ( element, options ){} // 构造器Tooltip.prototype ={} //构造器的原型$.fn.tooltip = function ( option ) {} //jQuery原型上自定义的方法$.fn.tooltip.Constructor = Tooltip //重置jQuery原型方法tooltip的构造器名$.fn.tooltip.defaults ={} // 默认参数因为tooltip插 阅读全文