乐道

乐在其中,道不出口

 

2013年3月3日

seajs+backbone实现单页面应用模块自动加载

摘要: 这不是一篇介绍seajs和backbone的文章,如果对这两个库不太了解,可以去他们官网查阅。欢迎转载,注明出处:http://www.cnblogs.com/mapping/archive/2013/03/03/2941812.html单页面应用(spa:single page applicati... 阅读全文

posted @ 2013-03-03 19:41 乐道 阅读(8360) 评论(5) 推荐(3) 编辑

2013年1月19日

让localStorage存取JSON更高效

摘要: 要把一个obj对象存进localStorage,大致步骤是:obj => objStr=JSON.stringify(obj) => localStorage.setItem(name, objStr);要把一个localStorage取出转成obj对象,大致步骤是:objStr=localSotrage.getItem(name) => obj = JSON.parse(objStr);现在看来好像没什么问题,如果要修改localStorage中保存的obj的某个属性时,那就要先取出,修改,再存进;这样一来要写大量的JSON转换和localStorage存取代码,而且还有承 阅读全文

posted @ 2013-01-19 20:08 乐道 阅读(2517) 评论(4) 推荐(0) 编辑

2012年11月24日

jquery组合输入框

摘要: 先来看一下应用场景:手机号3-4-4,银行账号4-4-4-4的分组输入等,如下图所示那现在来整理一下这种组合输入框的需求:每个输入框都有一个maxlength属性,限制其最大长度,如上输入框的maxlength分别会设置:3、4、4;1号输入框输入了3个字符后焦点跳到2号,2号输入了4个字符焦点跳到3号,依此类推;在3号输入框按回退删除时,删到内容为空时,焦点跳到2号,继续删除;必须按顺序1》2》3进行输入操作,即焦点永远在最后一个未填写完全的输入框上。下面就看一下使用jquery怎么实现:(function($) { $.fn.combineinput = function(t... 阅读全文

posted @ 2012-11-24 14:32 乐道 阅读(1958) 评论(0) 推荐(0) 编辑

2012年11月16日

使用cookie作对象持久化

摘要: 个人首先是非常不推荐使用cookie作对象持久化的,因为cookie在每次request请求中都会带上,无形就增加了请求的大小。如果对cookie的domain没有管理好,问题会更大,如所有domain.com下的cookie,在你请求js.domain.com或img.domain.com也都会带上,但这些域下的cookie是毫无意义的;所以很多网站会使用其他域名如jsdomain.com或imgdomain.com以减小cookie对请求的开销。已有的工具:jquery.jsoncookie.js(可参考http://lab.distilldesign.com/json-cookie/), 阅读全文

posted @ 2012-11-16 00:35 乐道 阅读(2661) 评论(2) 推荐(2) 编辑

2012年10月29日

jquery ajax使用代理缓存避免重复请求

摘要: 在jquery的1.5版本中加了一个Deferred对象,jq的代码也做了大规模重写。如果想要了解该对象,推荐阅读:jQuery Deferred对象详细源码分析(-)jq的ajax方法也用Deferred对象加入了新特性,现在我们来使用ajax新特性来实现xhr的代理缓存,主要目的:避免重复请求。注意:代理缓存主要用来cache从server拉取的数据,对于client发数据到server处理的情况不要使用对同一url二次请求分为两种情况情况一:第一次请求还未完成,发出了第二次请求;情况二:第一次请求已完成,再发出了第二次请求。所以我们需要用到两个对象,一个__xhrCache__保存jqX 阅读全文

posted @ 2012-10-29 21:52 乐道 阅读(3176) 评论(3) 推荐(4) 编辑

2012年10月27日

jquery级联下拉插件

摘要: 太久没有写博客了,废话就不多说,直接上干货/* * 基於jquery級聯選擇 * target: 下一級的jquery選擇器 * urlOrData: ajax請求的url或用於篩選的Data * options: 配置 */(function($) { var defaultOptions = { after: null, before: null, usePost: false, defaultValue: null, filter: null, preValue: '-1', pre... 阅读全文

posted @ 2012-10-27 23:06 乐道 阅读(3341) 评论(5) 推荐(1) 编辑

2010年12月2日

长字符串的剪裁(后台方式)

摘要: 考虑到有许多浏览器不兼容CSS,text-overflow的方式剪裁字符串加上“...”,网上也有提供全兼容的解决办法,但怎么样都没有后台处理字符串的方式来的直接。下面我就给出后台处理的代码:之所以重载一下区分中英文,是因为中英文字符,即使长度相同,但显示的宽度并不一样,一般中文字符的宽度是一个英文字符的两倍左右,非等宽字体除外。如果区分了中英文,那么显示的长字符串宽度基本... 阅读全文

posted @ 2010-12-02 15:44 乐道 阅读(647) 评论(0) 推荐(0) 编辑

2010年12月1日

长字符串的剪裁(前台方式)

摘要: 在前台的页面设计中,经常会被一些长的字符串导致整个页面非常混乱。以往我们都会加上样式:overview:hidden;很好问题解决了,但是新的问题又来了,我们需要过长的字符串隐藏后,在其后面加上”...“,如下:你那可以看得到后面的点点点吗注:若你看不到”...“,则说明你的浏览器不支持。下面来看一下这个DIV的样式:关键在于:text-overfl... 阅读全文

posted @ 2010-12-01 23:59 乐道 阅读(256) 评论(0) 推荐(0) 编辑

不修改破坏查询字符串的自定义分页(简翻译)

摘要: 原文地址:http://www.codeproject.com/KB/aspnet/Custom_Paging_AnyDatabase.aspx源码下载:http://www.codeproject.com/KB/aspnet/Custom_Paging_AnyDatabase/Custom_Paging.zip简介自定义分页一直以来并不是什么新的想法。我看过许多程序是通过存储过程或者查询字符串进... 阅读全文

posted @ 2010-12-01 23:32 乐道 阅读(484) 评论(3) 推荐(0) 编辑

2010年11月26日

ip查地址的那点事儿

摘要: 相信很多人在web程序设计中都想过根据用户的IP地址查询该用户的实际所在地地址。这样的功能不能说应用十分广泛,但如果用上了的话,会给你程序的用户体验加不少的分,如:在用户注册时,所在地这一栏都会以下拉框显示,而且以往显示出来的不是“北京市”就是“选择省”、“选择市”之类的,有的用户会敷衍一下,随便选个;但老实的用户都会找个半天... 阅读全文

posted @ 2010-11-26 18:29 乐道 阅读(775) 评论(0) 推荐(0) 编辑

导航