本站木有非理性广告和有害内容,请大度地将本站加入广告屏蔽白名单吧~~~ ::博客文章推荐::

 分类:WEB前端

聊聊微信内页面发Ajax请求会重复请求的问题

背景 这是个大坑,耗费了我极多的时间。 事情呢,是这样的。最近几天做了一个微信里的潜入页,用于注册账户的。注册很简单,输入手机号-验证短信验证码-填一点资料-注册成功。 作为一个单页面操作,所有请求都是通过AJAX和服务器交互的,这思路很常规。唯一的特点是,最后一步超长。 超长的原因是:创建账户需要创建几百张表,还有无数初始化操作,所以乐观估计需要至少八秒钟才会成功。 也许你会问为什么会这么慢,要创建这么多表呢? 原谅我不想说,因为与本文无关。 然则这个创建其实是有步骤的,第一步就是把用户的邮箱给占位:创建为最基本的信息,不允许重复创建。 OK,背景说完。 直到上线 开发,测试,包括内测都是很完美的,没有任何问题。 但上线后,突然有测试提出了这么一个问题:微信里注册的时候,任何一个邮箱都...

木魚 9个月前 (07-07) 10492℃ 32评论 30喜欢

Windows 10中IE浏览器的UserAgent变更

Windows10中IE浏览器的UserAgent变更了。。估计是想向网站说自己是先进的浏览器,要求对方提供和Chrome等现代浏览器一样的功能页面,而不被歧视吧……总之就是变了…… IE11默认情况下代码已经变成如下的样子: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0 上面的字符串中,Windows NT 10.0是操作系统版本标记。在Windows10 9926 TP开始,这个版本号变成10.0,而在这之前的Windows10版本中,这里依然是 Windows NT 6.4 值得留意的是后面的一...

木魚 2年前 (2015-01-27) 5086℃ 28评论 7喜欢

分享之前在GDG分享Chrome扩展(12306订票助手)一些关键点的文稿

之前曾经有幸参与了一次GDG在北京的分享活动,做了一个小的分享,关于Chrome浏览器上扩展开发(含Firefox上UserScript)中一些比较细微的点的分享。话说那次感觉有点白目,因为去的人基本上都是冲着谷歌的新技术比如谷歌眼镜去的,所以好瞎的感觉。毕竟不是HTML5峰会那种比较有主旨的东西,谷歌搞的摊子太大了。。 用的是12306订票助手做例子,其实12306订票助手从其本身使用的技术而言并不算多牛叉的东西,纯粹是一些前端技术,所以这个文档中涉及到了比较多的细微的点。这些点在开发大多数具有嵌入式脚本的扩展中均有可能用到。当然,订票助手扩展版的源代码在GITHUB上早已停止更新,但这个脚本中使用到的一些技术作为基础东西可以沿用到其它的扩展中。 昨天整理资料的时候看到了当时是用的演示文稿...

木魚 2年前 (2015-01-20) 1905℃ 5评论 5喜欢

原来国庆时候12306的疯狂强退是12306自己摆的乌龙球……

 先提一个背景资料。在国庆的时候被12306虐待过的同学应该记得,有那么两天12306在疯狂地强制人退出登录,经常你只能查询一次,然后就被强制退出登录,甚至用IE都不能幸免。 曾经我一度吐槽这是因为他们的服务器扛不住压力才导致的,所以自己用IE都深受其害,也只能吐槽。 可是,就在今天,我发现事情根本不是这样的,这是他们自己摆出的乌龙!!!! 背景资料说完,开始正事  话说一直在关注12306有啥变化,可是这几天我发现很怪异。就是经常我一次查询之后,12306会紧接着又发一个 loginAction.do?method=el 的请求回去。    在这之前我们已经了解到,这个请求最多只会有一次,并且是页面加载后发送的。所以在这里查询之后发送的,绝壁...

木魚 3年前 (2013-12-02) 1634℃ 24评论 0喜欢

被一小段HTML坑了,必须记录下……

 话说为毛线我这大半夜的不睡觉在这里装神弄鬼,完全是因为一小段HTML把我深深地坑了,坑了我整整两天,死活没搞明白,差点没勇气继续活下去。于是我很愤慨地在这里谴责它…… 事情要追溯到三天前,我重构一个网页,然后出现这样一个需求。这个需求简述如下:要求有一行表单,分成三列,左右各是一个按钮,中间有个链接;这个链接文字的高度和宽度都是固定的,而整行的宽度不固定,要求被两个按钮平分。这很明显是个自适应的案例。我想了想决定这么干,让中间的按钮绝对定位,俩按钮用层包裹平分这个宽度,然后分别在第一个层的右边、第二个层的左边留出空白,用来放置链接,搞定。 抽出来一个测试案例,就是如下的网页:   代码结构很简单,这里设置的框模型都是border-box,意味着包括边框在内的才是...

木魚 3年前 (2013-10-21) 2729℃ 24评论 0喜欢

从服务器请求来看17日12306的强退

 17日12306出现了各种强退,尤其是整点附近的时候,包括很多人用IE都被强退,除此以外还有很多人直接显示了拒绝访问。目前认为是12306的原因。但为什么会这样呢,让我们从最开始说起吧。 1.订票助手在春运春运的时候12306在用各种手段阻止使用,理由是会导致服务器压力上升。对此我始终无法认同,原因如下: 助手遵循的是最低五秒的查询策略,不会频繁。在正常情况下,如果你不用助手,你也会不断地刷新个不停,而不会说我就等着差不多有票了才刷(你无法估计什么时候有票) 助手不会额外发出什么请求(除了加载联系人,但助手加入了缓存,只会访问一次。相对来说订单页的每次提交还都会访问) 助手的任何操作都遵循间隔的策略,不会连续发出大量请求,甚至为了降低服务器的压力有些刻意的设置 助手的功能设计...

木魚 3年前 (2013-09-17) 650℃ 3评论 1喜欢

2013.911-9.12 12306检测技术浅析

 【论坛链接:http://bbs.fishlee.net/forum.php?mod=viewthread&tid=37&fromuid=1】 我记得上次有人问我,说今年的12306网站有任何改进吗。我很认真的想了想,说别说改进了,就是外观的改动也没看着。作为对我这句话的回击,一两天后上演了本年度最大的改动,对订票类扩展的检测。其实我很理解不了这种奇葩的逻辑。因为谁都知道封堵不是办法,梳纳才是王道。梳是提高自己的品质,减少用户对第三方的依赖;而纳则是完善自身的规则,尽量缔造完善的操作环境。 12306本身有很多很明显的漏洞和缺陷。比如订票查询必须的5秒钟其实只是界面上的限制,服务器的查询没有任何限制。比如查询结果的mmstr是没有绑定用户的,一个账户查...

木魚 3年前 (2013-09-12) 892℃ 7评论 0喜欢

iPad/iTouch 中safari浏览器的框架滚动条问题

老总们喜欢捧个iPad在办公系统上审核事务,由此带来一个问题,就是滚动条。 ① 由来 作为一个办公系统常见的设计,便是标签化页面。左侧或上侧是导航菜单,主要的功能区使用标签页面来进行切换。在BS系统中,常见的标签页切换(无论是自己写的还是用框架界面等)大多使用iframe作为内联框架进行显示的。虽然也有直接使用div作为框架内容页面展示的(使用Ajax进行额外加载),但是对于较为复杂而独立的页面,还是使用iframe更简单可靠。 在大多数桌面浏览器上,这都是OK的。但是在移动浏览器上,问题便来了。 ② IOS上有什么问题? 作为一个常见的设计,在一个框架页面中,如果内容很长,浏览器会自动加上滚动条供你滚动。但是在iOS上,苹果在2011年的一次更新中,内置的safari浏览器会停止在...

木魚 4年前 (2012-10-17) 1779℃ 1评论 1喜欢

闲聊下XSS和CSRF的东东

以前有在玩QQ应用的摩天大楼,可是话说现在开始觉得太花时间了,就想着怎么样能继续不浪费以前花的时间也能节省以后的时间。这不,就想到了自己写个外挂来帮我玩。 可是冒出这个念头的时候吓了一跳,一直自我标榜从来不用外挂玩游戏的,竟然会有这个念头。可是转念一想如果真要摊开说的话,任何用新技术来实现自动化的方案不都是在玩“外挂”了吗?可见外挂不外挂的,完全是看用的人:如果是为了破坏公平性为了让自己不劳而获的,那就是恶意的。如果从节约自己时间和精力的角度出发,似乎是可以被人接受的。 嗯。上面都是闲话,下面说正事儿。   (1) 由来 下午我在研究QQ空间如何从一个AppID(应用ID)来获得OpenKey和OpenID,由于第三方应用是无法获得QQ帐号本身的信息的(包括密码啥的),所以只好由腾讯方提供开...

木魚 5年前 (2011-06-20) 1110℃ 0评论 5喜欢

Stylish 中文版 for chrome (版本:0.6.0)

闷得慌,一直想拿什么出出气,于是顺手就把这玩意儿汉化了。 介绍 Stylish原是Firefox上的一个扩展,它能够通过自定义的样式表对网站的外观进行重新定制,从而达到个性化的需求。支持在线安装样式、更新,也支持自己定义样式,当需要对网页的外观有修改需求的时候,非常实用。 现在,Stylish也有了for chrome的扩展,但是还比较简单,也只有英文,所以我汉化了这么一个版本过来,使用的是最新的0.6版。   注意 注意,由于Google Chrome的扩展打包需要签名,而我并没有这样的签名,所以不得不重新打一个包,导致打的包签名和原始扩展的签名不一致,Chrome会认为这是两个扩展,从而需要你手动卸载原始扩展。   警告:卸载原始扩展会丢失所有已经设置的样...

木魚 6年前 (2011-03-01) 567℃ 0评论 1喜欢

【用Stylish来自定义网页】II:让腾讯微博在皮肤在背景图像固定不滚动~

上回说到用Stylish来修正QQ空间相册的批量管理菜单中的“移动”在相册太多的时候显示不全的问题。不过这次来个更加实用点儿的。 话说老衲不是微博控,但是还是还是经常在腾讯微博上逛逛的。这不,中午突然发现一个事情。就是腾讯微博的皮肤有的是蛮好看的,但是背景图会随着页面的滚动而滚动,换句话说——我滚到下面一屏的时候,就只剩下背景色了,图像看不到了  – -# 有没有办法能让背景图固定住呢?当然有。 答案就是Stylish这个大杀器。当然,由于IE上没有类似插件,所以IE上是实现不了的。幸好Chrome和Firefox都能支持。 关于如何安装Stylish,请参考上篇 用Stylish来改人家的网页~(例:修正QQ空间相册的批量管理下拉菜单显示不全),这里就不...

木魚 6年前 (2011-02-27) 400℃ 0评论 0喜欢

用Stylish来改人家的网页~(例:修正QQ空间相册的批量管理下拉菜单显示不全)

今天因为种种种种原因翻了一下自己的相册,才发现“贴图相册”竟然已经有两百多张,而其中很多的是成系列的,所以便想它们都整理成单独的相册。但是……老衲的相册数已高达39个,所以批量管理时,移动的下拉菜单因为相册过多,所以无法显示完全,便会下图所示,根本无法选择新建的相册: 当单独浏览照片时,这个菜单却是有滚动条的,所以能处理……但是这意味着我得一张一张看过去、再一张一张移动? 当然我是不会甘于做如此机械化的工作的。祭出神器——Stylish。 简单介绍一下,Stylish是用于Firefox或Chrome上的一个扩展程序,允许用户对现有的网页进行格式的重新调整。 调整后的样式我给它加了一个最大高度,超过这个高度就显示滚动条: 达到要求,哦也。 下面说明一下步骤: 安装Firefox或Ch...

木魚 6年前 (2011-02-23) 660℃ 2评论 1喜欢

[教程篇] 你的电脑有没有沦为别人赚钱的工具?

一直以来都只在空间里面无病呻吟,为了避免造就本人一塌糊涂、光知道舞文弄破长吁短叹的消极文学青年形象,特决定搞点正事做做。本篇第一篇。   中国目前关于互联网这方面的法律规范比较欠缺,而无数的网站就是利用着网民来赚钱。你还在被别人蒙在鼓里不经意间变成别人赚钱的工具吗?迅速来自测一下吧。 < ?xml:namespace ns="urn:schemas-microsoft-com:office:office" prefix="o">  1.IE首页   基本上IE首页是众多无良和正规网站都关注的必争之地了。所谓首页,顾名思义,指的就是IE打开(或其它浏览器打开)时看到的第一个页面。我习惯设置为空白页面的,但是很多人都喜欢设置一个最常用的页面。 不知道你设置的是哪个页...

木魚 7年前 (2009-09-20) 1061℃ 1评论 2喜欢

TinyMCE插入音乐不能播放 CHM不能打开的解决方法

TinyMCE插入音乐不能播放 TinyMCE 版本: 3.0RC1.现象:插入音乐后,在最终的显示页面只能看到播放器,但是无法播放.解决方法: 打开 "pluginsmedia" 插件文件夹,打开所有的JS(包括子文件夹),将"6bf52a52-394a-11d3-b153-00c04f79faa6″替换为"22d6f312-b0f6-11d0-94ab-0080c74c7e"然后保存就可以了.传说这种故障是因为CLSID用的是未打补丁的微软播放器CLSID编码,一旦打了补丁就会变掉,所以无法播放.不过现在病毒这么流行,有谁不积极打补丁的吗?我办公室的几个同事每天都要拿360之类的安全漏洞扫描对系统扫描不知道多少次,那个积极劲胜于中午奔食...

木魚 9年前 (2008-01-17) 526℃ 0评论 0喜欢