2012年05月_mibb005

转载 html5 navigator.geolocation基于浏览器获取地理位置

一、简介html5为window.navigator提供了geolocation属性，用于获取基于浏览器的当前用户地理位置。window.navigator.geolocation提供了3个方法分别是： void getCurrentPosition(onSuccess,onError,options);//获取用户当前位置int watchCurrentPosition

2012-05-31 13:34:10 1587

转载 html5离线应用application cache

一、应用场景我们通常使用浏览器缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存储功能。前提是你需要访问的web页面至少被在线访问过一次。离线本地存储和传统的浏览器缓存有什么不同呢？1、浏览器缓存主要包含

2012-05-31 13:30:17 552

转载 box2dweb基础

简介　　大名鼎鼎的物理引擎box2d基本上大家都听说过，网上有两个javascript版本的box2d库，一个时box2djs，已经停止维护，一个是box2dweb。下面就来介绍一下box2dweb的基本信息。一包，类介绍BOX2D.Collision>>>碰撞，冲击包；b2AABB AABB坐标b2OBB OBB坐标b2ContactID 接触IDb2Contact

2012-05-30 16:29:22 1868

转载 js静态方法与实例方法

js静态方法function foo(){} // 声明类foo.method = function(){} // 方法体使用：foo.method()js实例方法function foo(){ // 声明类this.method = function(){ // 方法体}}使用：var f = new foo(); f.method();

2012-05-30 09:29:49 1180

原创 HTML5 元数据变化

data-x 特性 this is a text this is a tent alert(document.getElementById("p1").dataset.autor)

2012-05-29 15:24:10 457

转载 Color Values颜色取值方法

css颜色取值，大家对于css2版本以下颜色名称、十六进制技法、rgb记法。以上取值记法大家都和你熟悉，css3又有什么更另类的取值方法呢?RGBA、HSL、HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法。RGBA即在css2版本中RGB记法增加了支持透明度的元素，语法也是相当容易理解：RGBA(255,0,0,0.5),这里的透明度，取值方范围在0-1。H

2012-05-29 10:26:12 349

转载 columns - CSS3之文本模块标签

W3C提供了一个新的属性columns来控制文本布局，主要是对文本模块的单列、多列进行控制。定义每列的宽度和定义的列数以及模块文本样式。附上columns的一个例子：-webkit-column-count:3; -webkit-column-width: 150px; -webkit-column-gap:50px; -webkit-column-rule:1px solid

2012-05-29 10:24:36 250

转载 CSS3之伪类选择器：nth-child()

CSS3提供了强大的伪类（pseudo-class）选择器，使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱，但当掌握了以后能大大提高你的代码效率，并且节省代码量。今天先要说的是nth-child伪类。下面给大家介绍下nth-child的用法:first-child 定义第一个li样式.test1 li:nth-child(1){ba

2012-05-29 10:13:21 481

转载兼容所有浏览器的CSS3圆角

解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案，但是说的不够全面，前端观察最近将整理更多更全面的资源给大家，敬请期待。译：前一段时间，我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原

2012-05-29 09:25:05 177

转载 HTML5 WebSocket之HelloWorld

方案要实现一个WebSocket有很多方案，客户端方面可以用原生的WebSocket对象，也可以使用类似Socket.IO、jQuery Websocket Plugin这样的封装API，服务器端则可以使用Jetty（Java）、Netty（Java）、mod_pywebsocket（Python&Apache）、nodejs（JavaScript）等这里我挑选了客户端Socket.

2012-05-28 10:20:21 666

转载一句代码实现 HTML5 语音搜索

淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。　　其实实现只需一句代码即可：x-webkit-speech　　一看到这句代码，想到了什么？对，这说明语音搜索只支持webkit内核浏览器，那么这段代码具体要放在哪呢？?i

2012-05-25 17:49:41 206

转载对HTML5 Device API相关规范的解惑

在HTML5中，Device API相关内容众多，而且结构比较复杂，内容有所重叠，大家在使用时可能会遇到许多问题，下面我针对这些问题谈一下个人的理解。1、The Media CaptureAPI VS System Information API，两者都可以访问摄像头和话筒，有什么区别？背景：The Media Capture API定义了一个高级别的API来访问设备

2012-05-25 17:21:40 163

转载 HTML 5 Web SQL核心

Web SQL数据库API实际上未包含在HTML 5规范之中，它是一个独立的规范，它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员，那毫无疑问，你对SQL和数据库的相关概念已经很熟悉了，如果你对SQL不熟悉，那在继续阅读本文之前，最好先学习一下SQL相关的教程。最新版本的Chrome，Safari和Opera浏览器都支持Web SQL数据库。核心方法

2012-05-25 16:51:04 213

转载 HTML5与Box2dweb---核心概念|核心概念

形状、刚体、定制器、连接器以及世界在我看来是Box2d中最重要的五个概念。Erin Catto在他的手册中对这几个概念的定义字字珠玑，因此我决定在下面直接引用他的原话：塑造一个二维几何对象，如圆或多边形。刚体一大块物质，是如此强烈，无论任何两个位块之间的距离是恒定的。他们是硬像一个的钻石。在下面的讨论中中，我们使用的的身体，互换与刚体。夹具夹具形

2012-05-25 15:09:47 960

转载 box2dweb基础---web引擎

简介点击打开链接　　大名鼎鼎的物理引擎box2d基本上大家都听说过，网上有两个javascript版本的box2d库，一个时box2djs，已经停止维护，一个是box2dweb。下面就来介绍一下box2dweb的基本信息。一包，类介绍BOX2D.Collision>>>碰撞，冲击包；b2AABB AABB坐标b2OBB OBB坐标b2ContactID

2012-05-25 15:03:46 569

转载 node chat源码解读

在上一篇文章里，我们阐述了node chat在服务端程序上的一些处理特点。这篇文章我们一起来分析一下前段与后端的交互机制。相信理解了这个机制之后，你对上一篇文章的遗留问题——消息的callbacks——的设计理念也就无师自通了。同样地，我们从需求来入手。假设我们是web聊天室的用户，我们希望它能够给我们提供什么样的功能？我想大部分人的答案应该是信息的及时传递。请注意这个“及时”，它要求我

2012-05-25 14:06:20 425

转载基于AJAX的长轮询（long-polling）方式实现简单的聊天室程序

（转http://blog.csdn.net/neusoftware_20063500/archive/2009/04/30/4140903.aspx）这里只是做个测试，很简单，没有做好线程同步的问题，只是为了长轮询。原理：可以看:http://yiminghe.javaeye.com/blog/294781AJAX 的出现使得 JavaScript 可以

2012-05-25 13:30:39 1578

转载 EaselJS

EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库点击打开链接

2012-05-25 13:18:42 264

转载使用Canvas设计Logo

HTML5 的Cavans API可以动态来展示图形、图表、图像以及动画，我们的这个离线系统中，主要用来设计Logo用的。在网页上使用Canvas的时，他会创建一块矩形区域，默认情况下宽为300像素，高为150像素，当然，可以自定义。因为我们离线系统主要职责用于在离线的情况下的工作系统，如在上面写工作日志，工作计划，和保存项目的评估数据；在网络在线的情况下与服务器交互，并将数据保存到Se

2012-05-25 11:15:28 952

转载 HTML5表单设计

在这个离线系统中，表单无疑是构成这个离线系统的视图部分，作为最前端，与客户的操作最密切相关的一块，所以我们有必要先了解一下HTML5的Forms API，它有如下特性：表单仍然使用Form元素作为容器，我们可以在其中设置基本的提交性质；用户或者开发人员提交页面的时候，表单仍用于向服务器端发送表单中控件的值；沿用之前的表单控件及其使用方法，并不断发展和增加新的控件和功能；

2012-05-25 11:02:23 2743 1

转载 HTML5项目笔记7：使用HTML5 WebStorage API构建与.NET对应的会话机制

HTML5的Web Storage API，我们也称为DOMStarage API，用于在Web请求之间持久化数据。在Web Starage API 出现之前，我们都是将客户端和服务端之间的交互数据存储在远程服务器上，随着Web Starage API的出现，我们可以在客户端存储我们重复访问的交互数据，用户在打开浏览器的时候，可以快速地读取到数据，减少了用户等待，数据流量。在Web Sta

2012-05-25 09:54:21 275

转载 HTML5 Canvas 基础API和实例

开发HTML代码是一件简单的事情，一个文字编辑器，然后一个支持HTML5的浏览器即可（本人的浏览器是Firefox8.0.1）。了解HTML的朋友应该知道，HTML5中最让人兴奋的API是canvas，它给了HTML5开发者随意涂鸦的能力。下来我们一起来了解canvas。 HTML5中新增了画布标签，通过它，可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一

2012-05-24 15:45:55 345

转载 js AutoComplete

完全基于JqueryUIASPX代码：?12345678910linkrel="stylesheet"href="Styles/jquery-ui.css"type="text/css"media="all"/>

2012-05-24 09:48:46 285

转载 javascript获取url参数和script标签中获取url参数

url paramter：?Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//lastest:varqueryStrings=function() {//get url qu

2012-05-24 09:23:31 299

转载 (转)js中的hasOwnProperty和isPrototypeOf方法

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。?123456

2012-05-24 09:16:49 196

转载 js 的push 方法

push 方法将新元素添加到一个数组中，并返回数组的新长度值。 arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayObj 必选项。一个 Array 对象。 item,

2012-05-23 10:17:53 171

转载 LINQ to JavaScript

What is LINQ to JavaScript?LINQ to JavaScript (JSLINQ for short) is an implementation of LINQ to Objects implemented in JavaScript. It is built using a set of extension methods built on top of the J

2012-05-23 10:12:35 196

转载条形码通用类[转载]

using System;using System.Web;using System.Web.SessionState;using System.Drawing;using System.Drawing.Imaging;using System.Drawing.Drawing2D;using System.Text;public class TuImage : IH

2012-05-15 09:47:39 155

转载经典SQL语句大全

一、基础1、说明：创建数据库CREATE DATABASE database-name 2、说明：删除数据库drop database dbname3、说明：备份sql server--- 创建备份数据的 deviceUSE masterEXEC sp_addumpdevice 'disk', 'testBack', 'c:\mssql7backup\MyNwin

2012-05-15 09:42:33 197

转载 JS面试题及答案

一、JS闭包。f = function() {return true;};g = function() {return false;};(function() { if (g() && [] ==![]){ f = functionf(){return false;}; function g() {return true;} } })(); aler

2012-05-14 14:08:03 1504

转载 JS高级编程——属性/变量访问权限

本人对JS的高级编程也只是略知一二，近段时间老实遇到JS问题，索性做一个探索性的研究，现在把探索的结果记录下来：一来可以自己以后看看；二来供初学者学习。欢迎JS高手给予指点，发现问题请留言。研究发现：我们可以将属性（变量）分为三类（对象属性，全局变量和局部变量），下面我来对三类属性（变量）的声明方法和访问权限做一下探究。对象属性：声明时以“this.”开头，只能被“类的实例”即类的对象

2012-05-14 13:34:41 1830

转载 JS：offsetWidth\offsetleft 等图文解释及简单的返回顶部效果(转)

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全

2012-05-14 10:54:29 483

在打算讲这篇文章之前我深思一个下午，打算分两篇来讲的，但是又怕读者看着嫌烦；其实稍微了解一点ActiveX插件的朋友都能知道，这样一扯可能出现一堆问题；但是我还是决定通过简单的方式尽量让初学者少接触底层的东西包括OLE(对象连接与嵌入)、COM(组件对象模型)之类的概念，但是ActiveX插件在开发上有很高的技术要求，虽然.NET为我们封装了很好的实现途径，但是我们也总不能停留在，知自然而不知其所

2012-05-11 13:33:58 1315 1

转载 JavaScript 获取客户端计算机硬件及系统信息

因为我们现在的前端框架做性能优化，为了找到各个组件及框架的具体解析耗时，需要在框架中嵌入一个耗时测试工具，性能测试跟不同的计算机硬件配置有很大关系，因此有必要统计处测试机的硬件配置，本来开始是让测试人员自己输入，但考虑到这样比较繁琐，因此要想办法在程序中实现，因为此次的实现是用的JS。因此就有了我这篇文章。在网上看到了一些文章和代码，觉得都不怎么好，其实JS访问硬件，只可能通过ActiveXO

2012-05-11 10:51:38 996

转载层始终保持在页面底部效果实例

html,body {width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}#Main {position:absolute;bottom:0px;left:0px;width:100%;height:100%;overflow:auto;z-index:1;}#

2012-05-11 10:29:23 759

转载 CSS滑动门技术自适应宽度按钮

CSS自适应宽度圆角按钮*{margin:0; padding:0;}body{padding:10px; font-size:12px;}h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}a{background:url(/uploadfile/200903/17/41205957519.gif) l

2012-05-11 10:27:06 1032

转载使用JQ来实现浏览器滚

通过修改CSS来更换s滚动条样式，只能更换颜色，而不能更改滚动条的大小。况且还有浏览器兼容的问题：我们可以选择jquery来做该效果，这样即修改了滚动条的大小，又可以做到兼容： JS代码如下(附：jquery.linscroll.js)： $(document).ready( function

2012-05-11 10:21:03 259

转载 jquery 拖动改变div大小

jQuery 版“元素拖拽改变大小”原型 /* * jQuery.Resize by wuxinxi007 * Date: 2011-5-14 * blog : http://wuxinxi007.cnblogs.com/ */ $(function(){ //绑定需要拖拽改变大小的元

2012-05-11 10:15:06 797

转载初学jquery-------setCapture 使用方法

setCapture 使用方法 setCapture 可以捕获到移动到浏览器外的鼠标事件。例如拖动过程中，即使鼠标移动到了浏览器外，拖动程序依然可以执行！作用就是把把鼠标事件捕获到当前文档指定的对象！ setCapture捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouse

2012-05-11 10:05:21 2266

转载 JS高级拖动技术--- setCapture ，releaseCapture

window.onload=function(){ objDiv = document.getElementById('drag'); drag(objDiv);};function drag(dv){ dv.onmousedown=function(e){ var d=document; e = e || window.event;

2012-05-11 09:59:55 386

Linq to js demo

jquery帮助文档

空空如也