跳至主要内容

博文

解决 Google APP Engine JS更新元素内容时乱码问题

这些天在GAE上做个小东西,前端触发事件请求后,通过Ajax到处理页面处理请求,处理程序处理成功后返回成功标识到前端页面,此时前端页面用JS更新页面内容提示操作成功。这时如果使用中文会出现乱码。那么我们可以给中文内容套上一个 元素。 把如下: $("#success_info").html("嘿!是不是忘了填写哪一项啦呀!").css("color","#D9242B"); 改成如下: $("#success_info").html("<span>嘿!是不是忘了填写哪一项啦呀!</span>").css("color","#D9242B"); 即可解决中文显示乱码的问题。

IE6下Javascript页面跳转和表单提交Bug

IE6是石器时代的浏览器,由于那个时代人类还处于幼小时期,生产力低下,IE6成为他们的最爱,事到如今,在天朝ie6用户还是占大头,当然他们也比较大头,这类人中有两类,一类是小白,他们根本不知道他们每天用来看网页的东西叫浏览器,还有一类是陈旧发霉的顽固分子,他们想回到原始社会,他们怀旧,这类人在IE6用户群里占两到三成,也是最不可救药的一群。 如果你是名弄web这玩意的主,我想你已经看过无数次IE6的低劣表演,它从头到脚透露着石器时代的低效和愚蠢。好了!好了!其实你已经知道我有多么喜爱ie6啦吧,我爱死她了! 那么,如何解决IE6下Javascript页面跳转和表单提交Bug,需要使用setTimeout()函数延迟实现。 1,兼容各浏览器的Javascript页面跳转 setTimeout(function(){     window.location.href = url; },0); 2,兼容各浏览器的Javascript表单提交 setTimeout(function(){        form.submit(); },0);

解析: 警惕 WebQQ2.0 的 Gmail 钓鱼

WebQQ 2.0 上线 , 腾讯又多了款重量级的应用 ,但是用过程中发现其 Gmail 模块存在钓鱼的嫌疑。当使用 Chrome 访问其 Gmail 模块时提示为诱骗网站。 展开这个页面的 iframe 地址,发现是在 qq.com 域下 https://web2.qq.com/cgi/gmail/gmail.html 但页面的形式与 Google 的风格一致,非常能让用户混淆这就是 Google 自家的页面。 查看其源代码,发现并没有提交到 Google 的痕迹。 然后我们查看其相关的 gmail.js( https://web2.qq.com/cgi/gmail/gmail.js ),发现其中有段代码为 var option = {retype:3,callback:"parent.qqweb.app.gmail.getListMail"}; if (u != null && p != null) { option.u = u; // Google 帐户用户名 option.p = p; // Google 帐户密码 } formSend( GMAIL_SERVER_DOMAIN + "cgi/qqweb/gmail.do",{method : "POST", data : option} );  这段应该就是往  GMAIL_SERVER_DOMAIN  POST 用户名和密码登录了,那么 GMAIL_SERVER_DOMAIN 的值是什么呢?就在本文件的第 14 行 var GMAIL_SERVER_DOMAIN = ' https://web2.qq.com/ '; 也就是说,你的 Gmail 用户名和密码实际上是提交到了 https://web2.qq.com/cgi/qqweb/gmail.do 这个地址。 那么,作为个技术人,我不禁想问: "腾讯,你想干什么?!"  同时建议已经使用过该模块的用户尽快更改您的 Google 帐号密码,并检查 Gmail 过滤器中有无可疑的项目。 PS,这次的 WebQQ2.0 放弃了 YUI,使用了名为  Jet 的 JavaScript 框架 ,对其感兴趣的可以关注。 ...

关于Web-based IM通信模式的思考

摘要: 本文从 Instant Messaging  出发,讨论了 Web_based IM 信息通信的特殊性,并在此基础上详细分析了现有的实现方案及其各自优缺点。 引言: Instant Messaging (读成 I-M ),是一种使人们能在网上识别在线用户并与他们实时交换消息的技术,现主要用于网络即时聊天软件和特殊设备的网络实时监控。该技术普遍采用 C/S 架构,基于 TCP/UDP 协议,通过服务器协作,利用防火墙穿透(代理)或基于 UDP 的 NAT 穿透技术,保持客户端之间的持续长连接,实现客户端之间信息的实时交互。但是,该类模式下的软件系统要求下载安装专用的客户端程序,导致系统部署成本高昂,系统维护困难。同时,为保证即时通信的顺利完成,一般还要求客户端防火墙开放特定端口,引起系统安全问题。因此,这种模式的 IM 技术在网络环境下的广泛使用还存在一些局限性。 Web-based IM ,是基于 HTTP 协议,系统采用 B/S 模式,客户端通过访问特定的网页而实现的及时通信技术。这种即时通信技术以网页为载体,避免下载安装庞大的客户端程序,系统功能在服务器端统一维护,既减少了系统部署费用,也降低了维护难度。因此, Web-based IM 技术将在基于 Web 的远程监控、网站客服等方面有重大的意义。 然而, Web-based IM 在技术实现上存在难以逾越的困难:首先, Web-based IM 采用 HTTP 作为主要的通信协议,因此, HTTP 的非连接、无状态特性将导致通信状态管理非常困难;其次, HTTP 访问的单向性只允许客户端( Web 浏览器)主动去联系服务器,而服务端却无法主动联系特定的客户端,更不用谈多个客户端之间的互访。所以,要实现 Web 环境下的实时通信,必须首先要解决这个问题,即充分利用 HTTP 的特性,在技术实现上做出适当的调整,以适应即时通信的需要。本文将在前人的基础上,从客户端"拉"和服务器"推"的角度,总结归纳基于 Web 的即时通信方案,并进一步分析比较各自的优劣点。 Web IM 通信实现方式 1.       客户端"拉"( Client_pull )模式 传统的 HTTP 请求模式为:客户端主动向服务器发送信息更新请求,服务器响应请...

免费版Chilkat FTP 使用例子

Chilkat FTP 分免费版和商业版(Chilkat FTP2),免费版Chilkat Soft 不给技术支持,没有用例,这给广大网友带来很大的烦恼。下面是一个简单的FTP用例,也许能帮助你。 Sample Chilkat FTP script The following is a Sample script for the Chilkat FTP component. <% '## Create object Set objConnect = Server.CreateObject("Chilkatftp.ChilkatFTP") '## Get hostname objConnect.HostName = ("Host address") '## Get FTP username objConnect.Username = ("user") '## Get FTP password objConnect.Password = ("pass") '## Connect to server objConnect.Connect() '## Get connect status If objConnect.IsConnected = 1 Then '## Change dir objConnect.ChangeRemoteDir("Directory") If objConnect.CreateRemoteDir ("Directory") = 1 Then Response.Write "It Worked!" Else Response.Write objConnect.ErrorLogHtml End If Else Response.Write "Failed to connect to the server!" End If '## Disconnect objConnect.Disconnect() %> ...

您可能还不知道的 46 项功能

http://www.cnbeta.com/articles/106058.htm - 使用 Google 工具栏发送 自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。 尽情享受吧! 自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由 于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。 尽情享受吧! CSS @font-face 使用网络上的字体显示文字(3.6: 支持 WOFF 与 TTF 字体) pointer-events 点穿元素 3.6(允许点击某元素底层的指定元素——译者注) :-moz-locale-dir(ltr/rtl) 3.6 确定内容从左向右排列(ltr)还是从右向左排列(rtl) :indeterminate 伪类 3.6 将样式应用到"不确定的"单选或多选框 阅读媒体查 阅(Media Queries) 根据阅读媒体(的字号、宽高 比、颜色、设备趋向、分辨率)选择 CSS。3.6 新增了可判断是否使用了掌上设备的类。 组合 伪类 :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, … -moz-border-radius 圆角边框 CSS 变换 缩放、翻译、倾斜或旋转元素 CSS 渐变 3.6 将线性渐变或辐射状渐变用于背景 多重背景 3.6 同时使用图片、渐变以及其他对象作为同一个背景 背景 尺寸 3.6 定义背景图片的尺寸 CSS 分列 将内容分列显示 文本阴影 文本周围的阴影 框型阴影 元素周围的阴影 边框图片 将图片用作元素边框 rem...