摘要：
DOM 层次DOM1包括2个部分，分别为Core和HTML。DOM1 core提供了一系列文档结构的基本接口，同事定义了外部XML文档的接口。HTML1 提供了比DOM1更高层的接口，使得操作文档变得更为方便，所有的属性和方法都可以直接和XML、HTML进行交互DOM2DOM2包含六个部分，分别为 Core 、Views 、Events、 Style、 Traversal、 Range 和 DOM2 HTMLMozilla支持DOM2的大部分特性DOM Level 1The DOM Level 1 specification is separated into two parts: Core 阅读全文
随笔档案-2012年07月
转：浏览器的用户代理字符串
2012-07-29 18:32 by @影子@, 468 阅读, 收藏,
摘要：
每个浏览器都有它自己的用户代理（user agent）字符串，里面包含了浏览器和操作系统等信息。通过使用这个字符串，我们可以处理跨浏览器的差异。用户代理字符串保存在 navigator.userAgent 变量中，一些常见浏览器的取值如下（稍有精简）：MSIEMozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET4.0C; .NET4.0E)FirefoxMozilla/5.0 (Windows NT 5.1; rv:10.0.3) Gecko/20100101 Firefox/10.0.3SafariMozilla/5.0 ( 阅读全文
获取鼠标选择的文本内容之JavaScript代码
2012-07-27 17:35 by @影子@, 419 阅读, 收藏,
摘要：
想研究划词翻译玩意, 做个演示Demo,其中无非就是使用到Ajax, 但主要问题是如何获取到用户划取得内容,然后发送给服务器翻译, 显示返回结果.其中获取鼠标划取文本内容的JavaScript如下:<script type="text/javascript">function getSelectText(){ var txt = null; if (window.getSelection){ ... 阅读全文
打开Word时总是出现 “Microsoft Office Word 需要 VBA 宏语言支持来完成此操作
2012-07-21 12:09 by @影子@, 1032 阅读, 收藏,
摘要：
打开Word时总是出现“Microsoft Office Word 需要 VBA 宏语言支持来完成此操作。”和一大堆对话框怎么解决？启动Word，选择“工具 → 宏 → 安全性”，将“安全级” 调到“非常高”；切换到“可靠发行商”，将所有来源都删除，取消下方两个复选框的勾选，最后单击“确定”返回即可。打开word提示无法执行命令 无法执行语言识别在工具菜单下点击 语言——设置语言，打开后看到“不检测语法和拼写”、“自动检测语言”选项，把勾选去掉后，重新打开Word，故障解决。 阅读全文
转：10个javascript简写/优化技巧
2012-07-20 13:04 by @影子@, 287 阅读, 收藏,
摘要：
javascript简写(JavaScript shorthand)是每一个javascript开发者必须掌握的技术，最少的代码获得最大的性能!1. 判断是否为空(Null, Undefined,”)当创建新的变量，有时你需要检查引用变量的值是否为null或undefined。实例:if (variable1 !== null || variable1 !== undefined || varia... 阅读全文
JavaScript中值的固有布尔属性及其比较
2012-07-19 09:24 by @影子@, 563 阅读, 收藏,
摘要：
固有的布尔属性值在js中存在一个固有的布尔值。以下的值总是false的，他们是：false0"" (空字符串)nullundefinedNaN (Not-a-Number)另外，有些值是true的，"0" (0在引号中)，"false"(false在引号中)，空函数，空数组，空对象。vara=!!(0);//variableissettofalsevarb=!!("0");//true 固有false值的比较false、 0 、"" (空字符串) 是相等的，并且可以进行比较varc=(false 阅读全文
转:互联网协议入门
2012-07-18 16:59 by @影子@, 174 阅读, 收藏,
摘要：
原文链接：http://www.ruanyifeng.com/blog/2012/05/internet_protocol_suite_part_i.html我们每天使用互联网，你是否想过，它是如何实现的？全世界几十亿台电脑，连接在一起，两两通信。上海的某一块网卡送出信号，洛杉矶的另一块网卡居然就收到了，两者实际上根本不知道对方的物理位置，你不觉得这是很神奇的事情吗？互联网的核心是一系列协议，总称... 阅读全文
用例子验证w3c的stack-level在不同浏览器中的显示
2012-07-17 15:29 by @影子@, 1004 阅读, 收藏,
摘要：
z-index是我们非常熟悉的属性，用来确定定位元素在垂直于显示屏方向的层叠顺序 需要明确的是仅仅作用于定位元素，relative和absulute有效。没有继承性。 stack-level不同于z-index，在每一个stacking context中的每个box都有一个stack level， 值大的显示在上，值小的显示在下，同一stack-level的遵循后来居上的原则. w3c规定的stack-level规则 1、定位元素：父级的背景、边界 2、定位元素：z-index为负值的定位元素 3、非定位元素（文本流中）：block块级元素 4、非定位元素（文本流中）：flo... 阅读全文
Jquery的简写
2012-07-16 14:51 by @影子@, 1322 阅读, 收藏,
摘要：
jquery大大简化了js的dom操作。除此之外，jquery还特别的注重自身的修炼，极力推崇瘦身。于是乎有些不可不知的常用jquery简写，在此一一总结。$(docment).ready(function(){…})简化为$(function(){…})$(selector).bind('click','function(){…}')简化为$(selector).click(function(){…})另外，toggle和hover有些相通，还有一个toggleClass和前面这两个函数有点共性。看例子，自动的在moveover和moveout的时候执行： $ 阅读全文
函数式编程----stream.js
2012-07-11 16:10 by @影子@, 374 阅读, 收藏,
摘要：
http://www.aqee.net/stream-javascript-lib/http://www.aqee.net/docs/stream/http://streamjs.org/stream.js 是一个很小、完全独立的Javascript类库，它为你提供了一个新的Javascript数据结构：streams.<scriptsrc='stream-min.js'></script>下载 stream.js 2Kb minifiedstreams是什么？Streams 是一个操作简单的数据结构，很像数组或链接表，但附加了一些非凡的能力。它们有什么 阅读全文
JS创建对象的几种方法
2012-07-11 15:28 by @影子@, 2554 阅读, 收藏,
摘要：
题外话：昨天手欠，试图用alert(window.appName)到ff之下去查看浏览器版本，结果弹出的竟然是Netscape，咋不是 firefox。继而又跑去chrome下试验，又一次弹出了Netscape。baidu搜 Netscape 竟然发现js就出自Netscape公司。惭愧啊惭愧！！！研究了这么久的js都不认识祖师爷。于是又跑去找了找族谱，原来js出自Brendan Eich之手，95年他创造js时候，也不过就31岁。哎呀，真是白活了，如他一般老的我，到现在都学不会js，真是人比人气死人。。js当初设计的时候，没有想到自己能从一部打电话用的手机变成集拍照，上网，游戏，电话于一身的 阅读全文
Nicholas C. Zakas如何面试前端工程师
2012-07-10 23:59 by @影子@, 223 阅读, 收藏,
摘要：
2010年01月8日Web开发,原创,翻译Original Post：Interviewing the front-end engineerNicholas C. Zakas，2010年1月5日翻译完成：2010年1月7日，最后更新：2010年1月10日面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的摸索，我总结出了自己的一套很有效的面试前端工程的方法。有的应聘者说我不好对 阅读全文
如何解决闭包只能取得包含函数中任何变量的最后一个值
2012-07-10 15:43 by @影子@, 543 阅读, 收藏,
摘要：
下面的例子中，每个函数都返回的是10。因为每个函数的作用域链中都保存着createFunction()函数的活动对象，所以他们引用的都是同一个变量function createFunction(){ var result = new Array(); for (var i=0 ; i <10 ; i++ ) { result[i] =function(){ return i; } } return result;}var funcs = createFunction();for (var i=0;i... 阅读全文
arguments.callee
2012-07-10 15:23 by @影子@, 172 阅读, 收藏,
摘要：
arguments.callee是一个指向正在执行的函数的指针，在编写递归函数时，arguments.callee总是比使用函数名要保险。function factorial(num){ if(num<=1){return 1;} else{ return num*arguments.callee(num-1); }}var c = factorial;factorial = null;alert (c(4)); 阅读全文
关于javascript中apply()和call()方法的区别
2012-07-10 14:06 by @影子@, 175 阅读, 收藏,
摘要：
ref：http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply,call两个方法的运用上.区分apply,call就一句话,. 阅读全文
ECMAScript 继承机制实现
2012-07-09 17:26 by @影子@, 173 阅读, 收藏,
摘要：
今天应该花时间研究的文章Safe Factory Pattern - Private instance state in JavaScripthttp://www.codeproject.com/Articles/133118/Safe-Factory-Pattern-Private-instance-state-in-JavECMAScript 继承机制实现http://www.w3school... 阅读全文
有用的工具函数
2012-07-09 16:41 by @影子@, 197 阅读, 收藏,
摘要：
本文摘自《Javascript权威指南》8.7节Page146对象工具函数var obj = {}; // <=> new Object(); // Add 'prop1'obj.prop1 = 1; // Add 'prop2'obj.prop2 = 2; // Delete 'prop1'delete obj.prop1; // Change value of 'prop2'obj.prop2 = 3;//Return a array that holds the names of the enumerable p 阅读全文
Javascript闭包模拟私有成员
2012-07-09 15:53 by @影子@, 330 阅读, 收藏,
摘要：
通过闭包可以使得外部原型方法无法访问到内部的成员。如下例所示，原型方法返回的是undefined，这是因为闭包存在于Immutable中，导致无法访问到getWidth和getHeight。function ImmutableRectangle(w,h){ this.getWidth = function () { return w; } ; this.getHeight = function () { return h; } ;}ImmutableRectangle.prototype.area = function(){ return this.getWidth()*this.getHei 阅读全文
this关键字
2012-07-09 14:02 by @影子@, 182 阅读, 收藏,
摘要：
在javascript中，必须为属性显式的指定this关键字 。 写成 return this.width*this.height如果觉得必须在每个实例字段前都使用this前缀很不好看，那么可以在自己的每个方法中使用with语句Rectangle.prototype.area = function() { with(this){ return width*height; }}【参考文章】http://www.quirksmode.org/js/this.htmlhttp://www.cnblogs.com/georgewing/archive/2009/09... 阅读全文
ECMAScript的世界
2012-07-07 12:05 by @影子@, 223 阅读, 收藏,
摘要：
ECMAScript， 这个从JavaScript和JScript演变而来的标准，现在已经进化为第三版，而这棵大树已经繁衍了好多枝叶了。看看这张由jQuery的创始人 John Resig建立的ECMAScript族谱，你会惊讶的发现原来好多都不知道啊，呵呵。原文：http://ejohn.org/blog/the-world-of-ecmascript/原文作者：John Resig以下是对原文的翻译：我做了一些搜索和挖掘工作，并把找到的资料联系起来，得出的结果很有趣，我把它叫做"ECMAScript的世界".(授权方式：GPL v2[SVG])这 是一个关于ECMASc 阅读全文
js原型链原理看图说话
2012-07-07 11:49 by @影子@, 2062 阅读, 收藏,
摘要：
任何一个对象都有一个prototype的属性，在js中可以把它记为：__proto__当初ECMAscript的发明者为了简化这门语言，同时又保持继承的属性，于是就设计了这个链表。。在数据结构中学过链表不，链表中有一个位置相当于指针，指向下一个结构体。于是乎__proto__也一样，每当你去定义一个prototype的时候，相当于把该实例的__proto__指向一个结构体，那么这个被指向结构体就称为该实例的原型。文字说起来有点儿绕，看图说话var foo = {x: 10,y: 20};当我不指定__proto__的时候，foo也会预留一个这样的属性，如果有明确的指向，那么这个链表就链起来啦。 阅读全文
JavaScript 技巧与高级特性
2012-07-07 00:30 by @影子@, 160 阅读, 收藏,
摘要：
null 与 undefinedJavaScript 中一共有 5 种基本类型，分别是 String、Number、Boolean、Null 和 Undefined 。前 3 种都比较好理解，后面两种就稍微复杂一点。 Null 类型只有一个值，就是 null ； Undefined 类型也只有一个值，即 undefined 。 null 和 undefined 都可以作为字面量（literal）在 JavaScript 代码中直接使用。null 与对象引用有关系，表示为空或不存在的对象引用。当声明一个变量却没有给它赋值的时候，它的值就是 undefined 。undefined 的值会出现在如 阅读全文
JavaScript 开发进阶：理解 JavaScript 作用域和作用域链
2012-07-06 22:45 by @影子@, 177 阅读, 收藏,
摘要：
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域 任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。 1. 全局作用域（Global Scope） 在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：... 阅读全文
函数的可选参数
2012-07-06 15:10 by @影子@, 458 阅读, 收藏,
摘要：
js的函数可以以任意数目的参数来调用，而不管函数定义中的参数名字有多少个。当调用一个函数的参数少于声明的参数个数的时候，其他参数就有一个undefined的值。某些参数为可选的并且在调用函数的时候可以忽略要做到这一点，必须为忽略掉的参数分配一个合理的默认值。或者指定为null~~~否则不指定的话 会显示 undefined。。function testOptionalParameter(a,b,c... 阅读全文
JS字符串的slice和splice
2012-07-06 14:52 by @影子@, 902 阅读, 收藏,
摘要：
常用的是join，不常用的reverse sort concat都是顾名思义然后还有一对彼岸花，那就是slice和splice。。本是同根生啊···但是 一刀下去 slice在左，splice右，永不相见啦。需要注意的是数组剪掉了就是剪掉了的···比如一个c=d.splice(4);，，，之后d就剩下d.slice(0, 4)啦pop和push是很常用的···但是这两个是作用于数组的最后面··相当于栈···而shift和unshift则是反方向的· 阅读全文
lemon老师今天教我的招
2012-07-06 13:46 by @影子@, 296 阅读, 收藏,
摘要：
1.如何FQlinux版http://www.lllusion.com/347.htmlwindows版http://maolihui.com/goagent-detailed-version-of-the-tutorial.html2.怎样让我的shell变得五颜六色 以前的shell黑黑白白，好不难看。瞅瞅旁边的lemon大师~竟然是五颜六色的~ 于是乎偷学到了一招..用 oh-my-zsh 这个位置会教你如何安装oh-my-zsh。。https://github.com/robbyrussell/oh-my-zsh/ 首先要查看是不是已经有curl和wget，如果没有的话要先安装，然后就 阅读全文
jQuery对象和DOM对象的区别
2012-07-04 15:28 by @影子@, 229 阅读, 收藏,
摘要：
jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var domOb... 阅读全文
[转]淘宝网的设计流程
2012-07-04 00:14 by @影子@, 306 阅读, 收藏,
摘要：
淘宝面试的最后一个环节，是请应聘者向面试官提问，使面试官有机会解答应聘者对公司、团队以及工作等等方面的疑问。在我面试过的设计师当中，大约有三分之一会问我：“淘宝的设计流程是怎麽样的？”我不是很瞭解问这个问题的人为什麽会有如此高的比例。也许这是一个“安全”的问题，不会对面试有什麽危害；也许目前设计师在工作中普遍碰到“流程”问题或“没有流程”的问题；也许这个话题涉及各家公司的“机密”，确实无从找到相关的资料。总而言之，虽然来面试淘宝的设计师人数有限，但我斗胆假设：目前国内所有网页设计师中的三分之一想瞭解更多关于“设计流程”方面的知识，而我们也不认为这是什麽“机密”的话题(我瞭解的各公司设计过程都八 阅读全文
转：理解Progressive enhancement
2012-07-03 15:26 by @影子@, 282 阅读, 收藏,
摘要：
转自：http://ued.taobao.com/blog/2008/10/09/understanding-progressiveen-hancement-chs-translation/自 1994 年开始，Web 开发社群就擂起了名为“平稳退化 (Graceful Degradation)” 的大鼓。这是一个从工程界引入的概念，其主旨是为那些最新最好的浏览器提供更全方位的浏览体验，而对不幸使... 阅读全文
JqueryUI的使用方法
2012-07-03 11:14 by @影子@, 689 阅读, 收藏,
摘要：
jquery ui是 jquery官方推出的配合jquery使用的用户界面组件集合！包含了许多的界面操作功能，如我们常用的表格排序，拖拽，TAB选项卡，滚动条，相册浏 览，日历控件，对话框等JS插件~~可以很方便的开发用户界面上的功能，使得您的开发工作事半功倍~~不用写繁琐的JS代码~ 下载地址：http://ui.jquery.com/download 下载后会发现里面有很多的JS文件，也有D... 阅读全文
内家武功招数
2012-07-02 16:13 by @影子@, 190 阅读, 收藏,
摘要：
迭代开发，价值优先；分解任务，真实进度站立会议，交流畅通；用户参与，调整方向结对编程，代码质量；测试驱动，安全可靠持续继承，尽早反馈；自动部署，一键安装定期回顾，持续改进；不断学习，提高能力 阅读全文
hover！= mouseover+mouseout。但hover=mouseenter + mouseleave
2012-07-02 16:05 by @影子@, 331 阅读, 收藏,
摘要：
才不久想模仿淘宝和qq空间最上面那种书包滑上去就显示一个下拉菜单的效果，结果发现在ie6下面鼠标在div里面移动会不停的出发mouseover事 件，正纳闷，在网上找到这篇文章，其实在api里面也有解释，只是没看到，相信有同样问题的朋友看了这篇文章也会有所启发的以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动... 阅读全文
谈谈button标签和input标签的区别
2012-07-02 13:32 by @影子@, 268 阅读, 收藏,
摘要：
一句话概括主题：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 <button>和<input> 规范中指名：可以用<button>和<input>来做表单按扭。但<button>比<input>支持更丰富的表现功能。 <button>比<input>更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里，而是包含在... 阅读全文
转：Http post和 Get的本质区别
2012-07-02 10:19 by @影子@, 267 阅读, 收藏,
摘要：
本文转载自：http://blog.csdn.net/gideal_wang/article/details/4316691Ajax不是一个新生的语言，它是一系列语言的结合体：HTML/XHTML、CSS、DOM、XML、XSLT、XMLHttp、JS。以往我们浏览网页的原理是由：client向server提交页面申请，再由sever将申请通过Http传回给client生成浏览页面使用ajax之后... 阅读全文
IE的hasLayout属性
2012-07-02 09:54 by @影子@, 240 阅读, 收藏,
摘要：
介绍这篇文章是已经有的 hasLayout 文章的总结。 更新：hasLayout 已经从IE8标准模式中移除，但是在IE-7兼容版本中依然存在。为什么会 hsa Layout？微软的IE使用相当落后的表现引擎（毫无疑问，因为IE基于Mosaic)。在古老的使用table的时代，几乎所有的元素（除了inline内容）都是一个盒子，没有办法让内容逃出单元格（teble cell）的禁锢，对单元格来说... 阅读全文
浙公网安备 33010602011771号