JavaScript -- IT技术博客大学习 -- 共学习共进步！

• JQuery实现Excel表格呈现

1.jQuery.sheet 插件简介：jQuery.sheet 是一个用于创建 Web 电子表格的 jQuery插件，其功能及界面风格和微软的 Excel 非常相似，可以根据需要重新定义布局，重新样式化需要的风格。下载地址：http://jqueryplugins.weebly.com/jquerysheet.html 2.csv2table 插件简介：csv2table是一个加载CSV文件，来使页面上呈现表格形式的插件。下载地址：http://plugins.jquery.com/project/csv2table 3.DataTables 插件简介：DataTables是...

• 字符引用和空白字符

看到最近有讨论，前些日子刚好也收集过一些资料，补充如下：字符引用在 html 中，有三种字符引用方式（参考 HTML5 规范）： Named character references, 通过名称来引用。在 HTML 4.01 中称之为 Character entity references（字符实体引用）比如 < > ", 这里有一份详细列表 named-character-references Decimal numeric character reference, 通过十进制数值来引用。比如 å &...

• Fastest JavaScript Trim

1. trim1 中使用的正则优化：pre-check of required character and start of string anchor, 在最新的 JS 引擎中已经内置。trim4 也得到了非常好的优化，比 trim1, trim2 都快。

2. trim8 在 IE 中依旧非常有优势。这是因为 IE 对 \S\s (any character token) 有非常好的优化。另外 ?: (non-capturing group) 对性能也有提升。

3. trim10 是非正则实现方案，速度飕飕的。原文中指出关键点：正则在处理过程中无法直接跳转到字符串末尾，从而导致在处理长字符串时耗时稍长。

• 获取Dom元素的X/Y坐标

现在Web页面的交互方式越来越多样化，其中拖放页面元素也是一种很常见的操作。在这类操作当中有两个主要问题需要解决，一个是事件的注册方式，一般处理拖放元素的事件顺序是：捕获鼠标正键按下――注册鼠标移动事件――捕获鼠标正键抬起――注销鼠标移动事件；另一个问题就是拖放元素的位置，即X/Y坐标。这里我主要来讲述后面的问题：如何获取一个Dom元素的坐标。当今已有很多的JS框架封装了获取Dom元素的坐标的方法，我们可以直...

• YUI3设计中的激进和妥协

相信每个前端工程师都有自己喜爱的javascript框架，说情感也好，道信仰也罢，javascript框架带给人的不仅仅是便捷的开发，更有一种纯粹的逻辑美感，不管是jquery曼妙的简洁，还是yui魔术般的沙箱，都使我们产生无穷的想象。然而，js框架却又必然无法做到面面俱到的完美无瑕，比如jquery在OO方面做出的让步，以及yui在性能上做的牺牲，无不给人传达一种缺憾美、一种理想的现实主义。今天，我们来看看yui3在框架设计中的这些牺牲和让...

• The Deferred Evaluation of YUI 3

JS 的加载速度，包括下载和运算两部分（参考 JavaScript Library Loading Speed）： Total_Speed = Time_to_Download + Time_to_Evaluate 运算（evaluate）又可细分为解析（parse）和执行（execute）。对于动态语言来说，解析和执行是交替进行的。考虑加载速度时，一般放在一起考虑。通常来说，下载时间是影响 JS 加载速度的关键。这方面的优化已经很成熟，比如 Compressor, GZip, Cache 等等。 evaluation 部分，目前主要优化...

• 用javascript悬停效果改善你的在线商店的12种方法

我不得不承认在网页设计中我是一个钟情于“hover”或者“mouseover”功能（即悬停效果）的狂热分子。任何一个点击或者弹出窗口都会吸引作为消费者的我。我注意到一些零售商创造性地利用这种效果，远不止一般的图片放大或者弹出菜单。以下是我大爱的一些收集。

• 12种不宜使用的Javascript语法

这几天，我在读《Javascript语言精粹》。这本书很薄，100多页，正好假日里翻翻。该书的作者是Douglas Crockford，他是目前世界上最精通Javascript的几个人之一，也是Json格式的创造者。他认为Javascript有很多糟粕。因为1995年，Brendan Eich设计这种语言的时候，只用了三个月，很多语言特性没有经过深思熟虑，就推向了市场。结果等到人们意识到这些问题的时候，已经有100万程序员在使用它了，不可能再大幅修改语言本身了。

• vim的一个js代码整理的插件jsbeautify.vim

今天无意中发现这样一款插件，众所周知，js在正式上线的时候一般都会经过压缩来减少容量，而一旦你拿到的是这样一个经过压缩的js代码，估计看的头都大了，而这款插件，可以很简单的将j...

• Javascript Selectors 入门篇

为初学者简单地介绍什么是Javascript Selectors, 如何使用Javascript Selectors, 从原理上理解它...

• 如何给JavaScript文件传递参数

在如何给 JavaScript 文件传递参数一文中，介绍了一种传参方式：这种方式看起来最漂亮最容易被后台程序员接受，但没有考虑到缓存因素。由于参数一般都是变化的，上面的方式会导致 js 文件每次都重新下载，实在是很糟糕。特发此文，警醒！

• 可能被你忽略的 JavaScript 代码陷阱

下面这段代码，你知道有哪些错误吗： var g_bar = \"bar\"; function foo(container, config) { var container = container || document, name = config.name || \"无名氏\", isLive = config.isLive || true; var g_bar = g_bar || \"\"; if(g_foo) { [...]

• scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offset...

• JS+CSS实现隔行换色

JS+CSS实现隔行换色

• javascript 验证例子,让你精通js

题目和答案，让你更加了解JS

• javascript各种各样的验证方法(正则表达式)

绝对有用，项目中绝对也常用代码

• JavaScript性能优化--创建表格

JavaScript创建表格的方法很多。方法1：可以使用createElement方法来创建table，tbody，tr，td，然后使用createTextNode创建文本，最...

• JavaScript性能优化--创建文档碎片

爱好前端开发的我先后从事过Java开发，JavaScript，CSS开发等，已经工作两年+了。目前就职于亚信中国(Asiainfo)，担任前端开发和创新工作。忠心希望所有的读者在这里都能够有收获和进步，同时也希望大家多多支持CssRain。这是我的最大心愿。Best Regards。讲这个方法之前，我们应该先了解下插入节点时浏览器会做什么。在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，...

• 都是转义惹的祸

在做一个跳转页面时出现一个bug，是引号引起的，原始代码基本如下

• 用 Jquery 模拟 select

用 Jquery 模拟 select