WEB前端开发

用javascript写网页编辑器，获取textarea中的光标位置和选取的文本是一个非常常见的问题。今天用jQ封装了这么一个插件。

在Firefox，safari,chrome,opera的标准浏览器下获取这些textarea中的光标位置非常简单：

function Selection(obj)
var start =obj.selectionStart;
var end = obj.selectionEnd;
return {"start":start,"end":end}
}

google提供的10个javascript Frameworks 外连：

jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

jquery UI

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

Chrome Frame

<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>

swfobject

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

mootools

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

Yahoo! UI

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.1/build/yuiloader/yuiloader-min.js"></script>

Prototype

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>

Ext.JS

<script src="http://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>

Dojo

<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.4.3/dojo/dojo.xd.js"></script>

Scriptaculous

<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>

项目应用：当一项操作完成后，肯能会给某个图片，音乐打分，或者积分增加，平淡的将数值改变用户一点没什么直观的感觉，当然要突出这个加分效果有很多，我这里只是实现了一种：

数字会放大且半透明显示，当放大到最大尺寸时，数值加上分值，然后，数字执行还原的动画，大小透明度均复原。

点此查看demo：http://www.css88.com/demo/awarded_marks/awarded_marks.html

原文地址：Fastest way to build an HTML string

第一种：逐个字符串相加

var arr = ['item 1', 'item 2', 'item 3', ...],
list = '';

for (var i = 0, l = arr.length; i < l; i++) {
list += '<li>' + arr[i] + '';
}

list = '<ul>' + list + '</ul>';

这种最常见的，但是效率最低！代码逻辑相对来说复杂。

第二种：逐个 push 进数组

var arr = ['item 1', 'item 2', 'item 3', ...],
list = [];

for (var i = 0, l = arr.length; i < l; i++) {
list[list.length] = '<li>' + arr[i] + '';
}

list = '<ul>' + list.join('') + '</ul>';

比上一种方法稍微快一些，但还是不够好…

第三种：直接join()

var arr = ['item 1', 'item 2', 'item 3', ...];

var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';

使用原生的方法（比如 join()），不管它后面是怎么实现的，一般都比其他方法快很多，而且代码非常简洁。

浏览器性能

每种方法是使用一个长度为 130 的数组来测试，其中每个元素的长度是多种多样的，防止浏览器对一定长度的字符串做特殊的优化；每种方法测试了 1000 次；下面的结果显示，执行完这 1000 次需要的时间：

原文地址：http://andrewdupont.net/2006/09/09/viewport-dimensions-in-javascript/

一个JavaScript获得页面区域大小的代码，兼容性很好！

 var Client = {
      viewportWidth: function() {
        return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
      },
 
      viewportHeight: function() {
        return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
      },
 
      viewportSize: function() {
        return { width: this.viewportWidth(), height: this.viewportHeight() };
      }
     };

使用：Client.viewportHeight();

JavaScript已经发展成为进行Web客户端编程的标准语言。它有大量的语言资源，但是对开发的支持并不完备。大多数使用JavaScript的开发人员更倾向于用原来的方法进行调试，但是现在有很多工具来减轻测试和调试的负担。

Visual Studio 2008将是一个非常激动人心的版本，包含了成堆的强大的功能。其中一个新特性就是更加完善的支持对JavaScript的调试及IntelliSense功能。Visual Studio 2008其实是开发JavaScript程序最优秀的IDE，对JavaScript的代码诱导能力最强，而且还可以进行断点跟踪调试调试。在本文中，将展示的这两方面的特性，希望为JavaScript的编辑及调试带来新开发方式，但愿读者能寻找到一款更好的JavaScript开发工具。
JavaScript 智能感知(Intellisense)功能

继续阅读：vs2008的JavaScript 语法提示(Intellisense)功能»