摘要：
来自： Innovision 研究技术有限公司目录1. 简介 32. NFC的主要应用 43. NFC的规定标签类型 54. 选择适当的标签 65. 小结 116. 术语表 121. 简介近场通信(NFC)适用于非常广泛的一系列应用。构建于现有系统和人类行为的基础上，NFC使人们的生活变得更简单更方便：访问新媒体和获取内容服务的方式更加直观，购物付款、搜索、同步处理和共享信息更加简单，使用运输和其他公共服务也更加方便。NFC为很多行业带来了新产品和新服务的机会：从网络运营商到手持装置制造商，从应用和服务开发商到服务提供商。尽管如此，面对NFC大众市场的崛起，为了基于这种技术建立能够盈利的企业， 阅读全文
摘要：
在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档，可能有点小无聊，但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。iScroll需要对所要进行滚动的元素进行初始化，并且不限定一个页面中使用iScroll的元素的个数（这里不考虑您的硬件配置）。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同时使用的元素的个数。使用iScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示：//isScroll JSvar myScroll 阅读全文
摘要：
1. window.eventIE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)2. 鼠标当前坐标IE：event.x和event.y。FF：event.pageX和event.pageY。通用：两者都有event.clientX和event.clientY属性。3. 鼠标当前坐标(加上滚动条滚过的距离)IE：event.offsetX和event.offsetY。FF：event.layerX和event.layerY。4. 标签的x和y的坐标位置：style.po 阅读全文
摘要：
盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder 阅读全文
摘要：
jQuery选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class $(".intro") 所有class="intro"的元素element $("p") 所有<p>元素.class.class $(".intro.demo") 所有class="intro"且class="demo"的元素:first $("p:f 阅读全文
摘要：
本文转载自yu0319@126《CSS3圆角阴影渐变透明旋转等功能详述》随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner）.box_round {-moz-border-radius: 30px; /* FF1+ */-webkit-border-radius: 30px; /* Saf3+, Chrom 阅读全文
摘要：
从自己刚刚开始学习javascript到现在已经很久了，今天得益于新酱的细心讲解，总算是把this这个“雾中花”看清晰了。在此首先感谢新酱的讲解下面将this的一些基本使用和大家分享一下：查看this指向的一句话法则：永远指向其所在函数的所有者如果没有所有者时，指向window。理解this的要点：关键在于将函数与函数名分开看待。同一个函数，在不同的执行方法下，会有不同的效果。如何来进行理解呢，来看几个实例1）全局函数中的this指向function test(){ alert(this);//test这个函数没有所有者，因此此时this指向的是window}2）对象方法中的this指向o.t 阅读全文
摘要：
0,canvas一些初始化操作html：<!--在html里写入canvas标签宽高必须设置还可以设置其他css样式canvas标签内写入浏览器不支持canvas标签时应该显示的文字--><canvasid="myCanvas"width="800"height="600"style="border:1pxsolid#c3c3c3;">Yourbrowserdoesnotsupportthecanvaselement.</canvas>js：//通过id获取canvas元素对象v 阅读全文
摘要：
【总结】如何使html5语义化标签兼容ie百度空间改版了，firebug一下，发现页面大量使用了section，article，header等html5标签，赶紧在ie下测试，发现竟然布局不会乱（老浏览器怎么会识别这些新标签？），那么百度是怎么做到的呢？我自己写了几行html，使用了这些新标签，发现老浏览器是根本不会认识这些标签的，为了使这些古董级浏览器认识html5的语义化标签，我们需要用到js。document.createElement('header');//创建一个新标签，标签名为header如上，我们用js创建了一个新标签为header，那此header是不是就可以 阅读全文
摘要：
varTween={Linear:function(t,b,c,d){returnc*t/d+b;},Quad:{easeIn:function(t,b,c,d){returnc*(t/=d)*t+b;},easeOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b;},easeInOut:function(t,b,c,d){if((t/=d/2)<1)returnc/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b;}},Cubic:{easeIn:function(t,b,c,d){returnc*(t/=d)*t*t+b 阅读全文
摘要：
1. HTML5并非是一整块你 也许会问：“如果老的浏览器不支持HTML5我该如何开始呢？”这个问题本身就是具有误导性的。HTML5并不是一大块整体，而是一系列单独特性的集合。 所以你是不可能去检测“HTML5支持性”的，因为根本就没有这种东西存在。但是你可以测试对某些特性的支持，比如画布功能、视频功能、地理定位功能。你 可能认为HTML5是一系列标签和尖括号。这的确是HTML5中很重要的部分，但并非全部。HTML5的定义还定义了如何让这些尖括号通过文件对象模型 （Document Object Model ，DOM）和Javascript交互。HTML5并不会只是定义一个<video& 阅读全文
摘要：
IE的haslayout是个比较麻烦的东西，首先它不是w3c的标准属性，没有一个专门的css命令能设定layout，元素要么本身就具有layout，要么需要通过一个css属性“偷偷的”触发layout。其次触发ie的haslayout的属性比较不常用。用haslayout解决问题的时候，大部分人也是迷迷糊糊的。这里就专门介绍下ie的haslayout，希望对大家有所帮助。ie很多稀奇古怪的渲染上的bug都可以用layout属性来解决，"layout"决定了一个元素该如何显示以及约束其包含的内容，以及同其他元素交互和建立联系。响应和传递应用程序事件和用户事件等。这些渲染特性可 阅读全文
摘要：
近期做了个项目其中需要用到未知宽、高的图片水平且垂直居中的于div容器中。本来关于布局这事对我来说应该已经不是一个问题，但是蹩脚的ie6不支持图片垂直居中。下面讲一下我收集整理的一些方法。要求： 图片垂直和水平居中于一个固定大小的容器内，a. 图片宽度、高度均不固定。图片可以通过程序控制将图片按一定比例缩放。b. 图片必须始终相对外容器垂直和水平居中。c. 兼容firefox、chrome、opera、safari、ie6/7/8及其他国内常见浏览器。1.最简单的方法当然是背景图的方法。将所需垂直和水平居中的图片设为背景图片，background:url(img/1.jpg) center . 阅读全文
摘要：
IE对after、before是不支持的，请在firefox、opera、chrome下试调！:before语法：Selector : before { sRules }说明：用来和 content 属性一起使用，设置在对象前(依据对象树的逻辑结构)发生的内容。:after语法：Selector : after { sRules }说明：用来和 content 属性一起使用，设置在对象后(依据对象树的逻辑结构)发生的内容。看以下这句定义的理解,也许你会更清楚一点...呵呵...:after 伪元素在元素内容之后插入内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是 阅读全文
摘要：
【总结】关于after伪对象清浮动一直用空标签清浮动，看到伪对象可以用来画图，稍稍研究了一下，意外加深了对after伪对象清浮动的理解。关于对伪对象基础知识的介绍：http://hi.baidu.com/shawn_html5/item/491455fe3e27d678c8f337cd我们回顾一下，空标签清浮动是这样：<divstyle="clear:both;height:0;overflow:hidden;"></div>height:0;overflow:hidden;是为了使标签不占空间而做的设置，真正起作用的命令其实很简单，就是clear： 阅读全文
摘要：
Mugeda是一个基于云的HTML5动画平台，允许用户在任何浏览器中直接创建，共享和发布的HTML5动画。Mugeda可被广泛应用于广告、游戏、教程和网络应用程序等。 并支持在任何网络设备包括PC，智能手机和平板电脑中直接查看。Mugeda有望成为下一代网上互动动画的行业标准。在线直接访问Mugeda，无需安装任何软件，即可在线DIY制作动画。完成后，可直接在线浏览。支持代码嵌入到其他网站或博客上展示。马上开始DIY属于你自己的动画吧！（孟梦） 阅读全文
摘要：
无意间看到一个讨论float元素如何自适应居中的话题，大概写法如下 .three{ display:block;text-align:center; /* 解决间隙问题 */ font-size:0; } .three li{ width:100px;height:100px; display:inline-block;*display:inline;*zoom:1; /* 解决不能水平对齐问题 */ vertical-align:top; /* 解决间隙问题后遗症解决 */ font-size:13px; } /* 让 chrome 支持 ... 阅读全文
摘要：
本例是一个基于canvas的时钟，鼠标滑过的时候会有类似果冻的抖动效果！代码如下：<!doctypehtml><html><head><metacharset="utf-8"/><title>柔软的canvas时钟</title><style>#myCanvas{margin:50pxauto;display:block;}</style></head><body><canvasid="myCanvas"width="2 阅读全文
摘要：
《白衣》 柳永 一步踏尽一树白，一桥轻雨一伞开。 一梦黄粱一壶酒，一身白衣一生裁。 阅读全文
摘要：
* 常见的bug1.IE6中，浮动的块如果有横向margin，则最靠边的那一块的靠边的边会出现双倍bug，解决方法，display：inline。2.IE6中，默认行高不是0，所以需要用 _height来强制设置。3.IE6和7中，li设置了宽高以及里面包含浮动的子元素，则会出现行间距。不设宽高或不浮动来解决。4.在IE6，如果一个不浮动的父元素包含了浮动的子元素，且父元素定宽，则浮动的子元素依然会撑开行高，而在别的浏览器，则不会撑开。IE6的行高总是能被撑开！！5.在IE6中，文字内容后面如果出现浮动的a，a会换行，所以需要将前面的文字放在span中也做浮动。虽然这是正常的，因为a浮动后会变 阅读全文