jquery 动画控制插件,暂停,播放,快进,快退

如题,效果和用法请查看demo

更新我都将放到github上,如果demo在某些浏览器有问题,可以到github下载最新版后再试。

如果有问题,welcome to github:

https://github.com/filod/jquery-animation-controller

发表在 JavaScript 矩阵 | 标签为 , | 16 条评论

使用aptana/eclipse 在Windows下搭建python的tornado服务器开发环境

此文用于mark。

步骤:

  1. 下载并安装 python注意!请安装2.7版本,不要安装3.2,否则在Windows下会导致tornado爆语法错!(这个超坑爹啊…)
  2. 安装tornado到 C:\Python27\Lib\site-packages\ 目录,对,我假定你Python安装在C盘。
  3. 安装aptana (或者其他任何eclipse兼容的IDE)。
  4. 配置aptana,菜单:Window –> Preferences –> Pydev,嗯,你没看错,aptana 自带Pydev!如果你使用eclipse,请自行安装Pydev,具体方法请google。
  5. 接下来点击 Interpreter – Python 项以配置Python的解释器,在右边对话框中点击New,点”browse..”添加 C:\python27\python.exe 为新解释器,点击OK后会提示添加PATHONPATH,按照默认的确认就好了。因为tornado安装在默认的库路径(site-packages),因此tornado目前已经可用了。
  6. 现在一切配置就绪,搞个demo来看看把,tornado自带了一堆demo,位于demos目录,现在在aptana里面new一个PyDev project,随便整个project name,并选择demos下的helloworld文件夹作为project的路径,打开helloworld.py文件,直接Ctrl+F11运行,此时打开你的浏览器访问localhost:8888 已经能看到亲切的“Hello, world”啦!此时在aptana的控制台(console,一般在右下角出现)里将会出客户端连接的log。
发表在 python, 技术学习 | 标签为 , , | 2 条评论

superdate.js,倒计时需求的福音

突然想起几个月前写的一个小工具,一直没有发布,今天赶紧github了(写的很烂,不欢迎fork)。

该工具用以创建一个方便处理时间间隔的对象,灵感来自于C#的TimeSpan对象。

具体的用法和效果可以查看DEMO.

BTW,这篇文章有些标题党 = =b。

 

发表在 JavaScript 矩阵, 小东西 | 标签为 | 留下评论

将搜狗用户词库导入到QQ拼音中

更新:没想到早就有哥们遇到了和我相同的问题,并写出了各种输入法互转的软件,于是本文可以作废了~

http://www.cnblogs.com/studyzy/tag/%E8%AF%8D%E5%BA%93/

由于不堪忍受搜狗无休止的广告和时而抽风的性能,准备转投QQ拼音的怀抱,可是两者词库不兼容,网上也没搜到好的导入办法,固自食其力捣鼓了一个词库转换小工具。具体使用方法如下:

继续阅读

发表在 小东西 | 标签为 , | 5 条评论

“被”夭折的翻译——《CoffeeScript: Accelerated JavaScript Development》

前些日子图灵的傅志红 老师联系,说让我翻译《CoffeeScript: Accelerated JavaScript Development》一书,我欣然答应,但经过两次试译后,仍然达到可出版的水平(我被ban掉了),不是有意针对审稿老师,不过我认为审稿的老师在针对某一专项技术时,仍需提高技术水平。当然我的翻译水平也有待提高。

接下来放出我的试译稿的修订版(仅包含preface和ch6的部分内容),算是给需要了解CoffeeScript的人一个预热。

http://115.com/file/dn88kbeu#
preface试译-修改.pdf
http://115.com/file/dn88kpjq#
ch6_试译_修订.pdf

如果文件过期了请邮件我续期。

相信本书在不久后应该会出版,届时请支持正版。

发表在 翻译文章 | 标签为 , | 5 条评论

如何判断CSS文件加载是否成功

我们在一个页面加载CSS代码的方式无非以下两种:

  1. 页面内直接书写css(包括style标签和内联的css)。
  2. 外部样式表:使用link标签外部引用一个外部CSS(当然,外部CSS也可以用@import继续引用其他css文件)

显然讨论第一种情况的css加载判断是没有必要的,因为我们的HTML文档加载了,自然css代码也就加载了,而如果HTML都没加载——嗯,再说下去我就偏题了。现在着重讨论第二种情况。

继续阅读

发表在 CSS 迷宫, JavaScript 矩阵, 技术学习 | 标签为 | 3 条评论

[翻译]当jQuery遭遇CoffeeScript的时候——妙,不可言

原作:How CoffeeScript makes jQuery more fun than ever —— Stefan Buhrmester

翻译:filod

转载声明:请注明原作者、翻译者以及译文链接。


译者前言:虽然对ruby不太了解,但是看到CoffeeScript诗一般的代码确实被怔住了,和jQuery之前给我的感觉是如此的相似——都是一个字,美,当jQuery遭遇到CoffeeScript时,会蹦出什么样的火花呢?

当我多年前初次接触jQuery时我感觉我来到了程序员的天堂。它极大简化了DOM操作。函数式编程变得如此容易,尽管更多适合RIA开发的框架近年来在浮现,但是我仍旧无法想象一个没有jQuery的程序人生是多么的罪恶,相信你也有同感~

而来到CoffeeScript的世界,同样的美妙故事再次上演。在写了几行代码后我相信你将不会再想念原生的Javascript了。CoffeeScript包含了许多新特性,当将它与jQuery结合时,你会发现一片新天地。

本文的目的就在于展示CoffeeScript和jQuery协同工作时美妙场景。

像老板一样指挥你的代码

CoffeeScript提供了一堆酷毙了的数组迭代方法。最好的事莫过于这不仅仅能工作于数组,还能工作于jQuery对象了。来行诗一般的代码吧:

formValues = (elem.value for elem in $('.input'))

这行代码将会被翻译为如下的Javascript:

继续阅读

发表在 JavaScript 矩阵, jQuery, 技术学习, 翻译文章 | 标签为 | 7 条评论

jQuery的proxy方法与javascript中的函数柯里化(function currying)

jQuery中的proxy方法能实现对一个函数的包装,并能指定其this对象,具体的用法这里不多说,大家看API即可。首先来看看proxy方法的源码的核心部分:

继续阅读

发表在 JavaScript 矩阵 | 标签为 , , | 留下评论

[翻译]jQuery Mobile入门教程——主题的使用和定制

原作:Using and customizing jQuery Mobile themes   —— Matthew David

翻译:filod

转载声明:请注明原作者、翻译者以及译文链接。


在之前的文章jQuery Mobile 入门教程里,我对jQueryMobile的使用进行了入门介绍,你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。

继续阅读

发表在 jQueryMobile | 标签为 | 留下评论

[翻译]jQuery Mobile 入门教程

原作:Getting started with jQuery Mobile   —— Matthew David

翻译:filod

转载声明:请注明原作者、翻译者以及译文链接。


你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机。android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列表: 继续阅读

发表在 jQueryMobile | 标签为 | 11 条评论