XMLHTTP不支持文件上传这种form提交，但是我们可以模拟ajax上传文件:
<iframe name="upload_iframe" style="display: none;"></iframe>
<form target="upload_iframe">
...
</form>
这样form提交时target为一个隐藏的iframe
上传成功后返回的页面里可以加javascript来留为callback，需要注意的是iframe里调用外部DOM时需要这样做:
parent.document.getElementById("upl ...
单引号、双引号、<script></script>标签等等，都可以用Prototype.js的这段代码来escape（sliu真乃JavaScript高人）：
function escapeHTML(str) {
var div = document.createElement('div');
var text = document.createTextNode(str);
div.appendChild(text);
return div.innerHTML;
};
老问题，js和css对跨浏览器兼容问题
在一台电脑上共存IE3 ~ IE7的方法：
先更新到IE7，然后下载安装下面的软件包
官方网站地址：http://tredosoft.com/Multiple_IE
下载地址如下：http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe
添加如下JavaScript：
$.fn.enable_changed_form_confirm = function () {
var _f = this;
$('input[@type=text]', this).each(function() {
$(this).attr('_value', $(this).val());
});
$('input[@type=password]', this).each(function() {
$(this).attr('_value', $(this).val());
});
$('textarea', th ...
Part I: http://thinkweb2.com/projects/prototype-checklist/
1，错:
document.getElementById('foo')
对:
$('foo')
2，错:
var woot = document.getElementById('bar').value
var woot = $('bar').value
对:
var woot = $F('bar')
3，错:
$('footer').style.height = '100px';
$('footer').style.backgroun ...
owasp.org列出十大Web应用漏洞清单：
1, Cross Site Scripting(XSS)
2, Injection Flaws
3, Malicious File Execution
4, Insecure Direct Object Reference
5, Cross Site Request Forgery(CSRF)
6, Information Leakage and Improper Error Handling
7, Broken Authentication and Session Management
8, Insecure Cryptographic Sto ...
原文:Select, Option, Disabled And The JavaScript Solution
今天在工作中需要用到disabled掉一些select的option，结果发现IE6没有实现它。
还好我们下载select-option-disabled-emulation.js文件即可自动完成disabled标记的工作，代码也很少:
/****************************************************************
* Author: Alistair Lattimore
* Website: http://www.latt ...
Jester: JavaScriptian REST介绍了Jester这个JavaScript库，它基于Prototype，用来做RubyonRails的RESTful
Web Service的JavaScript客户端，而且api基本模仿了ActiveResource，所以用起来很简单。
服务端:
class UsersController < ApplicationController
# GET /users.xml
def index
@users = User.find(:all)
respond_to do |format|
...
var array:Array = new Array();
array.push("val 1", "val 2");
array[array.length] = "val 3";
array.unshift("z");
trace(array.shift());
trace(array.pop());
for (var i:int = 0; i < array.length; i++) {
trace(array[i]);
}
trace(ArrayUtilities.findMatchIndices(array, "val"));
a ...
显示最近的整数(四舍五入)
Math.round(204.499) // 204
Math.round(401.5) // 402
指定向上或向下
Math.floor(204.99) // 204
Math.ceil(401.01) // 402
控制精确度
Math.round(90.337 / .01) * .01 // 90.34
Math.round(92.5 / 5) * 5 // 95
Math.round(92.5 / 10) * 10 // 90
由此可以写一个Util类
NumberUtil.round(Math.PI) ...
1，检测用户浏览器安装的Flash Player版本
http://www.adobe.com/software/flashplayer/download/detection_kit
比较搞笑的是ActionScript 3.0有一个flash.system.Capabilities.version属性用来检测Flash Player版本，但是它不能在
Flash Player 8.5之前版本工作，所以这对Flash检测毫无用武之地。
2，检测操作系统
[code]
package {
import flash.display.Sprite;
import flash.syst ...
1，ActionScript 3.0已经完全OO，所有AS代码都必须写在类里
2，AS的package和Java一样是与物理目录对应的，com.hideto.MessageManager类必须保存在com/hideto/MessageManager.as
3，属性声明
private var count:uint;
4，implicit getters and setters
package {
public class Counter {
private var _count:uint;
public function Counter() {
...
1，使用trace来debug程序
package {
import flash.display.Sprite;
public class ExampleApplication extends Sprite {
public function ExampleApplication() {
var userName:String = "Bill Smith";
trace("My name is " + userName + ".");
}
}
}
2，使 ...
method_missing in ActionScript 3/Flex
method_missing in ActionScript 3/Flex
method_missing是Ruby magic中的一员，如果合理使用它可以用来做非常amazing的事情，而不正确的使用也会导致
非常危险的后果。Rails dynamic finders是一个好例子。这里是一些其他的例子。
在AS3中使用Proxy class也可以实现类似method_missing的东西。这里是一个简单的例子:
import flash.utils.Proxy;
import flash.utils.fla ...
Hilog 0.1 release is a demo of Flex & Restful Rails and implements the Login/Logout UserStory.
Use "svn co http://hilog.googlecode.com/svn/trunk/ hilog -r 20" command to checkout Hilog 0.1 source code.
Modify database.yml, "rake db:migrate, "./script/console" and "User.create(:login => 'user', :pa ...
Keeping State on the Client
在第一部分里，我介绍了Cairngorm，一个简化大规模RIA开发中重复出现的复杂性的轻量级技术架构。
在这篇文章里，我描述了在开发企业RIA时面临的挑战 -- 特别是怎样在客户端保存状态。我在Cairngorm Store程序中解释了
这点。你将徐希Cairngorm架构里的两个基本模式:Value Object模式和Model Locator模式。在这篇文章结束时，你将了解
在你自己的Flex程序开发中使用这些模式。
介绍Cairngorm Store
Flex Store程序展示了Flex程序框架的特性。它展示了怎样使用多种l ...
Cairngorm是Adobe Labs上的Flex MVC框架
Cairngorm文档很少，其Wiki上有核心开发人员Steven Webster写了6篇文章来介绍Cairngorm:
Part I - Introducing Cairngorm
Part II - Keeping State on the Client
Part III - Architecting the View
Part IV - Feature-driven Development
Part V - Server-side Integration
Part VI - Rapid and Consistent Dev ...
本文中的demo是一个简单的RSS阅读程序，例子来源于Flex文档。
1，下载Flex Builder 2.0
http://trials.adobe.com/Applications/Flex/FlexBuilder/38036699/FLXB_2.0_Win_WWE.exe
下载非插件版本好了，省去装插件的麻烦
2，新建Flex project，新建BlogReader.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxm ...
JavaScript中没有类，只有原型
JavaScript没有类继承，只有原型继承
对象继承于对象
“new f()”旨在生成一个新对象，并且该对象继承于f.prototype
真正的原型继承:
function object(o) {
function F() {}
F.prototype = o;
return new F();
}
JavaScript的public、private和privileged模式
原文:Private Members in JavaScript
JavaScript是世界上最被误解的编程语言。有人认为它缺少信息隐藏的特性，因为JavaScript对象不能拥有私有变量的方法。
但是这是个误解。JavaScript对象可以拥有私有成员。
对象
JavaScript从根本上就是关于对象的。数组是对象，方法是对象，Object也是对象。什么是对象？对象就是键值对的集合。键是字符串，
值可以是字符串，数字，布尔和对象(包括数组和方法)。对象通常被实现为Hashtable，这样值就可以被快速获取。
...
JavaScript是世界上最被误解的编程语言
由于JavaScript的简单易用，它往往被认为是美工MM们的专属天使
dlee曾经说过，那些至今还认为JavaScript不是一门编程语言的人是xx的
虽然JavaScript发展了十几年，但目前许多现代编程语言的普遍特性还不完全具备，比如namespace/package
现如今JavaScript的广泛使用导致了许多框架级产物如雨后春笋般遍地开花，JavaScript库也亟需namespace/package这种特性支持
而当我们使用第三方库时，如果没有良好的namespace/package支持，我们也很容易陷入变量和函数重名 ...
原文: Code Conentions for the JavaScript Programming Language
这是一篇JavaScript编程代码规范，它由Sun公司的文档Code Conventions for the Java Programming Language激发而来。
由于JavaScript is not Java，这篇规范和Java规范相比有很大改动。
代码质量在软件质量中占很大比例。在软件生命周期里，一个程序会被许多人接手。如果一个程序可以很好的表达自己的结构和特性，则在
不久的将来修改它时就会减少程序崩溃的可能。
代码规范可以帮助减少程序的脆弱性。
我们 ...
2007-7-17 22:30左右
长夜慢慢，无心睡眠，老婆已眠
笔者打开笔记本，翻开这篇老文，愿与君共享之
A(Re)-Introduction to JavaScript
Simon Willison - http://simonwillison.net/
Notes made in preparation for a three hour tutorial at ETech in San Diego, March 6th 2006
目录
介绍
概览
数字
字符串
其他类型
变量
操作符
控制结构
对象
数组
方法
自定义对象
内部方法
闭包
内存泄漏
介绍
我叫Simon Wil ...
Jesse's Bookmarklets Site上有许多免费Web开发书签工具，使用这些工具的步骤很简单:
1，将bookmarklet拖到你的书签工具栏(或者在书签上右键 -> 添加到收藏夹)
2，当你浏览一个页面，想使用某个bookmarklet工具时，点击你的书签工具栏(或收藏夹)里的bookmarklet即可!
有许多非常有意思的bookmarklet小工具，如:
JavaScript Shell
*可以JavaScript访问当前页面
*可以使用Tab键做JavaScript代码补全
*使用Shift+Enter多行输入，使用Enter执行代码
*上、下键浏览输入历史
*输入方法 ...
Datatype manipulation in JavaScript
Type
Copied by
Passed by
Compared by
number
Value
Value
Value
boolean
...
公司要最近接了个Ruby on Rails的美国外包项目，于是我去http://www.radrails.org下载radrails作Ruby的IDE，结果下错了，装了个叫aptana的Eclipse插件。
正纳闷radrails什么时候改名叫aptana了，再次上http://www.radrails.org一看，关于aptana的一段介绍:
The Aptana IDE is a free, open-source, cross-platform, JavaScript-focused development environment for building Ajax applicatio ...
这份指南是对jQeury库的介绍，它需要对JavaScript和文档对象模型(DOM)有基本的了解。它从零开始讲解并解释必要的细节。
该指南讲到了一个简单的hello world例子，selector和event基础，AJAX，FX以及使用和创作plugins。
这份指南不包含"click me"例子，只提供"copy me"代码的意图是激发你来自己尝试例子。Copy一个例子，看看它做什么，并修改它。
目录
1 Setup
2 Hello jQuery
3 Find me: 使用selectors和events
4 Rate me: 使用Ajax
5 Animate me: 使用Effect ...
一，到sun网站下载并安装jdk-6-windows-i586.exe并安装
安装完将%JAVA_HOME%\bin加入你的系统path环境变量中去
二，到adobe网站下载flex_sdk_2.zip
解压，然后将%FLEX_HOME%\bin加入path
三，运行%FLEX_HOME%\samples\build-samples.bat
然后可以用%FLEX_HOME%\player\debug\下的FlashPlayer或者IE来参看%FLEX_HOME%\samples\下的几个demo，其中explorer下面的explorer.swf是各个component的示例和MXML代码 ...
hideto
- 浏览: 612344 次
- 性别:
- 来自: BJ
- 详细资料
搜索本博客
我的相册
共 1 张
最近加入圈子
最新评论
-
深入了解Java ClassLoader ...
当我对字节码编译不知所措的时候,发现了这个帖子 谢谢楼主,目前正在学习ASM C ...
-- by ytzhsh -
Rails里如何结合Exceptio ...
收藏了,小工具,好东西.
-- by yangzhihuan -
使用coderay和railscasts ...
不错，很爽，如果能显示成textmate那样的就好了。
-- by carlosbdw -
Axis2快速上手指南
看得很累,希望楼主写个HelloWorld.谢谢
-- by zznj1123 -
使用coderay和railscasts ...
javaeye自己用的是什么highlight什么的吗？
-- by qichunren
评论排行榜