随笔分类 - [10]JS
-
XScroll.js更新:加入交错切换效果,附思路
摘要:十年灯只做简单的事XScroll.js更新:加入交错切换效果,附思路原XScroll发布文见此:http://www.cnblogs.com/lixlib/archive/2012/03/21/javascript-tupian-qiehuan-xscroll_js.html2012-4-13:加入了交错切换效果。看示例页第一个例子——现在我可以说XScroll.js支持17种切换效果了吗。。。还是心虚所谓的交错切换,就是当前图片向左移动,下一张图片向右移动,各自移动到一半时,就都往回移动,但此时图片叠加顺序改变,下一张图片将覆盖当前图片。交错切换也支持4个方向。交错切换的实现思路:首先,不可 阅读全文
-
Node.js和Geddy初学者指南 - 第三部分:使用Mongdb持久化你的数据
摘要:Node.js和Geddy初学者指南 - 第三部分:使用Mongdb持久化你的数据在这个三个部分的教程中,我们教大家使用Node.js和Geddy来创建了一个todo的管理应用,上一篇我们将数据保存在内存中,在这个系列最后一篇文章中,我们将介绍如何将todo项目保存到mongodb中。介绍MongoDBMongoDB是一个由10gen开发的Nosql类型的数据库。这是node应用可以使用的超棒的数据库,它将数据保存为JSON格式。并且所有的查询都是使用javascript开发的。如果你想深入了解Mongdb,请参考这两篇文章:Nosql数据库教程之初探MongoDB - 第一部分和Nosql数 阅读全文
-
JSON(序列化与反序列化)
摘要:最近公司项目中用到了Json操作,从.NET后台读取数据,通过Json转化在传给“Andiron”端呈现,于是通过几天的学习,对它有了一点的理解! 1.Json的理解 Json其实就是一个序列化和反序列化的操作,而通过序列化操作之后的数据可以跨平台使用,这就促使了可以使用两个平台,一个做后台,一个做前台,数据访问层通过Json来传递! 2.可以序列化的标志 [Serializable] public class MyPeople { public string Name { get; set; } public string FatherName { get;... 阅读全文
-
[译]扩展JavaScript功能的正确方法
摘要:早上看到《JavaScript 每周导读》【第三期】一文,里面发现一篇文章(Extending JavaScript – The Right Way),觉得还不错,翻译过来跟大家共享,本文并不是逐字逐句进行翻译,尽量说得通俗易懂。 原文地址:Extending JavaScript – The Right Way以下是译文 JavaScript已经内置了很多强大的方法,但有时你需要的某个功能在内置的方法中没有,我们怎么来优雅地扩展JavaScript功能呢。 例如我们想增加一个capitalize()方法来实现首字母大写,通常我们这样写:if(!String.prototype.capi... 阅读全文
-
发布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持中文日期类型,支持SImpleDateFormat格式,支持change等自定义事件,全中文注释和API,欢迎支持
摘要:发布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持中文日期类型,支持SImpleDateFormat格式,支持change等自定义事件,全中文注释和API,欢迎支持demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#datepicker本日历,支持多语言本地化,且中文支持非常好独家支持日历日期多选操作,按住shift键,多选,和按住ctrl键多选, shift选择效果 ctrl选择效果支持开始日期和结束日期限制支持自定义事件change,可以方便2次编程//默认日历var picker = new $ 阅读全文
-
mass Framework draggable插件
摘要:这个插件一再延期,花了我几周的时间,参考了不少实现,终于实现得比jQuery ui的draggable还强大。之所以说它强大,是因为支持多点拖动(同时能拖动多个方块),并支持事件代理方式监听以后可能出现的拖动块。请等博客左上角的FLASH时钟动画出现后才进行拖动。你可以一个个拖动它们,也可以单击它们当中的某些,让它们变成绿色后,进行多点拖动。更多的例子请见github上的文档我在github的文档,那里有十来个例子,如一格格地拖动,按沿着图的轨迹拖动,生成幽灵元素进行影子拖动,通过手柄进行拖动,区域拖动,应有尽有……draggable文档:$.fn.draggable(settings)参数: 阅读全文
-
js模块化开发---js大项目代码组织和多人协作的解决之道
摘要:Js开发在整个行业的现状主要的有两点维护成本高多人协作项目的困境Js项目维护成本过高经历过10年的ie统治时期的浏览器世界一成不变,和06年开始ajax的兴起带动垂死的javascript的复兴,浏览器市场也开始翻天覆地的快速变化,排版引擎和js脚本引擎开始得到不断的优化,js的执行效率不断的得到提高,但是………..我们的js一直没变过. 现在所有的主流 Web 浏览器都遵守 ECMA-262 第三版,即实现的是JavaScript 1.5版 时间 2000那么,js依然是当年的js,浏览器和对web的需求早已经不复当年。当年那个为做表单验证而生的js语言,如今承担的是复杂的界面ui和交 阅读全文
-
JavaScript单元测试ABC
摘要:当前,在软件开发中单元测试越来越受到开发者的重视,它能提高软件的开发效率,而且能保障开发的质量。以往,单元测试往往多见于服务端的开发中,但随着Web编程领域的分工逐渐明细,在前端Javascript开发领域中,也可以进行相关的单元测试,以保障前端开发的质量。 在服务器端的单元测试中,都有各种各样的测试框架,在JavaScript中现在也有一些很优秀的框架,但在本文中,我们将自己动手一步步来实现一个简单的单元测试框架。 JS单元测试有很多方面,比较多的是对方法功能检查,对浏览器兼容性检查,本文主要谈第一种。 本文检查的JS代码是我以前写的一个JS日期格式化的方法,原文在这里(javascr... 阅读全文
-
如何编写可维护的面向对象JavaScript代码
摘要:如何编写可维护的面向对象JavaScript代码能够写出可维护的面向对象JavaScript代码不仅可以节约金钱,还能让你很受欢迎。不信?有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦,就可以节省不少时间。地球人都知道,时间就是金钱。同样的,你也会因为帮某人省去了头疼的过程而获得他的偏爱。但是,在开始探索如何编写可维护的面向对象JavaScript代码之前,我们先来快速看看什么是面向对象。如果已经了解面向对象的概念了,就可以直接跳过下一节。什么是面向对象?面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象,首先需要写一个“类”来定义。类几乎可以代表 阅读全文
-
JSONObject简介
摘要:本节摘要:之前对JSON做了一次简单的介绍,并把JSON和XML做了一个简单的比较;那么,我就在想,如果是一个json格式的字符串传到后台,需要怎么对其处理?如果前台页面需要后台返回的是一个json的字符串,那么后台是怎么把json格式的字符串给拼装起来的呢?JSON和XML是不是有某种联系,他们之间是不是可以互相转换?……带着这些问题,搜索了相关的资料,并自己实际动手操作,总算对这些问题有了个比较清晰的认识。这些问题主要是通过JSONObject这个插件的jar包实现。preparation1.JSONObject介绍JSONObject-lib包是一个beans,collections,m 阅读全文
-
js浏览器和浏览器插件检测的方法总结
摘要:文/玄魂前言首次面对题目所示的需求的时候,头脑中没有任何概念,于是搜索,所有的中文结果都不是很满意。所幸老外的几篇文章还是很有参考价值,虽然最终没有解决我的问题,但是我还是把这几篇文章的内容作了抽取和整理,于是有了本文。主要内容如下:1.1浏览器检测1.2浏览器插件检测1.1浏览器检测(参考:http://www.quirksmode.org/js/detect.html)对于浏览器的类型和版本的检测,通常我们使用navigator.userAgent属性,但是它不能适用于所有的浏览器,有时还需要使用navigator.vendor、window.opera或者navigator.appVer 阅读全文
-
跟我一起学JQuery插件开发
摘要:以前一直比较好奇,jquery插件是怎么开发的,怎么写属于自己的插件?昨天在逛codeproject网站的时候,突然看到一篇文章:How to write plugin in Jquery.如果对E文好的同学 ,可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。资料来源:【1】How to write plugin in Jquery.【2】锋利的JQuery 书【3】RascallySnake的JQuery.extend()详解一.介绍插件编写的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期 阅读全文
-
json入门实例
摘要:简单JSON实例首先我们创建一个叫做User的简单对象。代码如下:User.javapublic class User{private Integer userId;private String userName;private String password;public Integer getUserId() {return userId;}public void setUserId(Integer userId) {this.userId = userId;}public String getUserName() {return userName;}public void setUser 阅读全文
-
NodeJS Socket.io
摘要:为什么需要socket.io? node.js提供了高效的服务端运行环境,但是由于浏览器端对HTML5的支持不一,为了兼容所有浏览器,提供卓越的实时的用户体验,并且为程序员提供客户端与服务端一致的编程体验,于是socket.io诞生。 socket.io设计的目标是支持任何的浏览器,任何Mobile设备。目前支持主流的PC浏览器 (IE,Safari,Chrome,Firefox,Opera等),Mobile浏览器(iphone Safari/ipad Safari/android WebKit/WebOS WebKit等)。socket.io基于node.js并简化了WebSocket AP 阅读全文
-
【jUploader】1.0正在版 基于jQuery文件无刷新上传插件下载及介绍
摘要:【jUploader】1.0正在版 基于jQuery文件无刷新上传插件下载及介绍【jUploader】介绍 花了1天多写了个上传插件,功能比较简单,但是很实用。这个只是单文件上传,以后有时间再写个多文件ajax上传插件,而且还会基于这个插件写个头像剪裁的插件,喜欢它的朋友别忘了点一下推荐支持一下下,3Q【jUploader】下载Download:jquery.jUploader-1.0.js10.10kbDownload:jquery.jUploader-1.0.min.js4.25kbDownload:jquery.jUploader-1.0-demo.rar1.83mbSupported. 阅读全文
-
node.js从入门到菜鸟
摘要:node.js是什么似乎已经不需要我多为赘述了,非阻塞的服务器语言、JS书写的后台代码,无数的文章已经很好的展示了node的魅力与展望。关于node.js的安装,大家不妨参考博客园聂微东的http://www.cnblogs.com/Darren_code/archive/2011/10/31/nodejs.html (node.js初体验),这篇文章很好的综述了node.js的一个基础(从安装到体验到模块的一个入门,个人感觉是一篇很好的文章),相信通过东哥的这篇文章大家可以对node有一个初步的了解。node是一门很有意思的框架,它能够让一个长期执迷于前端开发的攻城湿(忘记了还有一种语言叫后 阅读全文
-
json的一点总结
摘要:json一般用在少量的数据处理。因为格式简单,操作方便,而且javascript本事就支持json格式的处理功能。所以建议大家使用json一般格式如下:{"id":"1","name":"abc"}或者[{"id":"1","name":"abc"},{"id":"1","name":"abc"}]下面是js中几种解释json格式的方法: 1,eval( 阅读全文
-
从今天开始,调试脚本,远离alert
摘要:不知有多少人像我一样,几年web开发,无数js代码,调试脚本却只会alert方法。不知有多少人像我一样,一个简单方法,开发中却需不断alert以确保数值正确,一步一alert,处处都alert,每次都alert到浏览器看不下去,跳出来阻止。如果你确实苦逼如我,今天看到这篇文章算你福气啦,哥现身说法,教你如何摆脱alert的噩梦。调试利器--console.log如今主流浏览器(Chrome,IE8及后续版本,FireFox,Opera等)都支持控制台功能。Chrome:IE9:FireFox(需安装FireBug插件)当在js代码中调用Console.log方法时,相应的信息就会在控制台中显示 阅读全文
-
JQuery EasyUi之界面设计——通用的JavaScript(二)
摘要:所谓磨刀不误砍柴工,先写点通用的代码,后面开发起来效率就高多了。多余的话就不敲了,先简单介绍介绍吧。时间格式化对于序列化JSON,我喜欢用JSON.NET,为了方便,我定义了一个扩展方法,如下面代码: 1: /// <summary> 2: /// 将对象序列化为JSON数据 3: /// </summary> 4: /// <param name="instance"></param> 5: /// <returns></returns> 6: public s... 阅读全文
-
用原生JS进行CSS格式化和压缩
摘要:前言一直比较喜欢收集网页特效,很多时候都会遇到CSS被压缩过的情况,这时查看起来就会非常不方便,有时为了减少文件大小,也会对自己的CSS进行压缩,网上提供这样服务的很多,但都不尽如人意,因此打算自己动手写一个JS来进行CSS的格式化和压缩原理CSS的结构如下:选择器{ css属性声明:值;}复制代码所以对CSS格式化也就比较简单,大致分为以下几步;1、把多个空格合并成一个,去掉换行2、对处理后的字符串按"{"进行分组3、遍历分组,对含有"}"的部分再次以"}"进行分组4、对分组后的数据进行处理,主要是加上空格和换行对CSS压缩就比较简 阅读全文