摘要: 转载自:http://www.html5rocks.com/zh/tutorials/file/xhr2/HTML5 世界中有这样一位无名英雄:XMLHttpRequest。严格地说,XHR2 并不属于 HTML5。不过,它是浏览器供应商对于核心平台不断做出的改进中的一部分。我之所以将 XHR2 加入我们新的百宝囊中,就是因为它在如今复杂的网络应用中扮演了不可或缺的角色。结果呢,我们这位老朋友来了个大变身,很多人都不知道它的新功能了。2 级 XMLHttpRequest 引入了大量的新功能(例如跨源请求、上传进度事件以及对上传/下载二进制数据的支持等),一举封杀了我们网络应用中的疯狂黑客。这使 阅读全文
posted @ 2013-04-02 16:46 Anjey 阅读(518) 评论(0) 推荐(1) 编辑
摘要: HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。使用方法: 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号; 第二列可以用于CSS文件中,但是需要用反斜杠\转义; 第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。需要主意的是: 有的字符在... 阅读全文
posted @ 2013-03-27 18:18 Anjey 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:<meta name=”viewport” content=”w 阅读全文
posted @ 2013-03-27 15:17 Anjey 阅读(234) 评论(0) 推荐(0) 编辑
摘要: Javascript生成GUIDGUID(全球唯一标识)是微软使用的一个术语,由一个特定的算法,给某一个实体,如Word文档,创建一个唯一的标识,GUID值就是这个唯一的标识码.除了.Net有专门的方法生成外,JS也可以生成GUID,一般有两种方式,分别是方法一://JS生成GUID函数,类似.net中的NewID();function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1); } function NewGuid() { return (S4()+S4()+"... 阅读全文
posted @ 2013-03-26 11:57 Anjey 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 题目1if (!("a" in window)) { var a = 1;}alert(a);代码含义:如果window不包含属性a,就声明一个变量a,然后赋值为1。你可能认为alert出来的结果是1,然后实际结果是“undefined”。要了解为什么,需要知道JavaScript里的3个概念。首先,所有的全局变量都是window的属性,语句 var a = 1;等价于window.a = 1; 你可以用如下方式来检测全局变量是否声明:"变量名称" in window第二,所有的变量声明都在范围作用域的顶部,看一下相似的例子:alert("a& 阅读全文
posted @ 2013-02-19 09:47 Anjey 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 笔试题,百度流程信息管理部Web前端实习研发工程师.JavaScript编程题1、实现输出document对象中所有成员的名称和类型;2、如何获得一个DOM元素的绝对位置?(获得元素位置,不依赖框架)3、如何利用JS生成一个table?4、实现预加载一张图片,加载完成后显示在网页中并设定其高度为50px,宽度为50px;5、假设有一个4行td的table,将table里面td顺序颠倒;6、模拟一个HashTable类,包含有add、remove、contains、length方法;7、Ajax读取一个XML文档并进行解析的实例;8、JS如何实现面向对象和继承机制?9、JS模块的封装方法,比如怎 阅读全文
posted @ 2013-02-18 23:00 Anjey 阅读(387) 评论(0) 推荐(0) 编辑
摘要: http://www.w3school.com.cn/js/jsref_tofixed.asp 阅读全文
posted @ 2013-02-18 22:39 Anjey 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如,侧边栏的部分区域。position:sticky为此而生。position:sticky用法position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像position:fixed,它会固定在目标位置。使 阅读全文
posted @ 2013-02-18 22:35 Anjey 阅读(595) 评论(0) 推荐(0) 编辑
摘要: 如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:?width - // viewport 的宽度 (范围从200 到10,000,默认为9... 阅读全文
posted @ 2012-12-22 21:59 Anjey 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:?width - // viewport 的宽度 (范围从200 到10,000,默认为9... 阅读全文
posted @ 2012-11-22 16:18 Anjey 阅读(219) 评论(0) 推荐(0) 编辑