Dron 博客

服务器迁移小记

2016-11-06 by Dron

上个月，2016 杭州云栖大会召开，阿里云宣布云产品全线打折，刚好我的服务器 12 月到期，顺手就购入三年，真的很便宜。

本站一直用的万网虚机，记不清几年了，原来的技术方案是 PHP + MySql，新的服务器上，我准备部署 Node + MongoDB，也就引发了这篇文章所述的事情。

异步的 js 接口实现思路——导火线模型

2011-07-01 by Dron

在一些组件里，某些接口的内部实现需要做成异步的，通常是等待数据或者是其他资源加载，一个简单的例子：flash 方案本地存贮模块的封装，js 接口要考虑 flash 资源加载的情况。

以本地存贮为例，我们通常会有 get,set,remove 三个接口，就像这样：

网页自动滚屏实现技巧

2011-06-26 by Dron

网页上，为了方便用户及时看到有价值的信息，通常会采用自动滚屏的交互效果，使变化的信息在第一时间呈现。

滚屏的实现，普遍做法是改变网页根节点的 scrollTop 和 scrollLeft 属性，就像这样：

document.documentElement.scrollTop = 500; // 滚动到 500px 的位置

scrollTop 和 scrollLeft 属性接受一个数值，需要涉及到元素位置的计算（记得那个复杂的位置计算的算法么？），对于需要滚动至某个元素可见，scrollTop 和 scrollLeft 不见得是最优的方案，其实，除了这种办法，我们还可以有以下两种办法来达到滚动的目的。

地址栏中 # 号后面的字符串叫做 hash，浏览器在网页打开完成后或者在 hash 值改变时，会自动滚屏至名称与 hash 值相等的锚点元素位置上，利用这个特性，我们可以在需要的位置插入锚名，然后通过改变 location.hash 的值来达到滚屏效果，具体写法这里就不细说了。

这种方案有一定缺陷，在某些浏览器下，hash 值的改变会产生浏览历史记录，导致对历史记录的破坏，影响用户使用前进后退功能；而且，在一些网页里，hash 值可能会有其它的用途，这样做将影响到这些功能。