06 2012 档案
摘要：<script type="text/javascript"> <!-- var zhengze = /as/g; alert(typeof zhengze) var zfc = 'asjkkjkjasjkjlkjas'; //正则的方法 aa = zhengze.exec(zfc)//返回找到第一个as，一般会配合index使用 bb = zhengze.test(zfc)//返回的是否找到as的bool值 cc = zfc.match(zhengze)//返回找到所有的as，一般会配合index使用 alert(aa.index);//
阅读全文
摘要：1. 协同命名 有事好商量，或按功能特点区分。2. 命名空间var o = { o.name = 1; o.age = 2; ...}3. 闭包：(function(){})();
阅读全文
摘要：http://www.infoq.com/cn/presentations/hybrid-html5-ios-clientnative+html5+css3的优劣势和发展，还有很多大公司的实际案例，视频还配合了ppt，重要的只能截图了。1. 街旁5的hybrid开发模型中使用的工具方案其中的Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务
阅读全文
摘要：<html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content
阅读全文
摘要：1. var i; alert(i); // undefined 只声明了但是没定义2. var i; i--; alert(i); // NaN i--运算自动将 i 转化成了数字类型，但是 i 没有初值，所以说它不是一个合法的数字3. 关于作用域——找变量的时候会先在最近的作用域里找！！var x=1;function print(){ alert(x); // undefined 先在本层作用域找x，找到了，但是还没执行初始化，所以是未定义。若没有下面的代码，则弹出1。 var x = 'hello world'; alert(x); // hell...
阅读全文
摘要：感谢谢帅shawn分享的canvas动画框架，我再来分一次//动画框架http://neekey.net/blog/2011/05/11/canvas-%E7%AE%80%E5%8D%95%E5%8A%A8%E7%94%BB%E5%AE%9E%E7%8E%B0%E6%80%9D%E8%B7%AF///使用JavaScript和Canvas开发游戏http://www.cn-cuckoo.com/2011/08/10/game-development-with-javascript-and-the-canvas-element-2554.html 之前学过的OC是纯粹的面向对象语言，所以我一直.
阅读全文
摘要：来自： 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浮动后会变
阅读全文
摘要：* 整体思路1.用table做，本来认为一定要给td设定宽高，后来发现其实不用，经测验，td为inline-block，可以设置宽高，默认也会靠正常流的内容自动撑开。2.td内插入一个a标签，将其display：block，设置与背景图大小相同的宽高。3.a：hover时，背景由黑色变为小图片。4.由于要用a的hover来控制右侧信息图的展现，所以，信息图也需要是a的子标签。故在a中插入span，（为了简便，这里只是将信息图截图做了span的背景）并display为block，再设置margin-left，为了不挡着a的小图背景。结果超出了正常的初学者思维：span虽然属于a的子标签，但其展现
阅读全文
浙公网安备 33010602011771号