前端

来扒一扒淘宝“确认收货”时的密码输入框的实现

忘了从何时开始,淘宝的密码输入框从以前常见的标准<input>换成了一个比较独特的密码输入框,就是这样的: 乍一看呢,这密码输入框似乎就是6个<input>。 本来我也没注意到它,但今天下午剁手的时候便想研究下这东西的实现,万一以后产品提出要我做个这东西也不至于一脸懵逼     第一步: 首先呢,掏出咱的开发者工具,看看这东西到底是啥。   嗯。。。似乎实现很简单,就是一个class为“sixDigitPassword”的div,里面有i*6以及span*1,每个<i>里面都有一个<b>,并且都有内联样式。接下来一 ...

前端入坑 – Gulp

前端是一个神奇的职业,在我看来,现在这种前端技术革命时期,各大框架; 解决方案也是络绎不绝的出现 而当今的前端你所需要掌握的东西也早已经不是 HTML + CSS + JavaScript 那么简单了 引言就不多说了,直接上干货   gulp 是啥? gulp 是基于nodejs的自动化构建工具,如果你在项目过程中有这种类似的想法:”xxxx 这种事情还要手动处理好烦啊,如果能自动化该多好”,那么你是时候去了解下 gulp 了    gulp 能干啥? 前端各类预处理语言的编译(比如 Less; Sass; TypeScript等) 文件的创建; 删除; 修改等 CSS 的压缩,后处 ...