JavaScript - 随笔分类 - springside5

《JavaScript DOM编程艺术》学习回顾4

摘要：今天写到了这本书的第四章，这书的第四章主要是对一个例子进行研究，这个例子是JavaScript图片库，就是上边看到的这个网页图片库效果。把整个图片库的浏览链接集中安排图片库的网页里，只要用户点击了这个网页中的某个图片链接时才把相应的图片显示在我们的眼前，在这章中我自己感觉最大的收获就是知道了默认行为的问题，有些链接（或者别的东西）点击时既跳到了href指定的网页中，又执行了onclick事件所指定的函数。我们本来想执行onclick所指定的函数，但是被点击链接的默认行为也会被调用，从而出现了意外的效果，有些时候这是我们不想看到的，为了阻止默认的行为，我们需要加上一些东西。书上有几句话我感觉说. 阅读全文

posted @ 2012-05-29 18:56 springside5 阅读(206) 评论(0) 推荐(0)

文本滚动元素 marquee 研究报告

摘要：不知道各位 JavaScript 开发者有没有关注过 W3C 在中国的官方教学网站： http://www.w3school.com.cn/此网站非常全面，并且内容也很完整丰富。不过今天不是广告时间，因为我发现了一个 FireFox, Chrome, IE, Safari 都能支持的某 HTML 标签，这个网站上竟然没有介绍！那就是 <marquee>，多么常用的文字滚动标签啊～接下来是我对此元素的分析结果，经考察公网上常见资料，已经很全了。把 marquee 元素放入 FireBug 中观察，可以看到如下几个比较特别的属性和方法。标签属性behavior 滚动方式，有三种支持的值阅读全文

posted @ 2012-05-29 13:47 springside5 阅读(573) 评论(0) 推荐(0)

JavaScript网页特效学习笔记2

摘要：今天又从书上和视频中学到了几个网页常见的JavaScript特效，也知道了几个在html页面中很少用到的属性。1、按钮只能被单击一次上网的时候可能会看到当单击按钮之后，就不能再次的单击了，直到经过几秒钟后，才可以进行单击，其实这是用表单的那些元素的disabled属性来设置的，如果元素的值为真，则元素不可用，反之，则可用。<html> <head> <title>这个页面的按钮只能被单击一次</title> <script type="text/javascript"> </script> </h 阅读全文

posted @ 2012-05-25 19:06 springside5 阅读(162) 评论(0) 推荐(0)

JavaScript网页特效学习笔记1

摘要：在网络中有许多的特效都是用JavaScript编写的，这几天通过看书和看视频，简单的学习了几个网页常见的特效，和大家分享一下。1、使HTML页面反向显示我们浏览网页的时候，都是正向显示的。可以通过html的dir属性可以设置网页的反向显示，一些其他的控件都有这个属性，控制文本的显示方向。<html dir="rtl">//rtl代表从右向左显示，默认是ltr <head> <title>html页面反向显示</title> </head> <body> 本页面的是反向显示的。 </body> 阅读全文

posted @ 2012-05-23 15:14 springside5 阅读(233) 评论(0) 推荐(0)

《JavaScript DOM编程艺术》学习回顾3

摘要：今天回顾一下第三章。学到了第三章的时候，感觉终于学到了重点的地方，这本书的第三章主要是对DOM的基本解释和一些常用的方法等。文档对象模型DOM(Document Object Model).1、文档：DOM中的“D”DOM中的“D”是document（文档）的意思，如果网页中没有文档，DOM这个词也就没什么意义了。当你打开浏览器时，文档就出现了。对于浏览器打开的网页来说，我们就看成是一个文档。2、对象：DOM中的“O”DOM中的“O”是object（对象）的意思，在javascript中用的最多的就是对象，常用的有用户子自定义的对象，内置对象，宿主对象。通过DOM的方式获取到标签后，标签已经变阅读全文

posted @ 2012-05-16 18:14 springside5 阅读(153) 评论(0) 推荐(0)

Ajax完成一个简单的HelloWorld程序

摘要：学习JavaScript的时候，学到了Ajax的部分，觉得它很有意思，便照着书上的例子写了一个最简单的Ajax的HelloWorld的例子。Ajax是“Asynchronous JavaScript and XML”的意思，即（异步JavaScript和XML），通常用来实现网页中局部的刷新，我们看到看到的谷歌地图，谷歌建议都是Ajax技术。首先写一下服务器端的后台xml代码：<?xml version="1.0" encoding="UTF-8"?><HelloWorld> <data> 我是后台的HelloWorl 阅读全文

posted @ 2012-05-12 16:30 springside5 阅读(302) 评论(0) 推荐(0)

《JavaScript DOM编程艺术》学习回顾2

摘要：JavaScript DOM编程艺术学习笔记2JavaScript的语法这本书的第2章主要就是JavaScript的一些基础语法而已。语法就是指在语言结构方面的各项规则，使用语言时必须遵守的规定，JavaScript的语法与Java和C++的语法非常相似。1、语句用JavaScript编写的脚本，与其他语言编写出来的脚本一样，都由一系列指令构成，这些指令就叫做语句（statement）。对于语句来说只要简单的把各条语句放在不同的行上就行，也可以把语句放在同一行上，注意不管是在同一行还是任意行都要加上“；”，这是一种良好的编程习惯。2、注释在JavaScript中，我们常常在脚本中写一些仅供自己阅读全文

posted @ 2012-05-10 17:45 springside5 阅读(102) 评论(0) 推荐(0)

JavaScript中对象的定义和继承的几种方式

摘要：前几天看张龙老师讲的JavaScript视频的时候，觉得老师讲的很好，继承和定义对象这很有意思，又查了几本书和一些资料，也慢慢的记住了这几种对象的定义方式和继承，但是日后，我可能会忘，所以写成博客和大家分享一下，并且做一下总结，我本来想看一看javascript高级程序设计这本书是怎么说的，可以图书馆刚上一天这书，就被人给借走了，只好等他换回去我在看了，我会慢慢的对这篇文章进行扩充。定义对象的几种方式：1）基于已有对象的扩充其属性和方法这种方式是创建一个自定义对象的最简单方式，然后可以为他添加属性和方法，如下所示var person = new Object();person.name=&qu 阅读全文

posted @ 2012-05-07 22:37 springside5 阅读(187) 评论(0) 推荐(0)

Javascript总结之语言基础

摘要：本篇文章是从http://blog.csdn.net/csh624366188曹胜欢的博客转载的JavaScript脚本语言作为一门功能强大、使用范围较广的程序语言，其语言基础包括数据类型、变量、运算符、函数以及核心语句等内容。本篇文章主要介绍JavaScript脚本语言的基础知识一：基础常识1.脚本执行顺序：JavaScript脚本解释器将按照程序代码出现的顺序来解释程序语句，因此可以将函数定义和变量声明放在<head>和</head>之间，此时与函数体相关的操作不会被立即执行。2.大小写敏感：JavaScript脚本程序对大小写敏感，相同的字母，大小写不同，代表的意阅读全文

posted @ 2012-05-02 22:04 springside5 阅读(224) 评论(0) 推荐(0)

《JavaScript DOM编程艺术》学习回顾1

摘要：前阵子开始学习JavaScript，学到了DOM的时候，便从读书馆借了一本书《JavaScript DOM编程艺术》（第二版），便开始学习起来，发现这本书讲解的很好，也学到了很多的知识，现在快看完了，先慢慢复习一下吧！第一章的内容。1、 JavaScript的起源JavaScript是NetSpace公司与Sun公司合作开发的。在JavaScript1.0发布时，网景公司主宰者浏览器的市场，微软的IE则扮演追赶着的角色，微软在IE3的时候发布了自己的VBScript语言，同时以Jscript为名发布了第一个版本，就这样很快就追上了网景公司，面对微软公司的竞争，网景公司和Sun公司联合ECM. 阅读全文

posted @ 2012-04-30 22:28 springside5 阅读(127) 评论(0) 推荐(0)

Dojo1.7动画特效详解

摘要：在本教程中我们将会探索Dojo1.7工具包提供的JavaScript特效，这些特效将给你的页面和网站创造酷炫的效果！本文由Oliver翻译自：Dojo Effects本文是对dojo1.6同名教程的更新，并使用了1.7版中最新的写法。在翻译过程中参考了1.6版的译文：dojo 1.6 官方教程：手把手教你创建HTML5 JavaScript 动画特效引言在前面的一系列教程中，我们已经学习了如何使用并操作DOM节点，处理DOM事件。但是当我们在对DOM节点进行操作时，有些转换会显得突兀：例如删除一个节点，在用户看来它就会在页面上突然消失，有时这种突然变化可能会误导用户。使用Dojo提供的标准特阅读全文

posted @ 2012-04-24 13:20 springside5 阅读(384) 评论(0) 推荐(0)

通过 JSP 直接往 JavaScript 程序中放数据。解答百度知道的一个问题。

摘要：zhaoyunxiang72 的问题：http://zhidao.baidu.com/question/410944469.html我看了问题，看了追问的内容。在这里总结回答一下。JavaServerPages ，也就是 JSP ，可以在表面上看起来把 Java 运行时变量的值直接写入发给客户端的文件。利用这种特性，令其动态生成 JavaScript 或者 HTML 都是很方便的开发方法。虽然我觉得运行效率不太好吧……怎么能够把 Java 变量保存的数据，通过 JSP 机制写入 JavaScript ，然后用起来呢？首先，如果要在 JavaScript 中获取值，那么就应该是一个变量，或者有返阅读全文

posted @ 2012-04-17 02:21 springside5 阅读(164) 评论(0) 推荐(0)

JavaScript 面向对象编程，严格过程的标准化编程法，目前为止最好的 JS 生成对象代码结构

摘要：JavaScript 面向对象编程作者：Shane Loo Li历史：初版 2012-4-15 Sunday Shane Loo Li 修改首次初始化对象和类加载的执行顺序 2012-4-16 Monday Shane Loo Li市面上流行了很多 JavaScript 面向对象的编程方法，其中不少都有好些问题。这里总结最正确的 JavaScript 面向对象编程模式。对于类 Special 继承自类 Common 继承自类 Super 的情况，一个 Special 对象的创建，详细说来，应该经历以下步骤。1 确定继承关系1.1 读取 Special 的父类，发现是 Common1.2 读.. 阅读全文

posted @ 2012-04-16 16:29 springside5 阅读(265) 评论(0) 推荐(0)

Dojo Dnd - 拖拽功能实战

摘要：本文翻译自：http://www.sitepen.com/blog/2011/12/05/dojo-drag-n-drop-redux/原文作者：Colin Snover译者：Ruan Qi拖拽（dojo/dnd）作为Dojo的基础功能之一，可视化地支持页面元素或对象在多个容器之间拖放。Dojo/dnd还支持同时拖拽多个对象；另外还可以制定规则过滤拖放对象的目标容器，比如“桌子”应该被放在“家具”容器内，而不该放在“家电”容器中。下面通过一个有趣的故事，开始我们的Dojo拖拽功能实践。1 单个容器内的拖拽首先来介绍一下Dylan，Dylan这家伙最大爱好就是收集二手旧货。刚才他决定把一部分旧货阅读全文

posted @ 2012-03-20 10:26 springside5 阅读(891) 评论(0) 推荐(0)

富互联网应用程序中多个构件之间的通信

摘要：原文：http://www.sitepen.com/blog/2011/11/07/communicating-between-widgets-in-a-rich-internet-application/作者：Ken Franqueiro译者：Liu Yang (fdliuyang@gmail.com)作为我们十月（译者注：2011年）份举行的免费Dojo 支持活动的一部分，我们收到来自Manu Subramanian提出的关于如何在富互联网应用程序中管理多个不同控件之间通信的如下问题：我们正在用dojo构建一个应用。它的有多个互相关联的界面组件。例如，页面顶部有一个包含多个下拉按钮的工具条阅读全文

posted @ 2012-03-14 23:35 springside5 阅读(148) 评论(0) 推荐(0)

Gridx入门

摘要：原创英文版链接：https://github.com/evanhw/gridx/wiki/Introduction-to-Gridx虽然同样都是基于Dojo store，但与DataGrid/EnhancedGrid相比，Gridx有一套完全不同的架构。它有以下特点：Gridx采用了一套与UI无关的内核来处理所有的表格数据的逻辑操作。Gridx采用了一套灵活的模块化系统，它与基于plugin的EnhancedGrid架构不同，这种模块化架构不仅能提配置各种表格特性的灵活性，并且当一些功能不使用时，能够减少运行代码的大小。Gridx开发了一套简洁直接的API，使得各模块之间实现真正的松耦合。本阅读全文

posted @ 2012-02-15 23:53 springside5 阅读(511) 评论(0) 推荐(0)

dojox.app:单页面应用框架

摘要：本文翻译自：http://www.sitepen.com/blog/2011/09/30/dojox-app-a-single-page-application-framework/原文作者：Colin Snover译者：Oliverdojox.app是一个小型的应用框架，它提供了一组类，用于管理部署在移动设备或桌面系统上的单页面应用的生命周期和行为。其主类Application用来管理应用的生命周期，并且能够方便地对其进行修改，扩展出额外的自定义功能。一个Application实例包含一些Scene对象和View对象，这些对象提供了可视的用户界面。所有的视图、场景、依赖模块、以及一些其他关于阅读全文

posted @ 2011-11-29 10:00 springside5 阅读(261) 评论(0) 推荐(0)

用纯Javascript打造类似NodeJS的模块载入系统

摘要：NodeJS的模块系统有两个重要的特点：1. 模块中直接用var定义的变量是仅作用与当前模块的，而不是全局。2. 每个模块中都可以使用require和module这两个“全局变量”。之所以打上引号，因为它们其实是每个模块都有的通用实例，不同模块中的实例是不一样的。也许你会认为这两个特性和我们在浏览器中使用的Javascript性质有很多不同，一定是NodeJS运行环境提供的native特性，那就不一定了。尽管没有研究过NodeJS是如何实现的，但是我们用纯Javascript完全可以做出一样的模块系统。这其实只要要用到一个Javascript中很少用的语法：new Function()。Jav 阅读全文

posted @ 2011-11-15 15:22 springside5 阅读(241) 评论(0) 推荐(0)

Dojo JSONP 入门

摘要：JSON with Padding (JSONP)现在已经成为浏览器端跨域访问资源的常用解决方法。在本教程中，将会介绍JSONP是什么，并告诉你如何使用它来跨域获取数据。难度：初学者Dojo版本：1.6作者：Dustin Machi原文：Getting Jiggy with JSONP开始上手Dojo内置的Ajax模块提供了一套简单而强大的接口来动态获取资源。然而，浏览器的跨域安全策略会限制你使用XHR请求另一个域下的资源。这该怎么办呢？越来越多的现代浏览器开始遵循W3C的Cross-Origin Resource Sharing 规约来提供跨域请求的能力，但是，并不是所有浏览器都这么做了，并阅读全文

posted @ 2011-10-25 10:32 springside5 阅读(331) 评论(0) 推荐(0)

CSS 动画指南：原理和实战（二）

摘要：简介：无论动画以何种技术载体呈现，无论是传统的手绘动画，还是电脑生成的3D动画，也无论是用Flash还是CSS，动画的基本原理和设计准则都未曾变过的。在这篇文章中，我们会先解释CSS动画的基本概念，并且介绍使用CSS创建动画的要点。我们以一个例子贯穿始终，利用传统动画的准则来逐步构建这个动画。接上篇CSS 动画指南：原理和实战（一）作者： Tom Waterhouse原文连接：http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/#more-105 阅读全文

posted @ 2011-10-12 10:10 springside5 阅读(219) 评论(0) 推荐(0)

随笔分类 - JavaScript