showModalDialog用法
在开发中，有时会碰到一些很重的交互，比如一个带焦点的对话框，在对话框中有内容的搜索、筛选、选择等等。这时候常用的浮动层模拟对话框就显得不那么适用了，尝试用一下showModalDialog。
Archive for the ‘devs’ Category
Number indexOf
今天碰到一个比较xx的bug，数字格式化时出错。具体原因是在格式化初始时，取的值转成了number类型，运行num.indexOf(‘.’); 而js的number类型没有indexOf方法，记录一下。
ArcBall原理解析
鼠标在桌面上的二维运动反映为光标在屏幕上的二维运动。当所处理的对象是一个二维形体时，鼠标的二维运动可以一一映射到二维形体上，从而方便地实现几乎所有需要的操作。但是当交互所关注的对象是一个三维物体时，二维屏幕与三维形体之间的矛盾就曝露出来了，ArcBall算法可以解决此矛盾。
mootools tag编辑器
最近evernote和things用的比较多，对其中tag编辑的体验很有感觉，真是觉得顺滑无比。一路下来，手都几乎不用离开键盘，保证了焦点不会由于其他操作转移，思路也因此得以连贯。重点和连贯性都保证好了，体验自然不差。
一个小玩意
最近看的书，大概都是跟信息视觉化和互动有关。书看的多了，却越来越感觉到自己所知之渺小。从原来的圈子跳出来，这世界会有另外一番景象。
动态载入/删除/更新外部 JavaScript/CSS (转)
传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在标签里面进行添加:
这些文件用这种方式会同步加载到当前这个页面。
现在用动态的方式载入JavaScript/Css文件：
* 用 DOM createElement 方法创建一个 “script” 或者 ”link” 元素
* 设置相应的属性
* 使用 appendChild 方法, 把创建的元素插入到 head 标签的末尾
Zen Coding，透过css生成html
是不是觉得每天都敲同样的html代码有点麻木？ok，那就让css代我们生成优雅的代码和排版吧。让我们专心做其他更重要的事。 这就是Zen Coding所能做的。Zen Coding是一套快速编写html/css的工具，语法简单至极，实现的效果却有点惊人。利用css的书写规则来创建html，想像一下这有多便利吧，尤其是列表、小模块，这简直太棒了！ 演示视频 简单的例子 1div#content>h1+p 上面这一行的输出结果 1234<div id="content"> <h1></h1> <p></p> </div> 更多语法 1234567891011121314* E Element name (div, p); * E#id Element with identifier (div#content, p#intro, span#error); * E.class Element with classes (div.header, p.error.critial). You can combine classes and IDs, too: div#content.column.width; * E>N Child element (div>p, div#footer>p>span); * E+N [...]
Data URIs for CSS Images tests
用Data URIs来嵌入image的好处是能减少连接数，更少的连接数意味着更快的访问速度，和更低的服务器负载。 Rob Flaherty作了一个 Data URIs for css images的测试，将一个页面做成三个版本，分别对比他们的加载情况： 页面a:默认页面，1 css 1 js 31 images, 33 requests 页面b:css images作data URIs嵌入到css中，3 requests 页面c:css images作data URIs嵌入到另一个css中，放到页尾， 6 requests 结论：如预期般的，加载时间c<b<a，但是效果并不明显， 具体情况见这里
about lab
把平常捣鼓的一些小玩意放在了lab中，经常更新。 经验很大程度上就是代码量的堆砌，轮子造出来了稍微修剪下就能应用，在细节上没有必要纠缠太多，快速实现，频繁迭代，不要让时间拖累了自己。
js tips
超长换行的字符串 在换行的地方加\ 1234567var table = ‘<div class="table-form">\ <table>\ <tr>\ <td ><input type="button" value="关闭"></td>\ </tr>\ </table>\ </div>’;
