随笔分类 - html/html5
摘要:HTTP是一个请求响应模式的典型范例,即客户端向服务器发送一个请求信息,服务器来响应这个信息。在老的HTTP版本中,每个请求都将被创建一个新的客户端->服务器的连接,在这个连接上发送请求,然后接收请求。这样的模式有一个很大的优点就是,它很简单,很容易理解和编程实现;它也有一个很大的缺点就是,它效率很...
阅读全文
摘要:有时候,需要修改document.domain。 典型的情形:http://a.xxx.com/A.htm 的主页面有一个,两个页面的js如何进行交互? 实现跨域交互的方式有很多,其中这种跨子域的交互,最简单方式就是通过设置document.domain:只需要在A.htm与B.htm里都加上这...
阅读全文
摘要:A. no-transform协议TC支持的no-transform协议为如下两种形式:a. HTTP Response中显式声明Cache-control为no-transform。b. meta标签中显式声明Cache-control为no-tranform,格式为:如第三方站点不希望页面被转码...
阅读全文
摘要:在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设...
阅读全文
摘要:随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的...
阅读全文
摘要:HTML与XHTML之间的差别,粗略可以分为两大类比较:一个是功能上的差别,另外是书写习惯的差别。关于功能上的差别,主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页。因为XHTML的语法较为严谨,所以如果你是习惯松散结构的HTML编写者,那需要特别注意XHTML的规...
阅读全文
摘要:我们在使用createElemen方法t创建一个元素节点的时候,似乎在IE下面怎么写都可以,但切换到FF等其它浏览器却总是会报错。 比如我们要创建一个input元素,那么在IE下,我们可以有多种写法:要测试某种情况,请将其它情况注释: 以上3种方式在IE中均可以通行,然后再非IE核心的浏览器中(...
阅读全文
摘要:今天翻看twitter的源码的时候看到了一下内容:查阅了相关资料,知道DNSPrefetch也就是DNS预获取,也是前段优化的一部分。在前段优化中关于DNS的有两点:一是减少DNS的请求次数,第二个就是进行DNS预先获取。DNSPrefetch已经被下面的浏览器支持Firefox:3.5+Chrom...
阅读全文
摘要:Shortcut Icon 就是在网站地址的前面出现的那个小图标。想要让你的网站显示个性图标,首先需要制作个icon的图标,其次需要在页面的“”间添加如下代码:Html代码Html代码注意点:一般ICON的分辨率是16*16,大小1-2k,建议不宜过大如果你已经安装上面介绍的步骤更新到网站目录以后,...
阅读全文
摘要:以前我们用过favicon在浏览器给网站进行身份标识,用法如下:[html]view plaincopy现今移动设备越来越多,苹果为iOS设备配备了apple-touch-icon私有属性,添加该属性,在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏...
阅读全文
摘要:移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。一、基本概念(1) CSS pixels与device pixelsCSS pixels: 浏...
阅读全文
摘要:起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。in-line这个词...
阅读全文
摘要:1、//请补全下面的函数,仅当p为数组时返回true.//可给出多种实现方式,每种实现方式不一定完美,如果不完美,需要说明每种实现的限制function isArray(p) {//你的代码在这里}这个题有人可能用instanceof,但是会有不兼容,在多个frame中。其实很简单:function...
阅读全文
摘要:YslowYahoo发布的一款基于FireFox的插件,主要是为了提高网页性能而设计的,下面是它提倡了23条规则,还是很不错的,分享一下:1.减少HTTP请求次数合并图片、CSS、JS,改进首次访问用户等待时间。2. 使用CDN就近缓存==>智能路由==>负载均衡==>WSA全站动态加速3. 避免空...
阅读全文
摘要:这两天把自己以往的一些经验总结一下,希望对自己以后的开发更有帮助。分类总结下,前端开发中的优化方法和技巧。可以一起交流。一、减少http请求数量(简单粗暴,效果最佳) 1、对于图片,适当使用css sprite。 2、适当进行css、js文件的合并和压缩。 3、(大图片可以使用浏览器的本地...
阅读全文
摘要:childNodes 返回当前元素所有子元素的数组firstChild 返回当前元素的第一个下级子元素lastChild 返回当前元素的最后一个子元素nextSibling 返回紧跟在当前元素后面的元素nodeValue 指定表示元素值的读/写属性parentNode 返回元素的父节点previou...
阅读全文
摘要:解决跨域问题的方法有很多,如:图像ping(简单)、jsonp(缺点是不能实现跨域post)、CROS(CORS的本质让服务器通过新增响应头Access-Control-Allow-Origin,通过HTTP方式来实现资源共享,让每个请求的服务直接返回资源.它使用了HTTP交互方式来确定请求源是...
阅读全文
摘要:HTML 5的革新之一:语义化标签二文本元素标签、分组元素标签。HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充,譬如图片、文本、代码、表单、交互等等。所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本...
阅读全文
摘要:HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为ht...
阅读全文

浙公网安备 33010602011771号