zha_zi
- 浏览: 594051 次
- 性别:
- 来自: 西安
-
最新评论
-
青春依旧：
html5教学哪家强！当然要上华清远见！
深入理解浏览器兼容性模式 -
ashur：
真机智，看得我都笑自己了
js 字符串转dom 和dom 转字符串 -
panghaoyu：
实现一个智能提示功能需要ajax、数据库、jsp/php、算法 ...
solr第一弹 autocomplete(自动补全) -
FakLove：
连线如何删除啊
基于html5 的拖拽连线 -
FakLove：
连线可以再删除吗？
基于html5 的拖拽连线
文章列表
1.DOMContentLoaded
DOMContentLoaded是FF,Opera 9的特有的Event, 当所有DOM解析完以后会触发这个事件。
jquery的ready(示例:$("selector).ready(function(){})),MT的onDomReady
IE下是scrollleft事件可以时就表示DomcontentLoaded: var temp= document.createElement('div');temp.doScroll('left');
Fired on a Window object when a document's ...
Cache-Control
Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求 / 响应链中必须服从的指令。
这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。
缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同一个指令。
cache-control 定义是：Cache-Control = “Cache-Control” “:” cache-directive 。表1 展示了适用的值。
Cache-directive
说明
public
...
科普文一则,说说我对NodeJS(一种服务端JavaScript实现)的一些认识,以及我为什么会向后端工程师推荐NodeJS. "Node.js 是服务器端的 JavaScript 运行环境，它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色，Node.js 采用 V8 引擎，同样，Node.js 实现了类似 Apache 和 nginx 的web服务，让你可以通过它来搭建基于 JavaScript 的 Web App。" 上周末参与了CNodeJS社区的第一次北京聚会,现场气氛非常的好.而作为一名前端开发 ...
前言：
在javascript里面动态创建标准dom对象一般使用：
var obj = document.createElement('div');
然后再给obj设置一些属性。
但是，在实际使用过程中，有些人可能会想，要是能这样创建标准的dom对象就好了
伪代码：var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>');
那么今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转换为标准的dom对象
start：
...
How browsers work
- 博客分类：
- JavaScript
Introduction
The browsers we will talk about
The browser's main functionality
The browser's high level structure
Communicat
HTML5 Support in Internet Explorer 9
By Louis Lazaris on September 28th, 2010 | 45 Comments
Last week I posted a chart that listed support for CSS3 features in IE9. This post will consider the extent of IE9 support for HTML5 and related technologies.
The chart is divided into two sections. The f ...
深刻理解js执行原理和闭包
- 博客分类：
- JavaScript
博文写的太长其实不容易理解，经过长期的应用，最近对闭包又仔细想了一下，何种情况下会产生闭包这种现象，总结出一个比较容易理解的说法就是
一个局部变量只要挂在了一个对象链或者function链上就会对这个局部变量产生闭包的效果
一下举例两个
var closer=(function(){
var i=0;
function innerCloser(){
console.log(i++);
}
return innerCloser();
})();
这种情况 ...
本文主要介绍怪异的Javascript，毋庸置疑，它绝对有怪异的一面。当软件开发者开始使用世界上使用最广泛的语言编写代码时，他们会在这个过 程中发现很多有趣的“特性”。即便是老练的Javascript开发者也可以在本文找到一些有趣的新陷阱，请留意这些陷阱，当然也可以尽情享受由这些陷阱 带来的“乐趣”！
函数和操作符
双等号
==操作符比较时会进行类型的强制转换，这意味着它可以比较两个不同类型的对象，在执行比较之前它将会尝试把这两个对象转换成同一个类型，举一个例子：
"1" == 1 //true
然而，这样往往会误导我们，而且我们也不需要这样子来比较。 ...
Raphael path 拖动实现
- 博客分类：
- SVG
让 Raphael 的 Path 动起来
Raphaël 是一个很实用的线上矢量图操作 Javascript 库。使用简单，一个值得一提的卖点是通过抽象出共同的接口屏蔽了 SVG 和 VML 之间的差异，做到了对主流浏览器的支持，包括很不给力的 IE6。（很可惜，并不支持手机 UC 浏览器）
Raphael 对于交互事件也有一定的支持，比如常用的鼠标的拖放操作（Drag and Drop）。在官方网站上也有拖放操作的例子。可惜的是，官方的这个例子的写法只对 Circle，Rect 等有效，但对于 Path 却不起作用。经过一番实践，终于了解了 Raphaël 对于拖放支持的原理，想出了 ...
NumberField控件
整数，小数，数字限制，值范围限制
new Ext.form.NumberField({
fieldLabel:'整数',
在使用extjs 3，或者4 的时候经常在加载数据节点多的时候旁边的滚动条无法使用，推拉，鼠标滚轴都失效，
解决办法
不要使用Extjs Tree 提供的srcoll 功能
加上以下代码scroll : false,
viewConfig : { style : { overflow: 'auto', overflowX: 'hidden' } },
浏览器调用操作系统讲述人功能
- 博客分类：
- JavaScript
TTS是微软推出的一套文字朗读引擎（Text-To-Speech Engine)，我们可以让它来为我们诵读网页中的文字信息，让眼睛休息一下。
在Microsoft Speech SDK 5.1的Samples/Scripts/SimpleTTS中已经提供了一个演示例子，不过是全英文的，在参考修改中遇到了一个问题，即
COM对象Sapi.SpVoice的实例变量的定义代码要和初始化及事件处理代码分开。
也就是说：Sapi.SpVoice的实例变量VoiceObj的定义代码：
[javascript]
Chrome浏览器支持桌面提示，像GMAIL和WEBQQ所用的那样子，它可以跨越浏览器沙盒，通过调用浏览器提供的API来实现，也就是说，即使浏览器最小化了，或者你正在别的桌面下（Linux下），同样也可以收到提示。目前有关Notification的标准还处在草案阶段。
Linux下Chrome15浏览器发出的Notification显示效果
如上图所示效果，感觉Notification目前还很简单，样式无法自定义，会随浏览器或操作系统平台的不同而不同。
我在开发俄罗斯方块的时候大致把整个游戏分拆成了三个大的组件
1：图形构建与变换
2： 按键控制
3：摆位与等分
第一部分先介绍图形构建部分
我玩过好多版本的俄罗斯方块，有些图形种类比较多，但是最基本版的俄罗斯方块大致有其中图形
第一个和第七个各有一个反方向的
只要把图形的算法抽象好，如果移动和变换图形都会是很简单的事情，不然就会出现拖影和闪动的问题
我在构建图形的时候把图形拆分成了主要三部分
1：方块
2：点
3：方向
每一个图形都是由一个个方块堆积而成，一个个方块由