Tag: javascript

  • 如何安装Node.js

    下面分别介绍在Mac, Ubuntu,Centos以及Windows下安装Node.js. Mac 在Mac下,如果你喜欢用homebrew,那么只用一行就可以装好: brew install node 否则,只能考虑手工安装了,步骤如下: 安装Xcode 安装git 运行下面的命令行编译node.js git clone git://github.com/joyent/node.git cd node ./configure make sudo make install Ubuntu 安装依赖包 sudo apt-get install g++ curl libssl-dev apache2-utils sudo apt-get install git-core 运行下面的命令行: git clone git://github.com/joyent/node.git cd node ./configure make sudo make install Windows 用cygwin来安装node,步骤如下: 安装cygwin 在cygwin的目录下,运行setup.exe安装下面列表中的包 devel → openssl devel → g++-gcc […]

  • code-prettify — wordpress语法高亮插件

    最近基于google-code-prettify实现了一个代码高亮的wordpress插件 — code-pretttify,测试了下效果还不错,所以我马上把全站的代码高亮插件换成了这个。 这里是code-prettify的项目主页,我会把这个plugin的最新情况更新在这里。 code-prettify的特点 完全由javascript完成代码高亮,不占用服务器资源 使用简单,只要用<pre><code>和</code></pre>包住代码,发布即可,这是wordpress编辑器自带的quicktag。 没有添加额外的hook,所以不会和别的wordpress插件产生冲突,绿色无污染 载入速度很快,因为js是在页面尾部加载的,不会堵塞页面的载入! 代码高亮效果演示 eg: <pre><code> class BigBang { function blah() { echo “Hello ooso.net”; } } </code></pre> Effect: class BigBang { function blah() { echo “Hello ooso.net”; } } 测试objective-c的code prettify效果 TTImageView *thumb = [[[TTImageView alloc] initWithFrame:CGRectMake(30, 30, 0, 0)] autorelease]; [thumb setAutoresizesToImage:YES]; [thumb setURL:@”http://farm4.static.flickr.com/3163/3110335722_7a906f9d8b_m.jpg”]; [self.view addSubview:thumb]; code-prettify下载 […]

  • 图片预加载效果的实现

    使用picasa的时候,注意到它首先是显示模糊的图片,然后图片突然变得清晰,这样做有一定的好处——picasa的图片翻页是用javascript实现的,如果直接载入大图,中间势必会有个空档,用户在这中间会感觉很空虚~~ 于是我花了点时间,打探它的实现方式,发觉很简单,不是用的lowsrc之类的标记,而是简单的js。 代码示例 var img = new Image(); img.src = “http://imghost/big_640_480.jpg”; img.onload = function() { document.getElementById(‘myImage’).src = this.src; } 如此这般,待大图载入完成之后,利用js替换原小图的src,就完成了图片预加载效果。关键点是图片的onload事件利用。

  • inline-js 0.4 —— wordpress plugin

    Inline-js plugin minor update. It now work fine with exec-php plugin. Download Inline-js 0.4 详细信息 inline-js wordpress plugin

  • inline-js 0.3 — wordpress插件

    最近加班比较多,时间相当的紧张,今天终于得闲把inline-js升级了。这个版本对最初的插件处理方式做了改进,不再粗暴的中止其它the_content filter的运行:) Plugin Name: Inline Javascript Plugin Plugin URI: http://www.ooso.net/index.php/inline-js/ Feed URI: http://www.ooso.net/index.php/feed/ Description: Plugin that insert inline javascript in Posts/Pages Version: 0.3 Author: Volcano Author URI: http://www.ooso.net 使用方法 解压 Copy inline-js.php到目录wp-contents/plugin并激活插件. 用标签[inline] and [/inline]围绕你要发表的javascript,and post it Ok

  • 检测javascript的内存泄漏

    Javascript的内存泄漏,不是太可怕。它只会悄悄的,慢慢的把你的浏览器拖的巨慢无比,让你愤怒的拍案而起,大骂微软出品的破烂浏览器危害社会。这一切有可能并不是浏览器的错,可能只是因为网页上有些javascript的内存泄漏罢了。 在科技日益发达今天,我们有必要武装自己,以及自己的浏览器,这样万一浏览器倒下了,还能知道到底是死在谁家的网页上面。下面这个Firefox插件是推荐给那些UI设计者或者开发人员的: Leak Monitor This extension pops up an alert dialog to warn chrome and extension developers about one particular type of leak. It warns when chrome windows close but leave other code pointing at their JavaScript objects. Works with: Firefox 1.5 – 3.0 ALL Thunderbird 1.5 – 3.0 ALL 在你访问一张网页的时候,如果有javascript内存泄漏,这个extension就会啪的一下给你弹出一张内存泄漏的清单。就拿现在用的wordpress后台来说吧,Leak Monitor也是毫不客气的给弹了一个窗口,主要是因为使用了大名鼎鼎的prototype.js… 下载 https://addons.mozilla.org/firefox/2490/

  • Connection Manager Of YUI

    前些天试用了Yahoo! UI Library的Connection Manager工具,略有些心得,这里丢块板砖出来,能不能引到玉,那是后话。 Connection Manager能干什么 The Connection Manager is a utility that enables you to make in-page HTTP requests through a simplified interface to the XMLHttpRequest object. The Connection Manager handles cross-browser instantiation of XMLHttpRequest, negotiates the server response and uses a callback pattern to process the response data. 没话说,这是一个ajax的javascript类库,Yahoo出品,嘿嘿。 使用心得 打开程序包的build/connection目录,下有connection.js,connection-debug.js,connection-min.js,这三个文件其实内容都一样,第一个是正儿八经的源代码,中间那个不用说可以用于debug,最后那个也不是废柴,它经过压缩处理,javascript代码仅仅只有8k,相对connection.js高达20k肥硕体积来说,显然更经济,可用于线上系统。 这三个文件最好都要的: 最后说个特好用的方法 […]

  • wordpress插件 —— inline-js

    Inline-js,这是我第一次写wordpress插件,因此非常简陋。 本插件可在文章或页面中插入javascript或别的html等等不希望被wordperss本身重新格式化的内容。 Plugin Name: Inline Javascript Plugin Plugin URI: http://www.ooso.net/index.php/inline-js/ Feed URI: http://www.ooso.net/index.php/feed/ Description: Plugin that insert inline javascript in Posts/Pages Version: 0.2 Author: Volcano Author URI: http://www.ooso.net 详细内容 latest inline-js plugin 注:目前我的wordpress版本是2.0.4,在本服务器上使用未发现问题。而且我对filter的处理感觉不是太理想,如果有人能提供帮助就先在这里谢过了。 相关:在wordpress中使用Javascript

  • 用javascript实现php中的str_replace

    先前要写一段js脚本,将html中的指定字符替换成其它字符,如果直接用js的str.replace(),只会替换第一个出现的字符,于是写了比较粗糙能替换全部指定字符的版本: function strReplace(search, replace, str) {  var tmp = str;  do {   str = tmp;   tmp = str.replace(search, replace);  }while (str != tmp);  return str; } 这个脚本看上去不是太爽,效率估计很勉强,于是google了一下,原来有更好的版本: //俺主要是为了适应php的str_replace()啊 function strReplace(search, replace, str) {  var regex = new RegExp(search, “g”);  return str.replace(regex, replace); } 或者oo一点的写法 String.prototype.replaceAll = function(search, replace){  var regex = new RegExp(search, “g”);  return […]

  • inline-js 0.2 — wordpress plugin

    留个关于inline-js插件的更新记录 inline-js 0.2 —— wordpress plugin 本插件可在文章或页面中插入javascript或别的html等等不希望被wordperss本身重新格式化的内容。 Plugin Name: Inline Javascript Plugin Plugin URI: http://www.ooso.net/index.php/inline-js/ Feed URI: http://www.ooso.net/index.php/feed/ Description: Plugin that insert inline javascript in Posts/Pages Version: 0.2 Author: Volcano Author URI: http://www.ooso.net Usage Unzip Copy inline-js.php to direcotry wp-contents/plugin and activate it Use <inline> and </inline> tag around the javascript,and post it Ok Source […]