凌动小生的Blog

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

随笔分类 -  javascript

javascript ajax JSONP
摘要:javascript的执行引擎是单线程的,正常情况下是同步编程的模式,即是程序按照代码的顺序从上到下依次顺序执行。只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),那么在执行期间任何... 阅读全文
posted @ 2014-12-08 20:24 凌动小生 阅读(631) 评论(0) 推荐(0)

摘要:在浏览器中,Javascript执行与UI更新是发生在同一个进程(浏览器UI线程)中的。UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲时被提取出来执行。所以Javascript的执行会阻塞UI更新;反之,UI更新也会阻塞Javascript的执行。给用户的表现就是浏览器在工作... 阅读全文
posted @ 2014-12-08 20:04 凌动小生 阅读(327) 评论(0) 推荐(0)

摘要:http://www.infoq.com/cn/articles/challenges-and-optimization-of-cross-border-website周涛明:前端性能优化,按照经常使用的频率和效果上来看,在前端性能优化上经常用到的点如下:第一,减少http请求是非常有效的措施减少h... 阅读全文
posted @ 2014-12-05 22:19 凌动小生 阅读(215) 评论(0) 推荐(0)

摘要:itemTpl : new Ext.XTemplate( '<tpl for=".">', '<table style="width:100%"><tr>', '<td class="reportname" title="reportname">{ReportName}</td>', '<td class="categoryname" title="category 阅读全文
posted @ 2013-04-23 15:48 凌动小生 阅读(387) 评论(0) 推荐(0)

摘要:JavaScript面试题要求:以下题目必须从一至四题中,选出三道题,使用原生代码实现,不可使用任何框架,第五题为选作题。一、在页面的固定区域内实现图片的展示 <ignore_js_op>1.每点击一次右箭头,图片区域向左滚动出一张图片,反之相同; 2.当发现图片滚动到末尾时,响应的箭头变成不可点击状态; 3.鼠标在图片区域内滑动滚轮,图片会随着鼠标滚轮的方向进行响应的滚动; 二、用js、html、css实现一个弹出提示控件: 1.分别实现类似于系统的alert、confirm、prompt对话框; 2.对话框大小根据提示内容进行自适应(有一个最小宽高),默认出现在页面的水平垂直居 阅读全文
posted @ 2013-03-22 13:52 凌动小生 阅读(338) 评论(1) 推荐(0)

摘要:position的四个属性值:relativeabsolutefixedstatic下面分别讲述这四个属性。<div class="relative"> <div class="absolute">absolutediv</div></div> <div id="static">static</div>Style<style>.relative{position:relative;background:#E6E6E6;left:30px;top:30p 阅读全文
posted @ 2013-03-18 11:16 凌动小生 阅读(193) 评论(0) 推荐(0)

摘要:In mobile Safari on the iPhone, iPod Touch, and iPad (as well as the webkit based browser on Android phones) it's not immediately obvious how to scroll a div that has overflow:auto; set on it. If this were a desktop browser you would see scrollbars and be able to manipulate those or even use you 阅读全文
posted @ 2013-01-06 17:05 凌动小生 阅读(427) 评论(0) 推荐(0)

摘要:localStorage 和 sessionStorage实现了”Web存储“草案标准的浏览器在window对象上定义了两个属性:localStorage和sessionStorage。这两个属性都代表同一个Storage对象——一个持久化关联数组,数组使用字符串来索引,存储的值也都是字符串形式的。Storage对象在使用上和一般的JavaScript对象没什么区别:设置对象的属性为字符串值,随后浏览器会将该值存储起来。localStorage和sessionStorage两者的区别在于存储的有效期和作用域的不同:数据可以存储多长时间以及谁拥有数据的访问权。下面,我们会对存储的有效期和作用域作 阅读全文
posted @ 2012-08-10 10:11 凌动小生 阅读(1016) 评论(0) 推荐(0)

摘要:什么是JSONPJSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用 html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。对于上面的解释,我们可以简单这样理解:JSONP就是可以通过JavaScript文件进行跨域通讯的方式,例如:现在各大网站风靡的搜索提示,搜狗云输入法注意:JSONP服务器端代码需要充分做好安全措施。最简单的JSONPvar JSONP 阅读全文
posted @ 2012-07-05 17:26 凌动小生 阅读(347) 评论(0) 推荐(0)