08 2014 档案

Facade模式实现文件上传（Flash+HTML5）
摘要：一、前言确定了渐进式增强的上传方式，接下来我们需要将上传功能从具体的业务逻辑中剥离出来，作为公共组件供业务层调用。这就要求我们必须对业务层隐藏上传细节，只暴露统一的上传API。这时候大家是不是跟我一样想到了Facade模式？二、Facade模式实现文件上传，代码示例：/*上传组件，IE浏览器默认fl... 阅读全文

posted @ 2014-08-30 17:07 Hellohuman 阅读(958) 评论(0) 推荐(0)

移除script标签引起的兼容性问题
摘要：一、应用场景：有时候我们需要动态创建script标签实现脚本的按需加载，我们会为script标签绑定onload或者onreadystatechange事件，用于检测动态脚本是否加载并执行完毕，在事件处理程序中引用动态脚本创建的变量。二、问题描述：如果我们动态创建script标签并绑定事件处理程序后... 阅读全文

posted @ 2014-08-30 13:03 Hellohuman 阅读(749) 评论(0) 推荐(0)

命名冲突引发的现网故障
摘要：一、前言今天要介绍的命名冲突并不是系统内部的命名冲突，而是系统与浏览器插件之间的命名冲突。具体情况是这样的，去年6月份，客服接到N多投诉，反馈139邮箱无法正常使用。工单等级迅速上升，各方面的压力要求研发24小时内给出合理解释。二、现象描述：通过查看运维同事上传到工单中的图片可得出这样的结论：用户页... 阅读全文

posted @ 2014-08-23 08:06 Hellohuman 阅读(206) 评论(0) 推荐(0)

文件上传之图片预览
摘要：一、业界现状分析有时候我们需要在上传图片之前为用户提供图片预览的功能，HTML5规范出来之前，由于缺少原生的File API支持，我们需要借助Flash或者浏览器插件来满足这种需求。有了HTML5，我们可使用URL或者FileReader对象实现预览功能。二、应用场景图片分享类的应用，如Flickr... 阅读全文

posted @ 2014-08-17 09:26 Hellohuman 阅读(282) 评论(0) 推荐(0)

文件上传之渐进式增强
摘要：一、前言随着HTML5规范的提出，我们又多了一种上传方式的选择。相对企业信息系统而言，互联网产品的用户群体要广泛很多，不同的用户群体通常会选择不同的浏览器，不同的浏览器对HTML5规范的支持程度不同。单一的上传方式根本无法满足所有用户。我们需要采用渐进式增强的上传方式为用户提供较好的上传体验。二、案... 阅读全文

posted @ 2014-08-16 10:05 Hellohuman 阅读(580) 评论(0) 推荐(0)

文件上传之普通上传
摘要：前言记得去年十月份离开基础邮箱项目组，进入云邮局项目组之后，领导曾经嘱咐我将邮箱的上传模块整理成文档，方便其他同事接手。由于各方面原因迟迟未动手，最近终于下定决心，整理自己的笔记，记录邮箱用到的所有上传方式。大概包括：普通上传、139邮箱小工具上传、Flash上传、HTML5上传（含拖拽上传，分块上... 阅读全文

posted @ 2014-08-13 22:24 Hellohuman 阅读(594) 评论(0) 推荐(0)

window.open方法解析
摘要：一、前言最近在项目中需要新窗口打开一个第三方的页面，大家都知道，使用window.open打开新窗口某些情况下会被浏览器的屏蔽程序阻止。如果要打开的URL是通过AJAX获取的，就一定会被浏览器拦截。为了解决这个问题，温习了window.open的详细用法。记录下来备忘。二、window.open有两... 阅读全文

posted @ 2014-08-09 19:29 Hellohuman 阅读(1755) 评论(0) 推荐(1)

构建web应用
摘要：一、web服务器示例var http = require('http');http.createServer(function(req, res){ res.writeHeader(200, {Content-Type : 'text/plain'}); res.end('hello w... 阅读全文

posted @ 2014-08-04 21:31 Hellohuman 阅读(240) 评论(0) 推荐(0)

XMLHttpRequest
摘要：一、XMLHttpRequest对象IE7+、标准浏览器可使用原生的XMLHttpRequest对象，IE6需要使用IE自己实现的BOM对象ActiveXObject创建XHR对象。写一段跨浏览器创建XHR对象的代码：function createXHR(){ var objXMLHttp =... 阅读全文

posted @ 2014-08-01 09:53 Hellohuman 阅读(263) 评论(0) 推荐(0)

导航