微博的at功能前端实现

微博上有一个@功能,就是你在输入@符号之后,会在@的位置出现一个下拉单,然后选择完就会在@后面补全。

怎样实现它?思考之后关键的问题在于要实现这个下拉单出现在@的下方。

问题:对,textarea我只能取到@字符的位置,比如是在第12个字符,而不能取到@这个字符相对textarea左上角[……]

查看全文

一个准确的JavaScript倒计时怎么做

站上有个功能,叫推币竞拍。就是东西拿出来拍卖,在最后关头价高者得。

这个策略其实很有趣,普通玩家会很兴奋地不断地去拿币去拍。而老玩家则是静静等到最后快结束的时候,出高价,争取秒杀。

让我们想想页面上的表现。通常页面上会显示一个倒计时的标志,说离结束时间(比如17:00:00)还有多长时间[……]

查看全文

可供折腾的优秀前端框架

我现在接触到的前端框架是有一些,思想都不错。简单介绍一下。

blueprint, 一个基础的CSS框架。它把页面元素分成这么几类,forms表单元素,typography可见的其它元素(特别是可打印的)比如p、ul、li之类,还有一个最重要的,就是grid栅格。
所谓栅格,就是把页面分成16[……]

查看全文

神奇的textarea中的keyup-keydown优化术

在RT.cn上,有一个神奇的发推框,它的作用和新浪微博的发微博的作用一样。
在JS上为这个发推框加了一个@功能,就是在你按下@键之后,会在当前光标位置显示你想@的人的列表。

思路大体是这么做的:

$textarea.keydown(function(e){
if(e.keyCode==k[......]

查看全文

新浪微博之LocalStorage

在FF下,新浪微博会把已输入的微博内容存到客户端的某处。然后在未刷新页面的时候可以把这个内容调出来填到发微博的框里。通常的想法是在textarea的oninput的时候,把textarea的内容存到cookie里去。

但我跟踪了新浪的页面,客户端并没有触发set cookie之类的操作。[……]

查看全文