MacGoo-JavaScript

米落,2010年9月10日

每天除了上课就是打球,然后在寝室里看书.简单的生活,当然了,"偶尔"鼓捣IDE,python,scala,Fsharp,PSP,War.....都是必须滴...

<计算机程序的构造和解释>推荐给正在迷茫与各个语言举棋不定的童鞋们看,也推荐给对龙书望而生畏的同学们看,以降低学习难度曲线.

读书肯定是要做笔记的,做题的.当然,我也不认为这是做题,没事儿敲几行代码,让电脑发发热的同时也让大脑发发热是一个不错的运动.(尤其是在激烈运动之后,比如说打篮球至全身湿透后)
本篇只是将SICP(即Structure and Interpretation of Computer Programs)的第一章的几个例题拿来练习,如果我能坚持看完,那么也一定会把本系列发完.嗯~嗯~

More...

more...

分类: Programer | Tags: 练习 JavaScript 学习 | 评论:0

!+"\v1" 和 !+[1,] 和 !"1"[0] 和 window.attachEvent 和 document.all 比比谁更快

米落,2010年2月2日

下面所做的可能有点鸡蛋里跳骨头的味道,但却也十分有趣,希望各位能够在看了之后能够有所收获.

总所周知,浏览器兼容问题一直困扰着开发者们,勤劳的开发者们也想到了各式各样的小技巧来区分各个派系的浏览器.

    !+"\v1"
    这是在园子里的司徒正美童鞋那看到的,第一眼就被震惊了,原来判断可以这样的精悍.
    以下是个人的理解,出处文尾^连接1.
    这是一个JavaScript类型转换的技巧,按照优先级,这里是从右往左(+ 取正> ! 逻辑求负).也就是将字符串"\v1"转换为数字后再求反.数字求反很好理解,只要不是0的都是true,然后 + 取正对字符串进行了转换,转换为数字.然后IE在这里就出现了歧义,错误的理解了转义符"\v",垂直制表符,关于制表符在文尾^连接2有更多的解释.在其他浏览器中能够正确解释这个制表符,IE则将这个制表符解释成了字母"v",这个当然无法转换成数字,自然转换NaN,按照逻辑操作符的转换规则,转换为了false,再一个求反,则变成了true,趾高气昂的说,"我是IE,没错,TRUE!".

    !+[1,]
    同样是在司徒童鞋那看到的,天天逛园子的收货果然不少啊,关于这个判断语句的解释请移步司徒正美--全世界最短的IE判定 .
    不过在接下来的测试中,你会发现,这条最短的语句不一定是最快的.

    !"1"[0]
    这个是我翻看Ext源代码时发现的,在Ext.toArray的注释里作者告诉了IE无法使用数组下标访问字符串,这不就又可以分辨了么.
    就是这个方法,IE中无法以数组下标的方式访问字符串,在Ext的注释中提示可以使用"abc".match(/./g)的方式,我就纳闷了怎么直接使用原生的split方法,"abc".split(""),很明显的更直观,而且免去了一个正则的构造.
    这个方法在FF下的效率已经超过了IE.

至于其他的方法,都是老生长谈的访问某个特殊属性,这里就不多解释了.不过在IE以及FF下访问不存在的属性相差可真大啊.

More...

more...

分类: Programer | Tags: JavaScript 测试 | 评论:0

在线聊天框界面实现以及控制脚本(不包含与服务端交互)

米落,2010年1月13日

在项目中需要一个在线帮助功能,于是临时设计了一个固定浮动的帮助按钮,在触发后能够弹出一个聊天窗口,确保能在任何页面中都能找到帮助.

由于需要使用弹出一个聊天窗口,而且站点自身使用了jQuery,于是考虑使用jQuery UI,介于加上了它后的页面变大许多,于是做了一些处理,以便形成惰性加载的效果(只在需要的时候加载页面样式表以及脚本).

在下面的代码中已经提供了详细的注释,使用时只需要引入这个脚本,和指定的CSS样式表即可.

More...

more...

分类: Programer | Tags: JavaScript jQuery | 评论:0

使用JavaScript 对Cookie 操作的封装

米落,2009年12月31日

通过本篇,您能了解到:

匿名函数
闭包的产生
JavaScript实现private 以及 public 访问权限
document.cookie 的操作

More...

more...

分类: Programer | Tags: JavaScript | 评论:0

约瑟夫环问题

米落,2009年10月29日

问题描述: n个人围成一圈,并依次编号1～n。从编号为1的人开始，按顺时针方向每隔一人选出一个，剩下的人重新围成一圈，如此循环直到剩下两人，这剩下的两人就是幸运儿。如果你想成为最后两个幸运儿，请问开始时应该站在什么位置？（设3<=n<=50）
输入：开始时的人数n
输出：第1行是选出顺序，第2行是两名幸运儿的开始位置（按升序排列），位置编号之间用一个空格分开。
示例
输入：
12
输出：
2 4 6 8 10 12 3 7 11 5
1 9

More...

more...

分类: Programer | Tags: JavaScript 题目算法 | 评论:0

滔滔插件高级自定义显示

米落,2009年9月12日

在上篇中, 我们提出了自定义滔滔插件显示内容的方法,是使用的 jQuery 更改滔滔官方显示的方法,在结尾我们又发现了其插件其实本身就提供了滔滔留言的数据内容,显示格式只是后期 Javascript 输出的,由此我们就可以在获取其数据后,自定义输出,也就是使用自己的 doApi 函数.

本地页面调用保存本地的 taotaoapi.js 显示

More...

more...

分类: Programer | Tags: JavaScript | 评论:2

JavaScript 推荐阅读列表

米落,2009年7月26日

最近也没闲着,打了份工,闲着的时候就看这看那.分享一些JavaScript的深入文章,希望对大家加深理解JavaScript有用.(我是指一些闭包之类的易混淆的理论,而不是贴代码)

详解Javascript 中的this指针 http://0379zd.appspot.com/news/show/27008.htm
这位哥的站看着就舒服,我是指网址,要知道Google Engine App 到现在我还没看到挺"一般化"的站点,这里终于看到了,应该是python + django 实现了,URL重写了,后面的htm在糊弄搜索引擎把.this指针在ActionScript 2 上也一直是个烦恼的问题,师出同门的JavaScript 也有这样需要注意的地方.
关于JavaScript中apply与call的用法意义及区别 http://www.cnblogs.com/liuzhaodong/archive/2009/07/23/1529597.html
call 以及 apply 大致用法是一样的只有参数上的区别,call 可以多参, apply 第二参数为一Array
obj.call(aFunction, 1, "a");
obj.apply(aFunction, [1, "a"]);
document.getElementsByClassName的理想实现 http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1529640.html
类似 jQuery 的 $(".****") 方法, 看看如今一个前台需要考虑的东西吧, IE 5 6 7 8. firefox. safari . oprera. chrome. 真难伺候.
javascript处理事件的一些兼容写法 http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1530020.html
想要一个addEventlistener 都要考虑下兼容
JavaScript中this关键字使用方法详解 http://www.cnblogs.com/birdshome/archive/2005/03/07/95931.html
一些例子
JavaScript中的闭包 http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1530074.html
再来一个更详细的 http://www.cn-cuckoo.com/2007/08/01/understand-javascript-closures-72.html
IE中的内存泄露 http://birdshome.cnblogs.com/archive/2006/05/28/IE_MemoryLeak.html
解决泄露 http://siteexperts.spaces.live.com/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!338.entry
说的很简单,在window.onunload 事件中添加移除事件即可.也就是把解除对象事件,设置对象为null .这里他还只是在页面卸载的时候,其实我们在一个页面效果结束后马上这么做的.使页面脚本执行地更加流畅

More...

more...

分类: Programer | Tags: JavaScript | 评论:0

拓展SyntaxHighlighter

米落,2009年5月10日

SyntaxHighlighter 为一前台代码加亮工具,其本身提供了很多语言的加亮库,但也不能完全满足个人需要,比如我就想要ActionScript 语言的加亮库,因此我们需要对其进行拓展,一下方法适用SyntaxHighlighter 1.5 以及 SyntaxHighlighter 2.0.

下载 SyntaxHighlighter 后,其styles为定义的加亮效果,一般无需改变.scripts目录为加亮库,以及核心代码,打开后我们可以发现有很多诸如shBrushVb.js 的JavaScript文件,除了一个flash文件(用于复制代码的实现)和shCore.js(核心文件),以及在2.0中新增的 shLegacy.js 文件(为2.0的HighlightAll功能函数实现),其他的都是高亮代码库,其结构简单,也只需要仿写一份就可以了.

More...

more...

分类: Programer | Tags: JavaScript CodeLight | 评论:0

CodeLight_1.5 for Zblog 发布

米落,2009年5月3日

    终于实现了承诺更新了.五一除了杂七杂八的其他事情外,就全用在鼓捣这个东西了.
    去除了一些多余的功能,详见[发布页面].
    效果如下.主要解决的就是FF下复制问题,以及一些小问题,如果您不在意这些可以完全继续使用1.4,因为版本更新是有代价的.比如说我的代价就是手动更新了一篇文章.自己着实做了一回小白鼠.今天就全用在了排Bug上了...我囧.........
    关于这个bug其实也就是vbscript里的RegExp对象,在网上找了一篇及其详细的,有兴趣的朋友可以去看看[VBScript中的正则表达式语法详解] [VB6.0如何使用正则表达式]

More...

more...

分类: Programer | Tags: JavaScript VBscript | 评论:0

对jQuery下LightBox的改进

米落,2008年12月28日

这是一个Zblog的插件,使用效果如下:请点击下面图片.

More...

more...

分类: Programer | Tags: jQuery JavaScript | 评论:9

分页:[«]1[2][»]

网站目录

首页 | 标签 | 搜索 | 留言 | 管理