‘JavaScript’ 分类的存档

[转载]JSON那些事 – lengyuhong – 博客园. JSON(JavaScript Object Notation)是一种轻量级的数据格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是JavaScript原生格式,这意 味着在javascript中处理JSON数据不需要任何特殊的API或工具包,而且效率非常高。 JSON的结构如下: “名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array) 一个标准的json格式: {“name”:”jifeng”,”company”:”taobao”} 总体而言,json是相对比较容易的理解和使用的,但同时存在很多的陷阱,如果不注意的话很容易掉进去,本文主要就是讲诉它容易让人犯错的地方。 一、json的的解析方法 json的解析方法共有两种:1. eval() ; 2.JSON.parse()。具体使用方法如下 var jsonstr = ‘{“name”:”jifeng”,”company”:”taobao”}’; //eval function var evalJson = eval(‘(‘ + jsonstr + ‘)’); // JSON.parse function var JSONParseJson = JSON.parse(jsonstr); 既然两者都能达到解析json的结果,但这两者有什么区别呢?我用以下的一个例子来进行说明: 1. [...]

2012年1月9日10:01 没有评论

[转载]网友提供Firefox+扩展 15秒网上快速预定火车票教程_Mozilla FireFox_cnBeta.COM. 近日网络上有名为“特种兵—AK47”的技术网友提供了15秒通过订票网站成功预定火车票的教程引发网友热议,该网友在教程中通过FireFox(火狐浏览器 点击下载)及FireBug(火狐浏览器的一种附加插件 点击下载)修改网页相关参数从而实现快速购票。 记者提醒部分欲网上订购火车票的用户,如果你没有使用过FireFox和FireBug请谨慎操作。(完) 附网上购买火车票注意事项: 1、确保网速够快 2、确保迅速完成修改参数步骤(最好提前演练几次) 3、提前在IE-32Bit上登陆系统,以确保及时完成支付 附网上15秒快速购买火车票教程: 1、提前十五分钟(8点放票,我是7点半登的系统),用Firefox(8.01)打开页面:https://dynamic.12306.cn/otsweb/order/querySingleAction.do?method=init。 2、提前十分钟,查询能够进入预订页面(预订按钮为激活状态)的同类车次,进入该页面。比如,我想订的是14号T9的硬卧(这个时候还没放出来),但我知道12号的硬座还有票,那么我直接查询12号T9。 (点击查看大图) 3、提前五分钟,用Firebug改好相应的参数,这步非常重要。 3A、修改席别 右键单击 席别 下面的下拉列表,选择 审查元素。 (点击查看大图) 修改 硬座 对应项的值,即将 Value 改为3(3对应的是硬卧)。 (点击查看大图) 3B、修改日期 在之前动态修改的 HTML 代码之上,找到 id 为 start_date 的 INPUT 标记(默认为隐藏),将日期修改为想要预定的时间。 (点击查看大图) 4、提前一分钟,单击(刷新)验证码并填好(注意是只刷新验证码)。 5、提前几秒钟,单击提交订单按钮 /*728*90,创建于2011-1-13*/ var cpro_id = ‘u350373′;

2012年1月7日08:38 没有评论

[转载]技术宅网上买火车票攻略 – Phinecos(洞庭散人) – 博客园. 写在前面 写这篇文章的起因是今天在12306上买火车票时,被这牛逼的网站给震撼到了,靠,牛叉得让人无语的用户体验啊。就讲讲我是如何利用一个小工具做辅助,幸运地抢到了回家的卧铺票的。希望能给有需要的兄弟们做个参考。如果博客园的管理员觉得这和技术无关,请移出首页好了。 回顾下我今天网上购票的全过程,总结起来有四个难关,第一是登陆,第二是预定,第三是提交订单,第四是支付。本文的目的主要是为了在第一和第二关提供一些帮助。 准备工作: 1,firefox浏览器 2,油猴脚本扩展GreaseMonkey (有园友反映这里看不懂啥意思,好吧,特别补充一段。GreaseMonkey是一个firefox扩展,当然,别再问我啥是扩展了,请自行google,简单说,就是装了这个扩展,就可以再它基础上跑一些js脚本,对页面做一些修改什么的。。。,) 先去这个页面下载扩展,https://addons.mozilla.org/zh-cn/firefox/addon/greasemonkey/, 下载到本地的是一个xpi文件,将其拖拽进firefox里面,就可以完成扩展的安装,重启firefox以后就生效,启用了GreaseMonkey 3,去这个页面安装12306 train ticket buyer脚本,http://userscripts.org/scripts/show/122334 (完成第二步以后,就可以直接在firefox里打开上述链接,页面上会有一个”Install”按钮,单击后就完成了脚本在油猴里的安装了) 下面我们就开始体验购票的整个流程吧。在firefox浏览器里安装好上面的油猴脚本后,首先打开登陆页面,http://www.12306.cn/mormhweb/kyfw/,这时你就会发现页面上出现了下面这个设置区域 如果你没看到,请记得去确认下GreaseMonkey扩展是否已经启用,就在地址栏最右边那个小猴子,记得点亮它,嘿嘿。 Ok,再来介绍下这个脚本的功能,它对我们闯第一,二关有一定的辅助功效,功能1:登录助手(自动填充用户名密码,验证码输入框自动获得焦点,无需碰鼠标即可输入验证码回车重复登录);功能2:自动查询车票(根据用户事先配置的始发到站信息,自动查询) 先说说第一关—登陆,每天整点放票的时候,想登陆进去真是难如登天,每次都会弹出下面这个让人泪流满面的窗口,尼玛连个登陆进去的机会都不给啊。。。 更可恶的是,如果你用IE浏览器的话,密码会清空,鼠标焦点也没有选中在任何一个输入框,你不得不鼠标移到密码框,重输密码,再验证码,再鼠标单击“登录“,如果你用的是firefox呢,情况稍微好点,起码密码可以帮你保存,可还是上面的鼠标动作免不了。 大家懂的,这时候,速度就是一切,差之毫厘,失之千里,省下那么一点点鼠标操作的时间,你就比别人多了几次登录的机会啊。 这就是上面那个油猴脚本能帮到你的地方了,安装 了以后,你会发现,登录时,你只需要使用键盘进行操作,就两个动作,输入验证码,回车,如果失败,再次回车干掉弹出框,此时鼠标焦点依旧在验证码那,继续 输入验证码,回车,。。。。只要你键盘操作够快,此时的你绝对是正常登录操作的好几倍啊,有么有?哈哈 Ok,千辛万苦终于爬进系统里头来了,下一关—就是预定,这个脚本在这里还是继续可以帮到你一点点的。 如果不用上面这个脚本的话,正常的操作流程是自己填写出发站点和到达站点,出发日期,点击“重新查询“按钮,完了你发现没票,囧了,又重新填一遍信息,再点,还是没票,又来一遍? 这时候上面的油猴脚本就可以帮我们做这种无聊的重填信息动作了,上面我们不是设置了出发站点和到达站点,出发日期嘛,这些信息就是脚本用来在车票查询的时候自动重填的, 你现在只管不断地点“重新查询“按钮,期待着宝贵的车票出现,然后你懂的,剩下的预定是否成功,订单是否提交成功,支付是否能完成,那就只有老天爷知道了。。, 当然,登陆不进,进去了又被踢下线,502 Bad gate way,这些问题就无语了,没办法,只有不断的重试,重试,再重试,关键时刻还得拼人品,拼运气的。 此外,网上有文章介绍如何用firebug修改html页面上的参数值,然后在提交页面来快速下订单的教程,见《网友提供Firefox+扩展 15秒网上快速预定火车票教程》,但我也试了,基本用处不大,能否提交订单成功,真的是只有上帝才知道,我基本都卡在这里,眼看着有票,可订单死活提交不上去。。。 但起码这个脚本可以让我们节省出不少的时间,在这全民抢票的时代,时间就是机会,时间就是金钱啊,心动了么?赶紧照着我这个教程试试吧。 最后,再推荐一个Chromium下的脚本,我使用的是Chromium 16 1,首先在Chromium中打开下述链接,安装12306 auto query脚本。 https://gist.github.com/raw/1554666/dec45c925002ec23ccef9f5be14770572d27625c/12306.user.js 2,登陆到12306,选择“车票预订”,填写好信息后进行一次查询后,就会看到下面的画面。 程序是会自动查询,当有票时会会高亮有票的车次。在查询期间你可以做其他事情,但要保持标签页开启(是否是当前标签页无所谓)。注意:1) 只在 Chromium 上调试过。2) 不支持自动订票,有票后请手工操作。 哈哈,反正我今天是坚持不懈的斗争,终于抢到了一张回家的卧铺票,一点小经验,不敢独享,拿出来给大家分享,咱技术宅买个票就得像打仗一样,仔细研究对手,做好一切能做的准备,打持久战,不是么? /*728*90,创建于2011-1-13*/ var cpro_id [...]

2012年1月7日08:34 没有评论

[转载]wordpress优化 使用SAE提供的jquery.js替代wordpress原生的 – 圣者 – 博客园. JQuery可以说是一款非常强大的js库,提供了dom节点的寻找规则支持xpath,还有很多页面特效,淡出淡入,滑动等等 所以wordpress引用了这块非常大的js,最新版本没压缩的话 竟然达到了249,159 bytes 每次访问页面,不同IP的情况下都会去加载如此庞大的库,真正使用到的估计寥寥无几。 前几天我为我的新浪云豆消耗真的是想尽了办法,包括前面所谈到的《wordpress优化第一招 压缩css和js减少流量提高博客速度(尤其适用SAE)》 参见地址: http://www.ij2ee.com/2012/01/04/wordpress%E4%BC%98%E5%8C%96%E7%AC%AC%E4%B8%80%E6%8B%9B-%E5%8E%8B%E7%BC%A9css%E5%92%8Cjs%E5%87%8F%E5%B0%91%E6%B5%81%E9%87%8F%E6%8F%90%E9%AB%98%E5%8D%9A%E5%AE%A2%E9%80%9F%E5%BA%A6%E5%B0%A4%E5%85%B6.html 但是还是效果不佳,因为JQuery实在是太大了。每天要是有100个访问量估计云豆耗的不少了,更多的话,我辛辛苦苦挣出的云豆就没了。 所以我打算开始着手替换JQuery文件。这时我比较庆幸我学过一点html,js。 一般jQuery.js会在wordpress主题目录wp-content\themes\twentyeleven\下的header.php里引用。找出来替换成sae提供的 http://lib.sinaapp.com/?path=/jquery 至于什么版本大家自己看着办吧。我用的1.6的 记得用min版。那是压缩过的。SAE的这个库是非常好的.比google及microsoft的速度快多了。 但是我的主题比较的奇怪。好吧,这主题是别人的,而且我还非常不厚道的去了人家的链接。它是引用的wordpress内置的方法去调用jQuery 所以我实在是不大好改。 中途使用过一个方法来变相的调用sae的jQuery,但是没成功,这里我就不说了。 wordpress的jquery js 是在下面的目录里wp-includes\js\jquery 你可以和我一样 吧目录下的jquery内容去掉。这样就算调用了 也不会有流量,最多就是多个http请求 ,当然后面的优化会提到减少http请求提高网站速度。 在清空内容后,你可以在你的wp-content\themes\twentyeleven\下的header.php里的</head>标 签后 加上sae jquery的引用。 记得一定要加载所有js前面,防止后面会有js依赖于jquery. 我这是懒人的做法,当然你也可以去修改function里的代码。我这就不了。 /*728*90,创建于2011-1-13*/ var cpro_id = ‘u350373′;

2012年1月6日09:42 没有评论

[转载]Jquery+Ajax+phpmailer类库实现自动向指定邮箱发送邮件 – 八戒Done – 博客园. 最近闲的无聊,写了个小不道德的整人的暗恋测试网站,实现我向友人发送带我邮箱的测试网址,朋友的测试结果自动发送到我的邮箱!(当然啦,你们也可以加上自己的邮箱去整好友) 不知道各位听懂否?不懂的就直接去试试吧~~哈,小弟邮箱肯定又要多很多测试结果的邮件了。 带我的邮箱的测试地址:http://www.arqi.cc/demo/love/love.html?em=arqicc@126.com 申请你们自己的测试地址:http://www.arqi.cc/demo/love/result.html(阿奇arqi.cc关注web,关注前端开发) 实现方式: 通过访问网址获得邮箱地址,然后利用JQuery的ajax方法传输数据到PHP邮箱服务器(此处上网下了个phpmailer类库实现) 网站源码全部公开,大家感兴趣可以访问阿奇arqi.cc复制粘贴相关源码!(love.html+result.html+JQuery库+PHPMailer类库) <script language=”JavaScript”> function sendemail(n1,n2,n3,n4){ var mY_url = window.location.search; mY_url = mY_url.substr(1,(mY_url.length-1)); var arr_url = mY_url.split(“=”); if(arr_url==”"){ //假如别人发现网址中含有你的邮箱,去掉了邮箱访问,就认为整人失败! alert(“测试失败!整蛊失败!纯属娱乐,切莫较真!”); window.location.href=”http://www.arqi.cc/demo/love/result.html”; }else{ var emailstr=arr_url[1]; var titlestr=”你的好友”+n1+”的暗恋测试结果!”; var contentstr=”你的好友”+n1+”的暗恋对象是:”+n2+”、”+n3+”、”+n4+”!快去逗逗TA吧!暗恋测试网址:www.arqi.cc/demo/love/result.html”; $.ajax({ type:”POST”, url:”sendemail.php”, data:”email=”+emailstr+”&title=”+titlestr+”&content=”+contentstr, success:function(data){ alert(data); alert(“你被骗啦!你的暗恋对象已经发送给你的好友!”+emailstr+”!\n整蛊成功!纯属娱乐,切莫较真!”); window.location.href=”http://www.arqi.cc/demo/love/result.html”; } }); } } </script> <div id=”main”> <form id=”form” [...]

2012年1月5日09:59 没有评论
备案信息:冀ICP备10007948号