博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2012年12月12日

摘要: 问题的来源先看一个实际的场景:假如现在有这个已经做好的页面:现在需要新做一个页面,页面中需要把上图的搜索框拿回来,包括css样式和js的智能提示功能都要保留。这样的例子在开发时会经常出现,比如搜索框、好友列表、侧边栏。现在很多开发人员为了方便,基本都是从原有的页面把相关的css,js直接抠出来,然后复制到新的页面。时间久了就会发现:代码很乱;每次都需要重新抠代码,很辛苦;如果是团队开发,经常会出现重复开发相似功能的事情。所以,我们需要定义一个前端项目开发规范,减少复用代码的成本。如何实现复用其实,代码复用不是现在才提出来的,很早以前就有js框架实现一定程度的复用了,另外也有人开始使用一些 UI 阅读全文

posted @ 2012-12-12 13:11 xuld 阅读(854) 评论(0) 推荐(0) 编辑

2012年10月25日

摘要: 操作非常简单的屏幕取色工具+屏幕尺子+屏幕截图工具。取色可以直接复制 HTML 颜色值,也可以复制如 color: #ffffff 的 CSS 代码。尺子可以直接复制带 PX的大小,也可以复制如 width: 100px 的 CSS 代码。截图除了传统的复制到剪贴板,还可以复制为地址:在网页中如果需要上传图片截图,只需复制为地址,然后把本地文件地址复制进行即可上传。标注对于视觉稿,可以标注某些模块的功能。还可以创建多个截图区域。支持多个快捷键很多取色软件都不支持方向导航,导致鼠标定位到某个点非常累。Screentoolkit支持完美的快捷键。使用方向键微调!定位点再也不怕抖。使用F5刷新页面! 阅读全文

posted @ 2012-10-25 09:33 xuld 阅读(15540) 评论(2) 推荐(5) 编辑

2012年2月10日

摘要: 题目来自:http://www.cnblogs.com/TomXu/archive/2012/02/10/2342098.html原创答案,肯能和出题者的标准答案不同,但至少能实现目标。找出数字数组中最大的元素(使用Math.max函数)Math.max.apply(Math, arr);转化一个数字数组为function数组(每个function都弹出相应的数字)arr.map(function(xld){ return function(){return xld}})给object数组进行排序(排序条件是每个元素对象的属性个数)function count(o){var i = 0; fo 阅读全文

posted @ 2012-02-10 10:14 xuld 阅读(759) 评论(8) 推荐(1) 编辑

2011年9月27日

摘要: 想让IE6崩溃? 各种方法分享----方法一<style>div { width:100px; }div a:hover { position:absolute }</style><div><a href="#">点我挂掉IE6<img src="" /><span></span></a></div>原理解析: IE6在处理图片的 absolute 时出现问题方法二<!DOCTYPE html PUBLIC "-//W3C//DTD 阅读全文

posted @ 2011-09-27 13:36 xuld 阅读(523) 评论(2) 推荐(0) 编辑

2011年8月18日

摘要: function a(){ var i=0; }a();每次a执行的时候,都会创建一个新的执行环境,并在这个环境创建变量i,也就是说,每次的i是不一样的。这样就叫函数a对变量i的闭包。这样的代码是典型的没有闭包的代码:for(var i = 0; i < 9;i++){ a.childNodes[i].onclick = function(){ alert(i); };}它有个问题,就是变量i只有1个,最后输出的都是当前的i(=9)。要想保存执行时的i,就要利用闭包。使每次的i都不同for(var i = 0; i < 9;i++){ var fn = function(m){ v 阅读全文

posted @ 2011-08-18 11:47 xuld 阅读(440) 评论(0) 推荐(0) 编辑

2011年7月8日

摘要: 源码: core/src/Ext-more.jsL 44一来就 44 行? 我也没办法, 上面都是注释。Ext中的注释是非常多的。然这些注释都是文档注释。关键的注释很少。L 45Ext.userAgent 这里使用了 navigator.userAgent 说明, EXT 是基于 navigator.userAgent 判断浏览器。L 46Ext.cache 这个cache 干吗用? 它是Ext全部缓存 放的地方。L 47Ext.idSeed 这东西叫种子, Ext 为了让 id 唯一, 就使用 idSeed , 每使用一次,就 idSeed++ 。L 48Ext.BLANK_IMAGE_UR 阅读全文

posted @ 2011-07-08 15:22 xuld 阅读(893) 评论(2) 推荐(0) 编辑

2011年7月2日

摘要: EXT4是什么就不解释了,能读这文章的你肯定知道。下载EXT4的压缩包,天,几十兆。这根本不是人写的啊。但我想说的是: 作者故意把它弄这么大,单源码是没有这么多的,大约3兆。写EXT的源码解读不是很轻松。但相信很多人需要它!希望这份源码解读能让你受益匪浅。当然,如果你连基本的js语法都不知道,那就放弃吧,它不是 js教程。不要觉得这篇文章标记一下,以后再读。这意味着你不会去读。有时候,学习是被逼的。但你绝对可以边听音乐边读这篇文章。学会在学习中找到快乐是一个本领。EXT 4 源码解读xuld/文QQ 744257564转载时请注明来源: http://www.cnblogs.com/xuld/ 阅读全文

posted @ 2011-07-02 01:03 xuld 阅读(1846) 评论(3) 推荐(2) 编辑

2011年6月23日

摘要: Javascript 的 this 不同于其它编程语言的 this 。this可以出现在任何位置。如果是全局下, this 是 window ,不能更改的。定理: 代码是这样的: c.a() 那么 a函数里面的this就是 c 。默认下, window.a() 是可以省略为 a() 的 所以 直接 a() , this是 window。代码是这样的: new a() 那么 a函数里面的是this就是a.prototype的复制版本,且,new a()的默认返回就是这个复制版本。a.call 和 a.apply 可以改变默认的this行为, a.call(b, 参数1,...,参数n) 和 a. 阅读全文

posted @ 2011-06-23 12:32 xuld 阅读(518) 评论(0) 推荐(1) 编辑

2011年6月15日

摘要: 作为 Javascript 文档家族的一份子,它具有以下优势: 1. 操作简单。为数不多的具有图形界面的文档工具。 2. 分析智能度。可以根据上下文帮助用户补全注释,让用户尽量少写注释文档。 3. 输出格式随意。大部分文档生成工具最终都生成一个 CHM 文件-----然而只能生成CHM 文件。最终输出的是兼容各个语言的文档格式。根据这个文档格式可以生成任意作者需要的格式,而不需重写文档解析引擎。库里提供此格式的读写接口,有兴趣的用户可以自行开发插件。&预览 下载地址: http://play.xuld.net/softwares/doc(带源码, 带帮助文件);基本兼容 EXTDOC 阅读全文

posted @ 2011-06-15 16:16 xuld 阅读(647) 评论(0) 推荐(1) 编辑

2011年6月10日

摘要: 关于Javascript中的继承实现,文章有很多,但都是长篇大论,所以这里献上一篇微型博客,希望对正在学习Javascript的同学有些帮助。 在 Javascript 中, 类就是函数,要想实现类A,继承于类B 即 函数A的原型中拥有函数B的原型的全部成员。所以只需 A.prototype = new B() 这样A的原型就有B原型的全部成员了。当然这里调用了B的构造函数,为避免调用,使用一个中间函数fn。让fn.prototype = B.prototype , 这样 A.prototype = new fn() 就可以实现继承,并且fn的构造函数是空的。最后的代码为:function . 阅读全文

posted @ 2011-06-10 16:53 xuld 阅读(683) 评论(0) 推荐(0) 编辑