Kele's Home

水平反转背景图片

作者：kele5240 发布时间：December 15, 2011 分类：前端

这次新的项目因为要做一个这样的需求，又不想重新去做一个图。
记得IE下有一个滤镜好想是能实现水平反转来着，试了试果然可以。其他浏览器可以用CSS3来搞定。代码如下

web中强大的图表工具amcharts

作者：kele5240 发布时间：December 13, 2011 分类：前端

微博之后，博客就写的很少了。这次做项目，觉得有一个东西还是挺好的，觉得可以分享给大家，或许在以后某一个时间会用到。

这次说的东西就如标题里的介绍一样，是用来做图表的。

记得最早结束的这个类型的东西是4年前用的flot，google code的地址是：http://code.google.com/p/flot/。
这次项目中接触倒了amcharts，觉得确实是一个不错的解决方案，而且可以做出来很炫的效果。

可以给大家先看一个简单的例子。

怎么样，看起来还不错吧。
以上的demo是通过js直接写在页面里的，数据本身也是包含在js里的。
amcharts除了可以试用JS生成图表，还可以试用flash方式。在试用flash的时候，需要载入一个“settings.xml”的设置文件。里面有各种各样的设置项，来决定你最后展示给用户的样子，这个回头再发一片文章专门的阐述下好了。在使用flash方式的时候，有一个数据来源的设置，可以选择txt，xml等文件，也可以试用json等方式来传输，更直接点，可以写再flash的date配置项里。总之手段多样，可玩性很高～

E文不错的同学，可以去他们的官方网站去看下 http://www.amcharts.com/

Jquery Bundle for Textmate

作者：kele5240 发布时间：August 16, 2011 分类：前端

因为最近要用到Jquery了，所以找了下Jquery针对Textmate的插件。
官方svn里的bundle包含了一个，路径如下
http://svn.textmate.org/trunk/Bundles/JavaScript%20jQuery.tmbundle/
当然，你也可以去github里下载，路径如下
https://github.com/kswedberg/jquery-tmbundle

安装一如既往地简单，svn co下来之后双击就可以了。
安装之后如下图，可以在语言中原则jQuery来进行jquery的编写了。

但是我们有时候需要在HTML里内嵌js，在用这个bundle的时候发现是无法这么做地。它本身默认只有在.js的文档中可以使用。这个当然难不倒我们咯。

首先你需要打开你地bundle editor,快捷键是control+option+command+B
然后在左侧选择

选择里面地
在右面的内容中找到

这个内容后面添加下面地代码

{    name = 'source.js.jquery.embedded.html';
            begin = '(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)';
            end = '(?<=</(script|SCRIPT))(>)(?:\s*\n)?';
            beginCaptures = {
                1 = { name = 'punctuation.definition.tag.html'; };
                2 = { name = 'entity.name.tag.script.html'; };
            };
            endCaptures = { 2 = { name = 'punctuation.definition.tag.html'; }; };
            patterns = (
                {    include = '#tag-stuff'; },
                {    begin = '(?<!</(?:script|SCRIPT))(>)';
                    end = '(</)((?i:script))';
                    captures = {
                        1 = { name = 'punctuation.definition.tag.html'; };
                        2 = { name = 'entity.name.tag.script.html'; };
                    };
                    patterns = (
                        {    name = 'comment.line.double-slash.js';
                            match = '(//).*?((?=</script)|$\n?)';
                            captures = { 1 = { name = 'punctuation.definition.comment.js'; }; };
                        },
                        {    name = 'comment.block.js';
                            begin = '/\*';
                            end = '\*/|(?=</script)';
                            captures = { 0 = { name = 'punctuation.definition.comment.js'; }; };
                        },
                        {    include = '#php'; },
                        {    include = 'source.js'; },
                    );
                },
            );
        },

.......
patterns = (
		{	name = 'source.js.jquery.embedded.html';
                .........

然后reload一下bundle就可以在HTML的模式下使用jquery的插件了

IOS 上跑 nodejs

作者：kele5240 发布时间：June 20, 2011 分类：前端

Bash：

http://snipt.org/xSpp
Ref：

https://tootallnate.net/nodejs-on-ios
https://github.com/TooTallNate/node-iOS
https://github.com/TooTallNate/node-autoreleasepool

如何快速的修改host

作者：kele5240 发布时间：May 27, 2011 分类：前端

作为一个悲催写代码的前端攻城尸，帮顶host，切换host一直是一个恶心的事情。
你还是使用文本编辑器打开host文件来添加删除的么？
那么简单的分享2个工具，来提高一些效率吧。

首先推荐的是淘宝的崇厚同学写的Hostsmanager

方便的添加与管理，更快速度的切换。一直是我在mac下不二的host管理工具。推荐使用。
当然它也有windows版本了～

再一个就是windows下之前用过的一个

Hostsmanager（为啥都是这个名字呢。。。） 下载地址 http://sourceforge.net/projects/hostsmanager/files/

这个软件的原理是把host保存成为若干个不同的文件。需要哪个就用调入哪个。界面如下

编辑界面

直接使用记事本编辑好了保存就可以。之后要用哪个就载入哪个。

类似的软件有很多，大家可以根据自己的喜好来选择。基本实现方法多数为上面这2种。

修改之后如何快速刷新host？

Firefox下有一个插件叫 DNS Fluser，安装之后会在右下角出现当前页面的IP地址。修改host之后，点击这个IP地址，那么FF会重新载入host一次。刷新页面就可以看到绑定后的效果了.

IE没有对应的插件，但是我们可以通过修改注册表来实现不用重启IE就可以重置host的办法

HKeyCurrentUser\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings
增加：
DnsCacheEnabled 0x0 (REG_DWORD)
DnsCacheTimeout 0x0 (REG_DWORD)
ServerInfoTimeOut 0x0 (REG_DWORD)