随笔分类 - javascript
摘要：artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口l自适应内容artDialog的特殊UI框架能够适应内容变化，甚至连外部程序动态插入的内容它仍然能自适应，因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。l完善的接口它的接口完善，可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。l细致的体验如果不是在输入状态，它支持Esc快捷键关闭；可指定在元素附近弹出，让操作更便捷；智能给按钮添加焦点；黄金比例垂直居中；超大响应区域特别为ipad等触屏设备优
阅读全文
摘要：每日一例，记录成长轨迹4.自定义右键
阅读全文
摘要：如果你是一名前端博主，你希望通过代码+演示来透彻的讲解一些技巧，并且无缝嵌入你的博客，那么jsfiddle是一个很好的选择。它提供了一个由4各部分组成的界面：HTML 编辑器CSS 编辑器JavaScript 编辑器输出界面你还可以添加一个Ajax echo后端，并且通过一系列的JavaScript框架自动载入资源，如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。还有一个重要特性就是能够保存和分享一个unique URL generated代码，jsFiddle还有一个嵌入的功能。例：网址是：http://jsfiddle.net/
阅读全文
摘要：我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。下面，我尝试用自己的语言，来解释它的设计思想。彻底说明白prototype对象到底是怎么回
阅读全文
摘要：Fancybox的特点如下：可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影，更有立体的感觉Fancybox使用方法：1、引入jquery核心库和Fancybox插件库12<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/j
阅读全文
摘要：从基于浏览器的JavaScript受到关注时起，Document Object Model (DOM) 就是我们绘制所要内容的的地方，也是用户所看到的界面。如果我们想要增强、替换或是向浏览器加载好的HTML添加点什么东西，JavaScript和DOM便是我们所需要的。Dojo旨在使DOM操作变得更加简单、高效，为此Dojo提供了一些方便的函数来解决不同浏览器间恼人的的兼容性问题，并让常用操作更加简洁。为了了解这些函数，我们将操作一个简单的页面，该页面中有一个含有五个元素的无序列表：<!DOCTYPEhtml><html><head><metachars
阅读全文
摘要：定义Dojo是一个用JavaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib, f(m))，这也是为什么叫它a unifined toolkit的原因Dojo的目标是解决开发DHTML应用程序遇到的那些、长期存在 、历史问题，以及DHTML 跨浏览器问题。Dojo能够让你更容易使Web页面具有动态能力，或者在任何能够稳定支持JavaScript语言的环境中发挥作用。通过以上描述，可以看出Dojo的出现是为了解决DHTML（动态的HTML）的问题和跨浏览器，其中DHTML分为三个方面HTML、CSS、客户端脚本要想在不同的浏览器上
阅读全文
摘要：this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test(){ this.x = 1; }随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。请看下面这段代码，它的运行结果是1。 function test(){ this.x = 1; alert(this.x); } test();...
阅读全文
摘要：Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、 生成对象的原始模式假定我们把猫看成一个对象，它有"名字"和"颜色"两个属性。 var Cat = { name : '', color : '' }现在
阅读全文
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){alert(n);} f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){var n=999;} alert(n); // error这里有一个地方需要注意，函数内部声明...
阅读全文
摘要：一、大括号的位置 绝大多数的编程语言，都用大括号（{}）表示区块（block）。起首的大括号的位置，有许多不同的写法。 最流行的有两种。一种是起首的大括号另起一行：block{...} 另一种是起首的大括号跟在关键字的后面：block {...} 一般来说，这两种写法都可以接受。但是，Javascript 要使用后一种，因为 Javascript 会自动添加句末的分号，导致一些难以察觉的错误。return{ key:value;}; 上面的代码的原意，是要返回一个对象，但实际上返回的是 undefined，因为 Javascript 自动在 return 语句后面添加了分号。...
阅读全文
摘要：三层架构和MVC是有明显区别的,MVC应该是展现模式(三个加起来以后才是三层架构中的UI层)三层架构(3-tier application) 通常意义上的三层架构就是将整个业务应用划分为：表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）。区分层次的目的即为了“高内聚，低耦合”的思想。1、表现层（UI）：通俗讲就是展现给用户的界面，即用户在使用一个系统的时候他的所见所得。 2、业务逻辑层（BLL）：针对具体问题的操作，也可以说是对数据层的操作，对数据业务逻辑处理。 3、数据访问层（DAL）：该层所做事务直接操作数据库，针对数据的增添、删除、修改、更新、查找等。MVC是 Model-Vi
阅读全文
摘要：什么是事件？事件(Event)是JavaScript应用跳动的心脏 ，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个 Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。通过使用 JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应。今天的事件在漫长的演变史，我们已经告别了内嵌式的事件处理方式（直接将事件处理器放在 HTML 元素之内来使用）。今天的事件，它已是DOM的重要组
阅读全文
浙公网安备 33010602011771号