分类:Javascript&jQuery

让你的程序轻盈起来


2011-1-10 Javascript&jQuery,互联网 371470

如果有一种方法可以让你写一次代码,在网站,手机网站,浏览器插件,iPhone软件,Android软件,客户端,各种App上都可以使用,你会不会心动?

阅读全文 »

Chrome插件开发中国际化的一些技巧


2010-10-25 Javascript&jQuery 81237

如果你正在开发一个Chrome插件,有没有想过要把它国际化?毕竟插件中要国际化的内容不是很多,有时候简单地修改几个单词,没准就可以给你的插件带来更多的用户,何乐而不为呢?

阅读全文 »

网站技术分析报告之——去哪儿(上)


2010-5-3 Javascript&jQuery,seo,互联网 251024

  这篇文章非常不容易啊,两周前就写好了,因为我在改造wordpress所以一直没发,昨天本来是要发的,结果发现一个重大的bug,直到今天才发,也不是很顺利。这篇文章有点长,所以我也学学赤壁搞个上下集,下集请允许我明天再发,呵呵,因为我明天没有文章可以写。
  这个系列的分析报告是根据各网站的Html页来分析各网站,主要是前端技术,也尝试推断后端的一些技术,但肯定不准确,所以那些想看所谓“核心技术”的朋友可以忽略此文,免得有人骂我。呵呵,说句心里话,我现在写文章都害怕了,怕什么,怕骂啊。同志们注意素质哈,有不同见解说出来就行了,不要恶言相向哈,素质,素质。

阅读全文 »

两个重要而又容易被忽视的角色


2010-4-23 Javascript&jQuery,互联网 231336

我敢打赌,在中国,一半以上甚至更多的,以网站为主营业务的公司没有Web前端工程师和产品工程师这两个职位,甚至有些有点规模的公司也可能没有这个职位,当然,这不能包括像alibaba,sina,163这样的公司,只是指中小型公司而言。如果你们公司有,请给我留言告诉我你们公司的规模和相关的信息。
做得好一点的公司,一般是项目经理/部门主管+投资方(项目管理中的投资方,实际上就是老板,反正就是决定你要做什么并给你钱的人)来承担产品工程师的角色,由美工来承担Web前端工程师的角色,特别是Web前端工程师,是最容易被忽略的角色。
企业资金的来源,无非两个方面,一个是开源,另一个是节流。而这两个角色,恰恰可以用开源节流来比喻,产品工程师可以设计出更好的产品,这就是开源,Web前端开发工程师可以精简网页代码,提高用户访问速度,减小企业带宽上的支出,甚至可以减小服务器上的支出,这不是节流是什么?

阅读全文 »

网站技术分析报告之——开心网(kaixin.com)


2010-4-17 Javascript&jQuery,seo,互联网 233491

一直在研究互联网技术,经常访问这样那样的网站,突发奇想,为什么我们不去看看这些网站的技术架构是怎么样的呢?研究一下源代码?于是便有了这个系列,首先找谁呢?我想还是找山寨版的开心网开刀吧,这个开心网,不是那个开心网,呵呵。
坦白说,我不太想注册,也不想研究太多太多,对于这类封闭性的网站来说,一般用户都必需访问的是首页及登录页,OK,我们就从登陆页开始吧!

阅读全文 »

Closure Compiler批量压缩javascript


2010-4-17 Javascript&jQuery 3710

  Closure Compiler压缩还是蛮不错的,可惜不爽的是,它居然不支持对文件夹进行压缩,如果你的js有多级目录,并且有数十个以上的js的话,那就够得上你喝一壶了。我也正遇到这个问题,于是想到了古老的命令——dos,经过一天的疯狂google,结果终于修炼成此快速批量极品递归无所不能万寿无疆精品概念创意批处理文件,欢迎下载测试使用,不过先得读一下说明….

阅读全文 »

如何判断一个对象是否为jquery对象


2010-3-20 Javascript&jQuery 21224

  在写一个递归函数输入出JSON对象的时候,其中JSON数据中包括jQuery对象,这就导致了太多的循环错误,上网找了半天,发现居然没有,想着可以根据instanceof Date来判断是否为日期对象,何不试试?结果表明,obj instanceof jQuery是可以判断出一个对象是否为jQuery对象的。

阅读全文 »

javascript开发经验之——压缩


2010-3-11 Javascript&jQuery 3605


JS的压缩有两个层次,第一个层次是去掉注释,换行,空格,这样所减小的体积根据你的注释多少有关,基本上不能叫压缩。第二个层次要高级一些,那就是利用工具将JS进行混淆,混淆是一种扫描源代码的过程,这个过程会把字段和函数本来的名字修改为经过编码的、毫无意义的名字,以此来防止他人了解源代码的目的和内部结构。其实我更关注它的压缩功能,因为混淆会把函数和变量的名称改成短名称,还可以进行base64编码,所以混淆后的代码一般可以是原来代码的 1/3左右,甚至更少。我们拿大名鼎鼎的jQuery 1.3.2举例,没有经过任何处理包含注释的情况下,jQuery是122k,经过去注释空格的处理后是50多k,经过压缩后是24k,而再又经过 gzip压缩之后,就变成19k,从122k到19k,差别就是这么大,当然其中一个比较重要的原因,是因为jquery中包含大量的注释。

谈谈JS压缩的代码编写民需要注意哪些问题

阅读全文 »

解决jquery.autocomplete在IE6下被下拉框遮住的问题


2010-2-1 Javascript&jQuery 61294

在ie6以上的浏览器和firefox等浏览器上,jqury.autocomplete运行良好,可是到了ie6下,如果你碰巧又在使用jqury.autocomplete的控件下面放了一个下拉框(select元素),那么你将会看到一个很让人郁闷的问题,这是一个经典的问题。我们来看这个图:

20100201-1

本篇就是要解决这个问题的,来看修改后的结果:

20100201-2

阅读全文 »

为jquery.AutoComplete添加触发事件


2010-1-27 Javascript&jQuery 53101

我们知道jquery.autoComplete有一个extraParams的参数,因为jquery.autoComplete只支持q和limit两个参数,假如有这样的情况,我们需要向服务器提交更多参数怎么办呢,幸好,作者为我们提供一个扩展参数,就是extraParams。extraParams好是好,可是不幸的是,它是一个死的参数,有时候,我们需要提交一个活的参数到服务器。举例说明,比如说我们有一个公司名称的自动完成功能,但我们同时需要向服务器提供一个城市的参数,正常的情况下没有问题。但当城市的名称是由用户选择的时候,就有问题了,也就说,这个城市的名称是根据用户选择而实时变化的,这个时候,现有的 jquery.autoComplete就无能为力了。

阅读全文 »

发布基于jQuery的灯箱广告插件momoSlideShow


2010-1-25 Javascript&jQuery 无评论652

好久不写博客了,今天发布一个插件,这个插件是基于jQuery的插件,主要功能是轮流显示一系列的灯箱广告,该插件具有使用简单,体积小的特点(仅4k左右),界面截图如下:

20100125-1

阅读全文 »

跟我学正则之——用正则替代Split分隔字符串


2010-1-16 Javascript&jQuery 2632

如果要让你把1344|1479|1471,转换为<a href=”http://conis.cn/1344″>1344</a><a href=”http://conis.cn/1479″>1479</a><a href=”http://conis.cn/1471″>1471</a>,你会使用什么方式呢?十之八九,你会想用slipt,可是如果我告诉你,有一种方式,可以使用一行的代码解决这个问题,你相信么?快来吧,和我一起感受正则表达式的魅力

阅读全文 »

如何让jquery.Autocomplete支持提示?


2010-1-6 Javascript&jQuery 61664

jquery.autocomeplete是一款基于jQuery的插件,它可以让用户输入的时候,实时搜索自动完成,这种技术目前在很多的网站都有使用,让这项技术普及的,应该是Google的Suggest吧。
现在,我们希望可以在弹出的搜索建议中,添加一些提示功能,就像这样:
20100106-3
让我们一起来修改这个插件吧….

阅读全文 »

跟我学正则——如果用正则提取城市名,去掉市/xx自治州


2009-12-25 Javascript&jQuery 1555

如果让你从博尔塔拉蒙古自治州/绍兴市/津市市/海西蒙古族藏族自治州/黔南布依族苗族自治州这类城市数据中,提取出来城市名:博尔塔拉/绍兴/津市/海西黔南,你想怎么做,用Replace么?呵呵,好像解决了不问题,何不试试正则?Follow me!

阅读全文 »

发布一个基于javascript的日期扩展


2009-12-23 Javascript&jQuery 无评论342

发布一系列javascript的日期扩展函数,其实也是自己在写程序中累积下来的,包括日期相加、日期相减、(日期转字符)根据表达式格式化日期为字符、根据表达式格式化字符为日期(字符转日期)、直接从字符中提取日期,不需要任何表达式

阅读全文 »

未来什么技术是主流?JCHX


2009-11-18 Javascript&jQuery 2477

让我们来看Javascript + CSS + html + XML的应用广度,下面简称为JCHX

1. Firefox的扩展,也就是我们平常称之为插件,是基于JCHX的
2. Adobe Air跨平台采用Flex、Flash或者JCHX作为开发语言,这是一个跨平台的应用,可以把你的网站搬到客户端
3. Ophone的Widget,我虽然还没有做过具体的开发,但我看过相关的资料,也是JCHX,这是一个非常有发展前途的应用,将简化程序的开发,让更多漂亮的应用程序可以运行在手机桌面上
4. Yahoo Widget
5. Vista/Windows 7 Widget

阅读全文 »

读取taotao微博的插件,适用于所有网站


2009-10-17 Javascript&jQuery,wordpress,随笔 无评论657

  心血来潮想玩微博,发现好用的微博被和谐了,只好使用taotao了,taotao有一个未公开的API,自己写了点代码,把taotao的微博读取我的博客上,顺便提供些代码下载,还不是错的,呵呵。

阅读全文 »

JS直接转换含中文的乱序字符为日期


2009-10-14 Javascript&jQuery 无评论421

  如果在javascript中,可以将2009y10M15d转换日期格式,而不需要表达式,是不是很酷?还有更酷的呢,可以把10秒5分4时2008年3d9M转换为合法的日期格式,跟我来吧,有你想要的

阅读全文 »

Javascript日期处理中正则的应用


2009-10-14 Javascript&jQuery 无评论352

javascript可以进行日期扩展吗?能否有dateAdd、dateDiff这样的函数呢,能否使用+3d、-5M这样的日期表达式来处理日期呢?当然可以,试试正则表达式吧,wow, so cool, let’s go!

阅读全文 »

预言air 将会集成在flash player中


2009-9-18 Javascript&jQuery,随笔 2415

Adobe推出AIR,如何推广将是一个大问题,因为Adobe没有像MS一样的Windows操作系统资源,现在用户都不太想安装客户端程序,所以 AIR推广将会非常麻烦。但如果Adobe将AIR集成到Flash Player新版本中,让用户升级Flash Player的过程中,就不知不觉地安装了AIR,这样的推广将会容易得多。但Adobe是不是应该将Flash Player和AIR做得更小?Adobe会这么做么?让我们拭目以待吧

阅读全文 »