TAT.yana Alloy周刊,你值得拥有
In Web 前端资讯,Web开发 on 2017年04月15日 by view: 1,783
5

在现在这样一个前端技术迅速发展的时代,一不留神就出现了许多新的技术知识。
为了能够让大家更加系统的学习前端的精华知识,经过了一段时间的研究和精心准备,
AlloyTeam决定发行Alloy周刊

TAT.yana 移动端输入框填坑系列(一)
In Web开发 on 2017年03月21日 by view: 6,250
20

输入在移动端是一个很常用的功能,那么输入框必然是一个很重要的部分。然而,移动端输入框总会遇到各种各样的问题,无论是样式还是ios和android两端体验不一致都是很让我们头疼的问题,那么如何使移动web的输入框体验更贴近原生也成了一个需要我们多多思考和研究的问题。

TAT.yana Date对象的那些事儿
In Web开发 on 2016年05月26日 by view: 3,873
8

前两天做了个需求需要Unix时间戳和北京时间的各种转换,其中Date对象用到的极多,今天就来讲讲我所了解到的Date对象。

 

这就开始了

hin简单~

这时的时间是当前时间。

那么Date都可以用什么来作为参数呢?

1、Date对象可以使用指定时间到1970年1月1日00:00:00 UTC的毫秒数做参数。

TAT.yana 浅谈Web缓存
In Web开发 on 2016年03月05日 by view: 13,601
12

在前端开发中,性能一直都是被大家所重视的一点,然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。那么下面我们就来看看服务器端缓存的原理。

 

TAT.yana fis3初步学习体验
In Web开发,资源工具 on 2016年01月05日 by view: 4,842
17

作为前端开发,或多或少都会接触很多前端构建工具,最近的业务使用到了百度FIS团队的fis3,想和大家分享下我所理解的fis3。

 

使用方法简单说

首先,你需要安装node和npm

然后,使用 npm install -g fis3 命令安装fis3,安装完成是这样的

图片1表示安装成功。

然后我们可以通过 fis3 release -w 来对代码进行监听。

注:fis3默认内置了fis3-command-release插件,提供了文件监听和浏览器自动刷新功能,在release的时候添加-w或-L参数就可以,这样可以很方便的部署代码。

当你需要使用插件的时候,可以用 fis3 install -g 插件名 进行安装。

TAT.yana CSS3制作Loading动画
In CSS3,Web开发 on 2015年10月30日 by view: 3,869
7

    虽然现在互联网的网速越来越快,但永远都跟不上我们生活节奏的加快。资深网瘾少女表示,这世上最刺眼的不是阳光,而是“正在加载”;最长的不是周杰伦的电影,而是“正在加载”;最痛心的事情不是你不爱我,而是“正在加载”(语文老师告诉我排比要至少写三句)。

这是为什么呢

为什么loading让我们如此痛苦呢?

因为,我们看到的loading是这样的QQ截图20151102114700是这样的QQ截图20151102114723颜值再高一点的是这样的spinner-css3-animations

这就是为什么要叫他们“菊花”,就因为长得丑啊喂!

我们要在这个看脸的世界活下去!!!

        作为一只网瘾少女,各种酷炫的网页效果已经不能再引起我的注意了,直到有一天我看到了这个http://matthew.wagerfield.com/parallax/ ,瞬间晕船了。嗯,我喜欢这种微醺的感觉。这时我的脑洞突然开了一下,想起了前段时间票圈疯转的各种360°全景摄影。当手机绕着你360°转动的时候,就好像置身照片中的场景一样,那这个框架应该可以做成这样的效果~(虽然后来知道这个效果并不是用parallax.js做的sad)。于是开启了我用parallax.js来变身炫酷少女之路。

 

Parallax.js到底干嘛的

        最近读了Steve Krug的《Don’t Make Me Think》,这本书对于Web和移动可用性设计有着很有趣的见解。对于其他可用性设计的书来说,这本书更加的浅显易懂。

 

一、Don't make me think!!!

        贯彻本书的一大定律就是:别让我思考!

        作为这个信息爆炸的社会的一员,我们已经失去了耐心去仔细浏览Web或移动端页面内容的习惯。“扫描”,变成了人们使用网络的方式。中国传统观念对于“不求甚解”多含贬义,然而对于如今的我们,不求甚解已经成为了常态,那么如何让用户得到最舒服的体验呢?那就是不要让用户动脑思考。