TAT.yana 深拷贝与浅拷贝的实现(一)
In Web开发 on 2017年08月08日 by view: 14,860
14

最近的学习中,仔细研究了下深拷贝和浅拷贝,下面就来简单的总结下。

数据类型

首先我们了解下两种数据类型
1、基本类型:像 Number、String、Boolean 等这种为基本类型
2、复杂类型:Object 和 Array

浅拷贝与深拷贝的概念

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

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

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

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

TAT.yana Date 对象的那些事儿
In Web开发 on 2016年05月26日 by view: 4,979
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: 26,566
13

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

 

TAT.yana fis3 初步学习体验
In Web开发,资源工具 on 2016年01月05日 by view: 7,454
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: 5,871
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 或移动端页面内容的习惯。“ 扫描”,变成了人们使用网络的方式。中国传统观念对于“ 不求甚解” 多含贬义,然而对于如今的我们,不求甚解已经成为了常态,那么如何让用户得到最舒服的体验呢?那就是不要让用户动脑思考。