yuzhongwusan - 博客园

2012年3月8日

摘要：来源：http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数。同上，这里的.. 阅读全文

posted @ 2012-03-08 16:11 yuzhongwusan 阅读(326) 评论(0) 推荐(0) 编辑

js笔记---作用域（执行上下文[execution context]，活动对象）闭包

摘要：（一）作用域：首先，在javascript中的每个函数都是对象，是Funtion对象的一个实例，而Funtion中有一系列仅供javascript引擎存取的内部属性，其中一个便是[[scope]]，它包含了一个函数被创建的作用域中对象的集合，这个集合就是函数的作用域链。当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。例如定义下面这样一个函数： function add(num1,num2){ var sum = num1+num2; return sum; } 在函数add创建时，它的作用域链中会填入一个单独的可变对象，即全局对象，该全局对象包含了所有... 阅读全文

posted @ 2012-03-08 15:59 yuzhongwusan 阅读(3437) 评论(3) 推荐(0) 编辑

2012年3月7日

JSON

摘要： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。本文主要是对JS操作JSON的方法做下总结。在JSON中，有两种结构：对象和数组。 1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。名称用引号括起来；值如果是字符串则必须用括号，数值型则不需要。例如： var o= 阅读全文

posted @ 2012-03-07 16:45 yuzhongwusan 阅读(532) 评论(0) 推荐(1) 编辑

2012年3月5日

10 条建议让你创建更好的 jQuery 插件

摘要：在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。 1. 把你的代码全部放在闭包里面这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务，所以不存在这个问题，你可以把所有的代码都放在闭包里面。而方法可能应该放在P... 阅读全文

posted @ 2012-03-05 15:33 yuzhongwusan 阅读(379) 评论(0) 推荐(0) 编辑

2012年2月29日

flash读取XML文件

摘要：关于XML的简介与编写格式在下在这就不多谈了(因为大家都是聪明人)。对XML的最通常的使用,就是读取出XML文档中所保存的数据。我们来创建这个要被读取的XML文档。你可以用任何一种纯文本编辑器来创建一个XML文档。打开你喜欢的纯文本编辑器，在其中输入下面的代码; (这是一个个人简历）: ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 阅读全文

posted @ 2012-02-29 13:56 yuzhongwusan 阅读(12469) 评论(1) 推荐(0) 编辑

Flash调用XML文件的方法

摘要： Flash中的actionscript2.0关于调用XML的全局函数与方法属性较多，以下只介绍本例中涉及的内容： 1、建立XML对象： var myXML = new xml(); 2、引用XML文件： myXML.load("data.xml"); 3、忽略空格： myXML.ignorewhite = true;/默认的为false 4、处理XML对象的load（xml.load 方法） public load(url:string) : boolean 从指定的 url 中加载 XML 文档，并使用下载的 xml 数据替换指定 xml 对象的内容。该 url 是相对阅读全文

posted @ 2012-02-29 13:56 yuzhongwusan 阅读(3525) 评论(1) 推荐(0) 编辑

2012年2月27日

再谈javascript面向对象编程

摘要：前言:虽有陈皓《Javascript 面向对象编程》珠玉在前，但是我还是忍不住再画蛇添足的补上一篇文章，主要是因为 javascript 这门语言魅力。另外这篇文章是一篇入门文章，我也是才开始学习 Javascript，有一点心得，才想写一篇这样文章，文章中难免有错误的地方，还请各位不吝吐槽指正吐槽 Javascript 初次接触 Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于 Javascript 的语法的简练和不严谨，这种不适也来自 Javascript 这个悲催的名称，我在想网景公司的 Javascript 设计者在给他起名称那天一定是脑壳进... 阅读全文

posted @ 2012-02-27 14:44 yuzhongwusan 阅读(274) 评论(0) 推荐(0) 编辑

Javascript 面向对象编程

摘要：投递人 Astar Javascript 是一个类C的语言，他的面向对象的东西相对于C++/Java 比较奇怪，但是其的确相当的强大，在Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我 Javascript 面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体的角度来说明一下 Javascript 的面向对象的编程。（成文比较仓促，应该有不准确或是有误的地方，请大家批评指正）另，这篇文章主要基于ECMAScript 5，旨在介绍新技术。关于兼... 阅读全文

posted @ 2012-02-27 14:43 yuzhongwusan 阅读(336) 评论(0) 推荐(0) 编辑

2012年2月17日

doctype声明、浏览器的标准、怪异等模式

摘要：群里看到一个面试题，doctype 标准(严格)模式(Standards Mode)、怪异(混杂)模式(Quirks Mode),如何触发，区分他们有何意义？而且据说是笔试题，汗。现在对做题比较感兴趣，so整理份答案（不保证满分。而且如果我做笔试题，每天打字，很多汉字都写不出了，只能让考官看拼音了。。虽然能答出个一二，但肯定没此文详细了）：触发标准模式1、加DOCTYPE声明,比如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml 阅读全文

posted @ 2012-02-17 14:01 yuzhongwusan 阅读(5649) 评论(3) 推荐(1) 编辑

2012年2月14日

JavaScript中isPrototypeOf函数

摘要： JavaScript中isPrototypeOf函数方法是返回一个布尔值，指出对象是否存在于另一个对象的原型链中。使用方法：object1.isPrototypeOf(object2)其中object1为必选项,一个对象的实例。object2为必选项,另一个对象，将要检查其原型链。如果 object2 的原型链中包含object1，那么JavaScript中isPrototypeOf函数方法返回 true。原型链可以用来在同一个对象类型的不同实例之间共享功能。如果 object2 不是一个对象或者 object1 没有出现在 object2 中的原型链中，JavaScript中isProto 阅读全文

posted @ 2012-02-14 16:09 yuzhongwusan 阅读(1532) 评论(0) 推荐(2) 编辑

html 打印

摘要：【转载，出处未知，】，红色内容已测试，其余未测试。在打印HTML页面时控制分页2011年12月22日星期四下午 9:31打印分页功能:page-break-after, page-break-before根据资料上的说法,应该是这么用的:<style type=“text/css“>.pageEnd {page-break-after:always}</style>然后在需要强制分页的地方用:<br class=“pageEnd“>IE与FF的分页打印问题前几天遇到个问题，不大，但很头痛，原因是一个HTML页面中的table太大了，打印出来自动分页显示。阅读全文

posted @ 2012-02-14 14:50 yuzhongwusan 阅读(14543) 评论(0) 推荐(1) 编辑

2012年2月13日

js创建对象的几种常用方式

摘要：第一种模式：工厂方式 Js代码 varlev=function(){return"啊打";};functionParent(){varChild=newObject();Child.name="李小龙";Child.age="30";Child.lev=lev;returnChild;};varx=Parent();alert(x.name);alert(x.lev()); 说明： 1.在函数中定义对象,并定义对象的各种属性，,虽然属性可以为方法，但是建议将属性为方法的属性定义到函数之外，这样可以避免重复创建该方法 2.引用该对象的时阅读全文

posted @ 2012-02-13 17:19 yuzhongwusan 阅读(547) 评论(0) 推荐(0) 编辑

JS函数浅析之constructor、prototype属性

摘要：函数是JS里很神奇的一位童鞋。那么如何创建一个函数呢？简单来说有下面几种形式： 1、定义式 function a() {} 2、声明式 var a = function() {}; // 把一个匿名函数赋给一个变量 3、构造函数 var a = new Function(); // 用Function来实例化一个对象函数有什么用呢？封装，重用，对吧，把一些动作封装起来，让其他童鞋可以重复调用【使用()操作符即可】。函数按照功能分，可以分为： 1、普通函数；普通函数就是一般方法的封装跟重用，如上面的a； 2、构造函数；构造函数用来实例化一个对象，像是一道菜... 阅读全文

posted @ 2012-02-13 14:26 yuzhongwusan 阅读(1188) 评论(0) 推荐(0) 编辑

js apply/call/caller/callee/bind使用方法与区别分析

摘要：一、call 方法调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)。 Js代码 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 Js代码阅读全文

posted @ 2012-02-13 10:56 yuzhongwusan 阅读(1539) 评论(0) 推荐(1) 编辑

程序员第一定律：关于技能与收入

摘要：在软件这个行业里有些规则是很有杀伤力的，比如很有名的摩尔定律。总结出这些规则的意义在于可以大致的照明方向，免得努力来努力去却走到了阴沟里。现实中种种利益纷争、观点之争看似纷繁，但在大时间尺度下来看却都是规则的实现手段。这就好比下围棋，每一手都要为谋得利益而计算，但结局却只有三种：赢、输或和，这就是规则的力量。民以食为天，所以第一定律从收入开始。程序员第一定律可以表述为：程序员的收入是技能复杂度和技能实现可能性的函数。如果程序员的工资是S，社会平均水平的工资为A，程序员掌握的技能复杂度为C，实现可能性为P。那么S=AxCxP。这里面的实现可能性P不太好理解，额外做点说明。 ... 阅读全文

posted @ 2012-02-13 09:41 yuzhongwusan 阅读(892) 评论(0) 推荐(0) 编辑

2012年2月9日

HTML5语音输入（淘宝语音搜索）方法

摘要：谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可，例子如下： <input type="text" x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。语音输入其他属性： lang 这玩意可以强制输入框里面的语音的语言种类，例如 <input type="text" x-webkit 阅读全文

posted @ 2012-02-09 09:36 yuzhongwusan 阅读(2797) 评论(1) 推荐(0) 编辑

2012年2月8日

Flowplayer-一款免费的WEB视频播放器

摘要： Flowplayer 是一个开源（GPL 3的）WEB视频播放器。您可以将该播放器嵌入您的网页中，如果您是开发人员，您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。 Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。 1、加载flowplayer.js 在要播放视频的页面的head之间加入flowplayer.js。 <scripttype="text/javascript"src="js/flowplayer-3.2.6.min.js" 阅读全文

posted @ 2012-02-08 10:47 yuzhongwusan 阅读(67172) 评论(5) 推荐(2) 编辑

jQuery+CSS实现的图片滚动效果

摘要：本例实现了一系列图片滚动的效果，适合用在需要展示图片库或合作伙伴友情链接图片之类的网站首页。可以控制图片滚动的速度、自动/手动滚动图片、支持鼠标悬停等。 XHTML <divclass="bx_wrap"><divclass="bx_container"><ulid="demo1"><li><imgalt="#"width="140"height="94"src="img/s1.jpg">< 阅读全文

posted @ 2012-02-08 10:38 yuzhongwusan 阅读(24101) 评论(1) 推荐(1) 编辑

2012年2月6日

现代浏览器的工作原理

摘要：简介浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。根据W3C（World Wide Web Consortium 万维网联盟）的浏览器统计数据，当前（2011年9月），Firefox、Safari及Chrome的市场占有率综合已快接近50％。（原文为2009年10月，数阅读全文

posted @ 2012-02-06 13:41 yuzhongwusan 阅读(767) 评论(0) 推荐(0) 编辑

2012年2月3日

JavaScript 作用域链解析

摘要：最近看了下JavaScript方面的几本书，把里面的一些核心概念按照自己的理解做个总结。 JavaScript中有Scope(作用域)，Scope chain(作用域链)，Execute context(执行上下文)，Active Object (活动对象),Dynamic Scope(动态作用域)，Closure(闭包)这些概念，要理解这些概念，我们从静态和动态两个方面去分析一下。首先我们写一个简单的function来做一个例子： function add(num1, num2){ var sum = num1 + num2; return sum; } ... 阅读全文

posted @ 2012-02-03 16:54 yuzhongwusan 阅读(489) 评论(0) 推荐(0) 编辑

转载：Javascript作用域原理

摘要：问题的提出首先看一个例子: var name = 'laruence';function echo() {alert(name);var name = 'eve';alert(name);alert(age);}echo(); 运行结果是什么呢? 上面的问题, 我相信会有很多人会认为是: laruenceeve[脚本出错] 因为会以为在echo中, 第一次alert的时候, 会取到全局变量name的值, 而第二次值被局部变量name覆盖, 所以第二次alert是’eve’. 而age属性没有定义, 所以脚本会出错. 但其实, 运行结果应该是: undefine 阅读全文

posted @ 2012-02-03 16:53 yuzhongwusan 阅读(369) 评论(0) 推荐(0) 编辑

2012年2月2日

JavaScript中的值类型和引用类型

摘要：一、拥抱JavaScript 曾经名不经传的JavaScript随着AJAX的流行而身价倍增，现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具，甚至有了专门属于它的职位“JavaScript工程师”，那怕你仅仅是一名WEB后台开发程序员，你都必须了解JavaScript，至少在一些相关招聘职位要求上你可以看到“熟悉JavaScript优先”的字眼。甚至我还要告诉你，你将可以用JavaScript开发桌面软件，这得益于Adobe AIR的另外一种开发模式，即用HTML+CSS+JavaScript开发AIR。二、值类型和引用类型话题随着部分有大型面向对象语言基础朋友. 阅读全文

posted @ 2012-02-02 10:58 yuzhongwusan 阅读(306) 评论(0) 推荐(0) 编辑

2012年2月1日

JavaScript 秘密花园 http://bonsaiden.github.com/JavaScript-Garden/zh/

摘要：简介JavaScript 秘密花园是一个不断更新，主要关心 JavaScript 一些古怪用法的文档。对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议，初学者可以籍此深入了解 JavaScript 的语言特性。 JavaScript 秘密花园不是用来教你 JavaScript。为了更好的理解这篇文章的内容，你需要事先学习 JavaScript 的基础知识。在 Mozilla 开发者网络中有一系列非常棒的 JavaScript 学习向导。译者注：文中提到的 ES5 是 ECMAScript 5 的简写，是 ECMAScript 标准语言的下一版本，正在... 阅读全文

posted @ 2012-02-01 16:22 yuzhongwusan 阅读(3929) 评论(3) 推荐(1) 编辑

面向对象的 Javascript （声明篇）

摘要：有时间重新审视了遍 Javascript 的面向对象机制。与其他的语言不同，Javascript 可以说提供了更灵活的面向对象机制（比如 function 在完成其自身功能的同时也是对象）。由于才疏学浅，我不得不将《Javascript 高级程序设计》中的部分内容摘抄过来，这些同时也算是我的读书笔记吧。由于 Javascript 面向对象机制及其的重要，而且内容非常的繁多，在这里就分篇章逐个介绍。使用对象首先就是声明它（内置的对象当然就不需要了）。该死的 Javascript 总是会让我们死去很多的脑细胞，这篇文章主要说明下声明 Javascript 类的... 阅读全文

posted @ 2012-02-01 16:14 yuzhongwusan 阅读(371) 评论(0) 推荐(0) 编辑

2012年1月31日

插件：Firebug扩展插件FireQuery

摘要：之前也不知道看了哪篇文章的介绍，在火狐上装了FireQuery插件，一直没去注意它的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码，可以点击查看对应的绑定事件。最近的一些使用，发现了FireQuery的好处，特别是在测试动态生成 DOM以及数据测试上很是方便。关于FireQuery的简介和安装就不多说了，访问：http://firequery.binaryage.com/。 1. 标签绑定事件查看打开Firebug的HTML Tab，在一些绑定了事件的HTML标签上可以看到一些事件数据：点击... 阅读全文

posted @ 2012-01-31 09:51 yuzhongwusan 阅读(3933) 评论(0) 推荐(1) 编辑

2012年1月30日

程序员三大世界观如何看待HTML5

摘要：作为程序员，面临着多种技术趋势并存以及逐步被替代的现状，比如HTML5将会代替Flash，Android占据移动开发的半壁江山等，那么程序员如何从中选择优势的技术，从而不会在技术大潮中被淘汰成为了重中之重，今天给广大的程序员介绍一些必须要了解的技术以及，如何从整体看待这些技术趋势。观点一：HTML5是趋势，但不是你的优势 HTML5是趋势，但它绝对不是最佳选择，现阶段它无法给你银弹。那为什么它会如此之热，而火热的背后又会给你带来什么?微软、谷歌、苹果等各大厂商纷纷瞄准HTML5，这将是他们瓜分 Web的最佳武器，谁利用的好，谁就会赢得最终的胜利。在这惊心动魄的战役中，谁也不服... 阅读全文

posted @ 2012-01-30 16:30 yuzhongwusan 阅读(1485) 评论(1) 推荐(1) 编辑

[翻译]函数：声明和表达式

摘要：昨天看了一篇文章《命名函数表达式探秘》，但我对函数表达式和声明之间的区别还是不太清楚，所以查了些资料，翻译了这篇文章。文章很基础，但是讲的很清晰。以下译文：函数：声明和表达式函数，像变量一样，可以在代码的任意地方定义它。 JS 提供了几个方法去定义它们。 1.函数声明 (Function Declaration) 2.函数表达式 (Function Expression) 3.通过调用new Function 返回。语法创建一个函数的基本方法是通过一个函数声明。语法如下： functionf(arg1, arg2, ...) {... 阅读全文

posted @ 2012-01-30 10:55 yuzhongwusan 阅读(3624) 评论(5) 推荐(2) 编辑

2011年12月28日

如何设置网页中页眉页脚的打印效果

该文被密码保护。阅读全文

posted @ 2011-12-28 21:38 yuzhongwusan 阅读(2) 评论(0) 推荐(0) 编辑

2011年12月22日

使用 HTML5 开发离线应用

摘要：郭宗宝, 软件工程师, IBM 简介：Web2.0 技术鼓励个人的参与，每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能，让用户在没有网络的地方（例如飞机上）和时候（网络坏了），也能进行内容撰写，等到有网络的时候，再同步到 Web 上，就大大方便了用户的使用。HTML5 作为新一代的 HTML 标准，包含了对离线功能的支持。本文介绍了 HTML5 离线功能中的离线资源缓存、在线状态检测、本地数据存储等内容，并举例说明了如何使用 HTML5 的新特性开发离线应用。HTML5 离线功能介绍 HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在... 阅读全文

posted @ 2011-12-22 16:57 yuzhongwusan 阅读(2254) 评论(0) 推荐(0) 编辑

html5 Web开发：防止浏览器假死的方法

摘要：在Web开发的时候经常会遇到浏览器不响应事件进入假死状态，甚至弹出“脚本运行时间过长“的提示框，如果出现这种情况说明你的脚本已经失控了。一个浏览器至少存在三个线程：js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。 JavaScript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来然后加以处理，浏览器无论再什么时候都只有一个JS线程在运行JS程序。 GUI 渲染线程负责渲染浏览器界面，当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行。但需要注意 GUI渲染线程与JS引擎是互斥的，当J... 阅读全文

posted @ 2011-12-22 14:40 yuzhongwusan 阅读(2606) 评论(0) 推荐(0) 编辑