js资料

• JSConf.eu
• JSConf 2010 汇总一些资料
• Douglas Crockford's Wrrrld Wide Web 2
• ecmascript
• Javascript 森林(jsforest)
• Sizzle src - JavaScript CSS selector.
• JS1K, 1k Javascript contest
• JSMock JSMock node-jsmock @google.code
• JSCoverage
• jsdt - Debug javascript in ie,firefox,chrome,safari,opera and all browsers support ajax
• Perfection Kills
• JSMentors
• JavaScript 秘密花园
• JavaScript 之神 Douglas Crockford 座談會 (@ OSDC 會前技術饗宴)
• The cost of privacy

JavaScript MVC

• Backbone
• backbone mini-book
• 前端 MVC - 豆瓣说

Syntax

• google-styleguide - Style Google JavaScript 编码规范指南 guides for Google-originated open-source project.
• Code Conventions for the JavaScript Programming Language
• JQuery Core Style Guidelines
• Douban Javascript Core Style Guideline

闭包

• 闭包 (计算机科学)
• Javascript Closures
• 什么是闭包
• Javascript Closures 中文 2
• 学习Javascript闭包（Closure）
• 作用域链 词法作用域 与 闭包（一） （二）

UI

• Calendar/DateTime
  • My97 DatePicker - 蛮强大的日期时间控件。
• TreeView
  • jsTree^2^
  • eXtree eXtree—(Extended XTree) 扩展Xtree.
• DataGrid/Table
• 12款Javascript表格控件(DataGrid)
• Select UI

• Rotate Image

Tips

• 不询问关闭窗口

  window.opener = null;
  window.close();
  

tr.rowIndex

位于字符串加法拼接的表达式中，三元符号需要被括在括号中，否则下面的表达式报错。

var a = null;
"" + a ? a.toString() : ""

需要：

var a = null;
"" + (a ? a.toString() : "")

Javascript 性能的细节

BUGs

• The dreaded Operation Aborted error - IE “操作已取消”的问题。
• 理解并解决IE的内存泄漏方式 2 3 4
  Understanding and Solving Internet Explorer Leak Patterns
• Javascript内存泄漏

由标点符号不正确造成的变量未预定义，成为全局变量而导致框架页的名字被修改， 然后指定到这个框架页的导航失效，全部在_self中打开。示例代码：

function(){
    var key = "key";
        name = "name",
        desc = "desc";
}

• IE运行时设置name属性的BUG
• Creating Dynamic Forms with MVC and jQuery
• document.createElement()赋值name属性，在IE下的疑问
• ie 下使用 name 属性

WYSIWYG Editor

• XHEditor
• KindSoft
• wmd - The Wysiwym Markdown Editor
• Vim-like Web Editor
• jsvi - 让 TextArea 也可以用 Vi，待改进。
• vim.js - jsvim

Framework

• Vapor.js - The World's Smallest & Fastest JavaScript Library. @github
• ComoJS - 国产Javascript框架。
• Rapid framework Rapid javascript validation rramework
• rapid-framework @google.code
• Coffee Script 一种可编译成 JavaScript 的小型语言，提供了一些不错的特性。
• RequireJS JavaScript file and module loader.
• sea.js
• CommonJS
• PhantomJS

测试

• Web 2.0 浏览器端可靠性测试，第 1 部分: 带你走进 Web 2.0 浏览器端可靠性测试
• Web 2.0 浏览器端可靠性测试，第 2 部分: 如何发现和分析 Web 2.0 浏览器端的内存泄漏
• js-test-driver - 牛X测试工具，顺便尝试开发一个基于 Vim 的插件试试。
• JavaScript Performance Rundown (翻译)JavaScript性能测试 2
• Javascript性能测试工具 FireJSPT @google.code
• JSBenchmark
  • Web Browser Javascript Benchmark

Project

• ZKoss
• jsPerf : JavaScript performance playground.
• php.js
• Underscore.js DocumentCloud Projects

Tools

• evilpie/jsctags
  • Getting jsctags to work with taglist.vim
  • DoctorJS
  • Vim, Javascript, DoctorJS (jsctags) and Taglist (Source code browsing).
  • Tagging Javascript source code : jsctags
• jslint
  • JSLint
  • JavaScript Lint
  • Fork of hallettj/jslint.vim JSLint的Vim插件，支持高亮显示错误代码以及Quickfix模式。Fork过来打了个读取~/.jslintrc的小补丁。 JsLint Helper - 在 sign 栏显示验证状态。 Closure Linter
• Google Closure Compiler
  • Google Closure Tools
  • Closure Compiler Service
  • Google Closure Compiler with PHP
  • Google Closure Compiler压缩优化规则初探
  • 使用Google 的Closure Compiler来压缩javascript
  • 在项目中使用Google Closure Compiler
  • Mac下用Closure compiler
  • JS 库浅析之 Google Closure
  • Closure Compiler 高级模式及更多思考
• YUI
  • TBCompressor 2.4.2
  • TBCompressor for Vim
• Closure Compiler vs YUICompressor
• Minify JS
• Javascript Docs
  • jsDoc-toolkit^2^
  • Helper tools & scripts
  • JsDoc Toolkit:Javascript文档利器
  • jGrouseDoc
• JsUnit @github JsUnit
• FireUnit @github
• QUnit @github
• Less
• jsbeautify
  • Online Javascript jsbeautifier github, vimscript
  • js beautifier - plugin for Chrome.
• Auto execute Yuicompressor - 保存时自动压缩，也支持 Google Closure Compiler, less ，代码同见 gist#182971。
• Jasmine - BDD for JavaScript
• repl.it

• thomasfrank.se
• OkSoClap: Open-Sourced! - 一款轻巧的在线协作文档编辑工具，支持多种文件格式。
• JsFiddle
• Share JavaScript, HTML5 and CSS

User-Script

• Greasemonkey 2
• Dive Into Greasemonkey
• Dive into Greasemonkey 中文翻譯計畫
• 深入浅出 Greasemonkey
• userscripts.org
• 如何为greasemonkey开发userScript
• GreaseMonkey 简介与使用教程
• User Script Compiler
• GreaseMonkey 开发教程

Detector

• Detecting event support without browser sniffing
• Browser detect blog
• Using the navigator object to detect client's browser
• Browser Detect - Description
• mobile
  • Detect Mobile Browser
  • Auto detect mobile browser (via user-agent?)

MD5

• JavaScript md5 - php.js
• Javascript MD5
• JavaScript MD5

Games

• 辣妈.植物大战僵尸
• JS游戏引擎列表
• 地址栏游戏

Books

• DOM Scripting: Web Design with JavaScript and the Document Object Model
• Eloquent JavaScript: A Modern Introduction to Programming - Online.
• JavaScript: The Good Parts
• ppk on JavaScript
• Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries
• Professional JavaScript for Web Developers
• Secrets of JavaScript
• slideshare:Secrets of JavaScript Libraries
• High Performance JavaScript - WebDirections USA 2010

Error

• JavaScript Error

screen

IE: Internet Explorer, F: Firefox, O: Opera. Screen 对象属性

属性	描述	IE	F	O
availHeight	返回显示屏幕的高度(除 Windows 任务栏之外)	4	1	9
availWidth	返回显示屏幕的宽度(除 Windows 任务栏之外)	4	1	9
bufferDepth	设置或返回调色板的比特深度。	4	-	-
colorDepth	返回目标设备或缓冲器上的调色板的比特深度。	4	1	9
deviceXDPI	返回显示屏幕的每英寸水平点数。	6	-	-
deviceYDPI	返回显示屏幕的每英寸垂直点数。	6	-	-
fontSmoothingEnabled	返回用户是否在显示控制面板中启用了字体平滑。	4	-	-
height	返回显示屏幕的高度。	4	1	9
logicalXDPI	返回显示屏幕每英寸的水平方向的常规点数。	6	-	-
logicalYDPI	返回显示屏幕每英寸的垂直方向的常规点数。	6	-	-
pixelDepth	返回显示屏幕的颜色分辨率（比特每像素）。	-	1	9
updateInterval	设置或返回屏幕的刷新率。	4	-	-
width	返回显示器屏幕的宽度。	4	1	9

screen

屏幕对象 反映了当前用户的屏幕设置。

width

返回屏幕的宽度（像素数）。

height

返回屏幕的高度。

availWidth

返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。

availHeight

返回屏幕的可用高度。

colorDepth

返回当前颜色设置所用的位数 -1：黑白；8：256色；16：增强色；24/32：真彩色

console

• Blackbird