Hello Js

导航

2012年10月16日 #

Bigpipe :bigpipe的了解之2

摘要: 这周是工作的空窗期,对前段时间看的bigpipe又重新翻阅了一遍,发现不知道是不是因为时间的推迟,自己理解的上次深入多了,记一下。1.bigpipe适合较为大的页面,页面的各个模块之间相对比较独立。2.bigpipe模式里,服务器端是分段输出的。一个请求,多次输出,边处理边输出。 这个是我之前疑惑的地方之一。按传统的加载方式,请求一个url,服务器返回给客户端也就是浏览器,一个html文档,随机,请求结束。但是在bigpipe模式里,请求一个url,先是 返还给浏览器一个框架的html文档。然后再对每一个pagelet进行组装。组装完成就输出给页面。然后再组装再输出。这些都是一个请求完成的。3 阅读全文

posted @ 2012-10-16 17:49 苏拉A梦 阅读(400) 评论(0) 推荐(0) 编辑

2012年10月11日 #

IE下,动态创建的iframe在异步提交时会跳转的问题的解决

摘要: 转载的文章 正好能解决燃眉之急,多谢原作者先。-------------------------------------------------------------------------华丽的分隔符-----------------------------------------------------------在一些前端项目中可能要用到动态创建iframe的需求,例如无刷新ajax上传文件。但是在IE下创建带有name的iframe会有个bug,创建的代码如下:var iframe = document.createElement('iframe');iframe.n 阅读全文

posted @ 2012-10-11 17:32 苏拉A梦 阅读(696) 评论(0) 推荐(0) 编辑

2012年9月26日 #

数据加载的bigpipe

摘要: 今天听一个关于页面加载的分享,想到了bigpipe模式,记一下今天相关的了解。1.传统的页面加载模式:用户点击了一个链接,即向服务器发送了一个请求,服务器收到请求,整合完页面所需的全部资源后,在一个HTTP Response 中把它传送给客户端。浏览器收到数据,解析渲染,页面展示出来,这是一个单线程的过程。即,服务器在组织数据时,浏览器处于等待的状态,浏览器在渲染页面的时候,服务器处于闲置的状态,资源浪费。用网上看到的一个很生动的例子:你到餐馆吃饭,点了四个菜。传统的加载模式,即当厨师将菜全部炒好后才端上桌。2.bigpipe加载模式:页面被分成了若干模块,pagelet,服务器进行数据组织时 阅读全文

posted @ 2012-09-26 18:35 苏拉A梦 阅读(673) 评论(0) 推荐(0) 编辑

2012年9月17日 #

javascript--IE不支持table的innerHTML解决方案

摘要: 经常会在开发中遇到操作表格的案例。但IE对表格的innerHTML属性并不支持;这里在网上百度了下,找了一个替换的方案,用起来也比较方便;先贴代码:customedEvent.deleteTr(nodes.shopTable); //先删除之前遗留的信息 此时表格已空;var rowIndex = nodes.shopTable.rows.length; // 需要编辑的表格,rowIndex即为最后一行的行数加1;var row = nodes.shopTable.insertRow(rowIndex);//在表格最后一行插入信息var c1 = row.insertCell(0); //. 阅读全文

posted @ 2012-09-17 14:34 苏拉A梦 阅读(1854) 评论(1) 推荐(0) 编辑

2012年9月4日 #

html5的跨域处理

摘要: 这篇代码是我在一个技术博客中看到的,介绍的很细致。代码摘过来,自己可以常看看。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <met 阅读全文

posted @ 2012-09-04 18:44 苏拉A梦 阅读(323) 评论(0) 推荐(0) 编辑

2012年7月23日 #

javascript---淡入淡出的效果轮换转播后续

摘要: 今天在网上找了个例子 终于把这个困扰我几天的淡入淡出效果写出来了 自己在火狐和IE6下试了下 都没问题,一向我都不擅长写这些setTimeout和setInterval的例子,今天是参考了网上一个类似例子的做法,在原有基础上改动好了,不多说,先上代码:<!DOCTYPE html><html><head> <title> fade in</title> <style> #out{width:600px; height:200px;margin:0 auto; border:1px solid #333; overflow: 阅读全文

posted @ 2012-07-23 15:51 苏拉A梦 阅读(214) 评论(0) 推荐(0) 编辑

2012年7月20日 #

javascript---淡入淡出的效果轮换转播

摘要: 一向我都不擅长做这种含setTimeout 和setInterval结合的例子,绕呼一会就把自己绕进去了,这次因为工作需要,我提前写个demo出来,防止到时候时间紧完不成。没怎么看网上的例子,先自己写了下自动的淡入淡出已经做出来了,但是点击切换到指定图片还没做出来,今天下午没什么精神,中午吃多了撑的不舒服,没思考的精力了。先贴下代码:<!DOCTYPE html><html><head> <title> fade in</title> <style> #out{width:600px; height:200px;margi 阅读全文

posted @ 2012-07-20 15:51 苏拉A梦 阅读(281) 评论(0) 推荐(0) 编辑

2012年7月17日 #

javascript---删除元素所引起的 对于NodeList的理解

摘要: 今天开发中遇到的一个比较诡异的问题,让我初窥了DOM的NodeList 不知道我的理解对不对先说需求:一个ul里面有若干个li,数目不定,我需要删除除去最后一个的 前面所有的 li;这样的需求 第一直觉 在ul里面循环 逐个删除代码如下:var li = ul.getElementsByTagName('li');var len = li.length;for(var i=0 ; i< len-1; i++){ ul.removeChild(li[i])}但实际上这样是不行的,行不通~~原因:当删除掉第一个子元素后,第二个子元素的顺序就动态的变成了0,因为第一个没有了 所 阅读全文

posted @ 2012-07-17 16:32 苏拉A梦 阅读(386) 评论(0) 推荐(0) 编辑

2012年7月14日 #

file表单提交异步模拟

摘要: 今天遇到的一个问题 记录一下 貌似题目有点怪异 交代下背景先:是这样的 在一个表单中需要本地上传一张图片 然后把图片提交给后台。因为业务的需求,这个地方不能做成直接的form表单提交刷新页面,问题就来了,如果不能用form提交走异步提交的话,file对象是无法异步提交的,怎么办呢百度了下 找到了一个很有效的方法那就是 将form的target设置成一个页面隐藏的iframe,即 这样,表单提交后的跳转页面仍为本页 这样 就看不到页面刷新了 从外观上达到了异步的需求;另外一个问题,如何读取表单提交后的数据呢 也比较简单 监听iframe的onload事件,iframe body中的内容即为回传过 阅读全文

posted @ 2012-07-14 00:32 苏拉A梦 阅读(502) 评论(1) 推荐(0) 编辑

2012年7月12日 #

javascript---获取指定父元素

摘要: 常用的一个方法,很多人都会封装,今天出了一点点小差子 记录一下:最初的时候是这样写的 function getParent(c,t){ while(c.tagName!=t){ c = c.parentNode; } return c; }但真的执行起来的时候确不是很如意,调试了一下,才明了,默认的tag名称都是大写的 所以改成如下:function getParent(c,t){ while(c.tagName.toLowerCase()!=t){ c = c.parentNode; } return c; }改成这样就可以了~~ 阅读全文

posted @ 2012-07-12 17:26 苏拉A梦 阅读(954) 评论(0) 推荐(0) 编辑