文章列表

JavaScript 千分位算法

https://gist.github.com/748249

v1:

1function commfy0(n){
2    var a = n.toString().split(".");
3    var i = a[0].length%3;
4    var prefix = (a[0].substr(0,i)+a[0].substr(i).replace(/(\d{3})/g,",$1")).replace(/^,/, "");
5    //var postfix = a[1] ? "."+a[1].replace(/(\d{3})/g, "$1,").replace(/,$/, "") : "";
6    return prefix+(a[1]?"."+a[1]:"");
7}

placeholder 最佳实践

placeholder 2 是 HTML5 中的标准属性，它用于定义显示在输入框中的简短提示信息，并在适当的时机（比如在输入框获得焦点时）隐匿起来。

在早期的浏览器中，只能通过 JavaScript 自定义函数来实现。而在早期的实现中又五花八门。

在 HTML 方面，一般是使用自定义的 hint 或者 title 属性放置提示消息。

而在 JavaScript 上，最常见的是通过修改 input 本身的 value 及其 CSS 样式实现。一般有直接修改 input 的样式，或者添加 class 两种，后者从某种程度上来说更好些。

水平表单的错误消息方式

垂直方向的表单，错误消息有很多种呈现方式，放在输入框后面，下面，或上面都挺好，因为垂直表单本身可用空间较大，而且向下或向右挤也不是什么问题，布局也没什么影响。

但是对于水平方向向右一字排开的表单（自动适应可用宽度，不够则自动折行），搜索表单比较常用，这种表单会有数个搜索输入框或选项，如图：

[http://farm6.static.flickr.com/5202/5209097632_a2bddacb9f_b.jpg]

联动的设计

联动控件一般用于下拉列表，例如省市县的联动。

很早的时候有些初级的实现只做到了固定级别（比如二级、三级）的联动，它们传入固定的 N 个 <select> DOM 元素，形成固定的 N 级联动关系。后来有了一些较好的实现，这些实现做到了动态级别的联动（即无限级联动）。

早期的无限级联动控件，一般实现是通过主动下拉列表在 onchange 触发时主动调用被动列表的更新 <option> 的方法，或者甚至在 onchange 处理函数中直接操作从动列表的 <option>。

同步客户端时间(续)

08 年我就有了这样的想法，却到今天才开始实践。

公司电脑时间错了好多，但我的账户没有 Internet 同步的权限，遂手动校准。

到国家授时中心校准时，发现其服务器时间的跳跃是受客户端时间影响的，当客户端时间发生修改时，页面上显示的服务器时间也跟着偏差。

用 Dropbox 做私有 Git 服务器

这几记录一下如何做一个本地版本库，关键命令是：git clone --bare test test.git

Form 表单最佳实践

前言

这份文档献给我身边某些可爱的 Java 工程师，感谢你们激怒了我 :)

“Form 表单”其实是一种错误的叫法，Form 本身就是表单，不过这样叫似乎比较顺口。

这里所谓的“最佳实践”只是标题党。

“方便”的副本

在整理《Form 表单最佳实践》的时候，想起了功能相同，分居在页面上、下两地的孪生元素。于是在 Twitter ，各个群里询问大家对于搜索引擎页面底部这个副本搜索框的实际使用情况。

【调查/询问】：搜索引擎一般都在结果页上、下都提供搜索框，请问实际较常使用下面这个搜索框的用户有多少呢，你常用吗？下面的这个搜索框究竟多有用？
@twitter

实际上你有多常用这个搜索框？撇开其他的顾虑。
@twitter

得到了蛮多的回馈，各方理由颇多，不一而足。总体来说，还是几乎不用的居多，用的较少、或是还算常用的两者比起来都不相伯仲。

Vim 爱好者联系资料收集

希望通过一些形式让 Vim 爱好者联系更紧密，于是收集 Vim 爱好者的联系资料，并通过较好的形式展现出来。

目前是通过面板形式展现，并有计划通过 Google 地图展现全国 Vim 爱好者的分布情况。

IE6 的 CSS:hover 伪类

众所周知，IE6 不支持 a:hover 以外的 CSS 伪类，解决办法一般有 3 种方案：

使用 JavaScript 事件

直接使用 JavaScript 的 onmouseover/onmouseenter 和 onmouseout/onmouseleave 事件进行针对性开发，这大概没什么好详细介绍的。

Page 9 of 18