- 博客(31)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 javascript的兼容性问题
1、event属性 IE 下 window.event Firefox event2、target属性 IE下 e.target Firefox e.srcElement解决办法： e = e || window.event ; var _target = e.target || e.src
2013-03-27 16:41:10
359
原创 html5权威指南1
1、DOCTYPE声明2、指定字符编码或者3、新增的全局属性contentEditable 允许编辑isContentEditable 判断是否可编辑 designMode 用来指定整个页面是否可编辑(contentEditable 均为true) 该属性只可通过JS来控制 如下示例：document.designMode="o
2013-03-21 10:21:20
499
原创 html5之globalAlpha
var cxt = document.getElementById("myCanvas").getContext("2d");cxt.fillStyle="#FD0";cxt.fillRect(0,0,75,75);cxt.fillStyle="#6C0"cxt.fillRect(75,0,75,75);cxt.fillStyle="#09F";cxt.fillRect(0
2013-02-18 13:30:43
227
原创 html5之canvas
safari(苹果浏览器内核)-webkit-box-shadow:2px 2px 20px #888; -webkit-transform:rotate(-45deg);box-shadow： || 阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色 -moz-transform:rotate(-45deg)
2013-02-18 10:25:51
259
原创 jqury取元素CSS尺寸
outerWidth(options) 获取第一个匹配元素外部宽度（默认包括补白和边框）。 position:fixd;left:0;riht:0;top:0;botom:0;width:100%;height:100%,就可以将整个屏幕铺满。 animate({"left":0},200,function(){ 这里的回调函数会在动画完成后执行});
2013-01-18 23:40:02
194
原创 jquery插件
示例插件功能：美化表格，让表格的奇偶行颜色不同，然后鼠标移到某行上，某行可以高亮显示。一个通用的框架：(function($){ $.fn.yourName = function(options){ //各种属性、参数 } var options = $.extend(defaults, options); this.each(function(){ /
2013-01-08 14:26:17
323
原创 jquery插件学习
入门级示例表格隔行换色，悬浮上去变色。一个通用的框架 (function($){ $.fn.yourName = function(options){ //各种属性、参数 } var options = $.extend(defaults, options); this.each(function(){ //插件实现代码 }); }; })(jQ
2013-01-06 09:13:48
76
原创 jquery鼠标滑动事件
首页 功能特色 产品部署 功能下载 $(document).ready(function(){ var aLeft = []; $("#nav li").each(function(index){ aLeft[index] = $("#nav li").eq(index).offset().left + $(
2013-01-03 22:15:37
6805
原创 html5简介
新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search浏览器支持最新版本的 Safari、Chrome
2012-12-21 09:20:14
242
原创 浏览器内核
目前主流的浏览器有IE6/7/8、Mozilla、FireFox、Opera、Safari、Chrome、Netscape等。浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。常见的浏览器内核可以分这四种：Trident、Gecko、 Presto、Webkit。Trident又称MSHTML，是微软开发的渲染
2012-12-20 15:36:12
458
1
原创 基于XHR\script\Iframe编写远程脚本
dojo.xhr*函数：dojo.xhrGet , dojo.xhrPost , dojo.xhrPut , dojo.rawXhrPut , dojo.xhrDelete带有一个叫做args的参数散列function example1(){dojo.xhrGet({url:"demo/id1",load:function(response){alert(response)
2012-12-20 11:23:48
410
原创 dojo动画
反弹的div示例var currentPosition = 0;var leftToRight = true ;function moveNode(){var getBall=dojo.byId("ball");//移动(leftToRight?currentPosition++ : currentPosition--);dojo.marginBox(ball,{l
2012-12-17 16:44:16
523
原创 定位DOM节点
var box =dojo.marginBox(myNode);dojo.marginBox返回外边距的(topPosition,leftPosition,width,height);dojo._getMarginExtents返回外边距的（顶边宽度、左边宽度、顶边+底边的宽度、左边+右边的宽度）dojo.marginBox(node,box); dojo.borderBox(nod
2012-12-17 13:18:24
304
原创 插入、移动和删除DOM节点
dojo.isDescendant(node,ancestor)如果节点是一个祖先的后代则返回true例：dojo.isDescendant(dojo.byId("test"),dojo.byId("questions")); ture使用dojo.place来移动节点，接受一个源节点、一个参考节点和一个位置信息。位置信息："before/after": 节点放在参考节点之前或之
2012-12-14 17:10:07
400
原创 dojo之Dom工具
addClass hasClass removeClass style attr hasAttr removeAttrdojo.querydojo.ready(function(){var node = dojo.byId("top");dojo.addClass(node,"c1");dojo.addClass(node,"c2 c3");doj
2012-12-13 14:21:47
401
原创 dojo.Deferred 管理回调函数
dojo.Deferred 是一个Dojo提供给我们用来处理异步调用(例如Ajax)的强大工具. 简单来说，一个Deferred对象它会等待一段时间再去执行指定的调用，直到某个特定的事件发生或者前一个动作完成。Deferred对象有三个状态，初始化时是"unresolve” 状态，当它所等待的事件发生时, 进入"resolve" 状态， 第三种状态是出错状态，即该事件没有按照预期的发展，例如服
2012-12-13 13:21:16
1431
原创 dojo之发布/订阅
dojo.subscribe(/*String*/ topic, /*Object|null*/ context, /*String|Function*/ method) 订阅一个主题 dojo.publish(/*String*/ topic, /*Array*/ args) 发布一个主题下面看一个示例：var numberAccumulator = {total:0,add
2012-12-12 17:07:43
346
原创 dojo之异步编程
键盘事件对象：function someKeyDownHandler(eventObj){ switch(eventObj.keyCode){ case dojo.keys.F10: console.debug('you may press F10'); break; }} eventObj.shiftKe
2012-12-09 20:50:30
270
原创 dojo之理解dojo.hitch及数组方法
dojo.hitch: 当调用对象方法时，给他添加一个上下文对象，即this指向的obj。1、一般传两个参数,第一个是上下文参数，第二个是函数或对象的方法，如果没有第一个参数，则默认为全局如：function showData(){ var x= this.getData(); dojo.byId("showData").innerHTML = "The result
2012-12-07 15:31:30
592
原创 dojo之模块分支
dojo: 核心工具包，包含几乎所有程序需要的库，这个分支被引用为dojo.core.dijit: 一个用于生成HTML用户界面的（小部件）的框架，它也包含了很多内建的图形化小部件。Dijit依赖于dojo.dijit.form.Button创建dijit.form..DropDownButton, dijit.form.ComboButton, dijit.form.Toggl
2012-12-07 10:42:12
193
原创 dojo之jsonp调用
！使用JSONP来访问跨域资源还会减少你的应用程序Web服务器的连接竞争。浏览器会限制同一时刻连接到某一个服务器的请求数。最坏的情况是IE6，它限制同一时刻只能有2个连接。而在其它新一点的浏览器中，这个限制是6-8个连接。在跨域访问一个资源时，它不会被算在访问你的服务器的总连接数中。dojo.io.script将创建script元素和回调函数的过程进行了自动化，并提供了Dojo中你所熟
2012-12-06 16:27:15
244
原创 json与jsonp的区别
JSON是一种数据交换格式。而JSONP是一种非官方跨域数据交互协议。1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如、、）；
2012-12-06 15:58:29
328
原创 dojo之网格和事件
onRowDoubleClick()onCellHover()onRowClick() 单击行时执行 var searchTerms = this.model.getRow(evt.rowIndex).discription;console.debug(searchTerms); 输出结果为：描述9Cigarlen
2012-12-04 15:19:46
272
原创 dojo之dojox.grid.Grid
@import "dojo/dojo/resources/dojo.css";@import "dojo/dijit/themes/tundra/tundra.css";@import "dojo/dojox/grid/_grid/tundraGrid.css";备注：dojo\dojox\grid里原本是没有Grid.js的，需要把compatGrid.tar.gz解压到当前文件
2012-12-04 11:06:58
303
原创 dijo-json语言(javascript对象标记法)
json就是散列字面量，不过有更加严格的限制1、冒号左边必须带引号 如："wishListItem":{"wishID":4655}2、可以出现在右侧的值只有 单引号和双引号括住的字符串、true\false、数值、null, 表达式和变量名不允许出现示例[{"term":"BACKCHUS","part":"n.","definiti
2012-12-03 15:09:49
260
原创 dojo-散列字面量 数组字面量 函数字面量
var burger3 = {patties:["gardenburger","bocaburger"],toppings:{cheese:"American",meat:"bacon"},bun:"wheat"};console.dir(burger3);burger3 是一个散列字面量，散列字面量的子元素须以，隔开。且最后一个子元素不加，。patti
2012-12-03 14:13:30
284
原创 dojo--firefox console调试
var dog={}; （散列字面量）dog.name="大毛";dog.color="黄色";console.dir(dog): 打印出一个对象的所有方法和属性console.log(dog): 记录一行信息console.debug(dog): 记录一行信息,带超链接
2012-12-03 10:32:22
211
原创 dojo学习笔记之调用
1、使用dojo的必备条件 @import "dojo/dijit/themes/claro/claro.css"; @import "dojo/dojo/resources/dojo.css"; dojo.require("dojo.parser"); （表示在页面中引入解析 Dijit 标签属性的功能模块） dojo.req
2012-12-03 10:04:07
242
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人