浏览 326 次
|
该帖已经被评为隐藏帖
|
|
|---|---|
| 作者 | 正文 |
|
时间：2008-04-15
不论是浏览器还是操作系统，对中文的支持已经有了长足的进步，但是在一些细节方面仍然存在不足。比如，在windows文件浏览时，我们可以通过按下文件夹名的首字母来快速定位文件夹，但是对于文件夹名为中文的文件夹却无能为力。类似的，在网页浏览中，也存在类似问题。这种问题不会妨碍使用，但却伤害体验。本文分两部分，第一部分简单介绍基于javascript的拼音字典的构造方法；第二部分简单介绍几个应用。
经过这几步，简单的字典基本设计好了:字典下载（13k）。这个文件，如果用浏览器直接下载保存，是未Gzip压缩版，约40k。压缩版需要用下载工具下载，约13k。 字典应用举例 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
|
时间：2008-04-15
非常不错，很实用的东西
|
| 返回顶楼 | |
|
时间：2008-04-15
NB！
应用三:关键词筛选 好像不可以连续输入首字母拼音筛选？ 比如我输:h 输出：河北省 黑龙江省 河南省 湖北省 湖南省 海南省 接着输:hb 没有显示“河北省”，就提示没有匹配项了？ |
| 返回顶楼 | |
|
时间：2008-04-15
查询速度还算快
而且比较全，碰到多音字可能会有点问题，据项目具体情况而定，如果多音字很重要的话可以找个多音字字典结合使用一下 |
| 返回顶楼 | |
|
时间：2008-04-15
HexUzHoNG 写道 NB！
应用三:关键词筛选 好像不可以连续输入首字母拼音筛选？ 比如我输:h 输出：河北省 黑龙江省 河南省 湖北省 湖南省 海南省 接着输:hb 没有显示“河北省”，就提示没有匹配项了？ 这个是全拼音匹配，不是匹配首字母，你可以居于自己的需求重写一下，就好了 |
| 返回顶楼 | |
|
时间：2008-04-15
这段代码中那个大数组在写法上还是有一定的压缩空间的。
提一个优化建议: 例： javascript:new Array(10).concat([12,34,56]).concat("asdasdad,as,da,sdasdad,asda,sd".split(',')) 那个大数组可以通过例子中用到的一些技巧，进一步压缩。 |
| 返回顶楼 | |
|
时间：2008-04-15
Why not localeCompare()?
引用 JavaScript提供了一种更简便的方法用于比较两个字符串——localeCompare()，localeCompare()使用本地特定的顺序来比较两个字符串，语法如下：
string.localeCompare(target) 参数target是要与string进行比较的字符串。 如果string小于target，则localeCompare()返回小于0的数； 如果string大于target，返回大于0的数； 如果相等（或按照本地顺序的约定两者顺序相当），则返回0。 利用该方法替换上面冗长的作法后，除了代码减少了之外，运行速度也快了不少，而且还支持其它字符库的本地排序。 修改后代码如下： <script type="text/javascript">
<!--
function startSort(){
var a=document.getElementById('s').value;
a=a.split(',')
a.sort();
document.getElementById('r1').value=a;
a.sort(function(a,b){return a.localeCompare(b)});
document.getElementById('r2').value=a;
}
//-->
</script>
</head>
<body>
<p>包含汉字的字符串数组(用逗号","隔开)：<br />
<textarea id="s" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10">张韶涵,b土,abort,张学友,something,苹果,五月天,刘德华,香蕉,apple,范玮琪,阿桑</textarea></p>
<p style="text-align: center"><input type="button" value="排序测试" onclick="startSort()" style="width: 300px" /></p>
<p>默认排序结果：<br />
<textarea id="r1" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10"></textarea></p>
<p>汉字拼音顺序排序结果：<br />
<textarea id="r2" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10"></textarea></p>
</body>
</html>
该方法目前已作为ECMAScript v3标准，在支持JavaScript 1.5（Mozilla、Netscape 6+）以及JScript 5.5（IE 5.5+）的浏览器中均得到了支持。 |
| 返回顶楼 | |
