Omi

Open and modern framework for building user interfaces.


TAT.dnt AlloyTouch实现下拉刷新
In Web开发 on 2017年01月09日 by view: 809
0

原文地址:https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh

效果展示

你也可以点击这里访问Demo
可以点击这里查看代码

TAT.dnt AlloyTouch 0.2.0发布–鱼和熊掌兼得
In Web开发 on 2016年12月28日 by view: 664
0

原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch-0.2.0

背景

公司师姐昨日在KM发了篇长文,主要结论RAF+transform3d就是不如transition+transform3d平滑流畅,但是transition+transform3d没有translate属性变更change回调,只有transitionend的事件回调。最后得出的解决方案:

TAT.dnt react动画难写?试试react版transformjs
In Web开发 on 2016年12月20日 by view: 913
1

简介

transformjs在非react领域用得风生水起,那么react技术栈的同学能用上吗?答案是可以的。junexie童鞋已经造了个react版本

TAT.dnt 你必须收藏的Github技巧
In Web开发 on 2016年12月16日 by view: 4,635
5

一秒钟把Github项目变成前端网站

GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。
这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非常地痛。
Github官方可能嗅觉到了该痛点,出了个master当作网站是选项,太有用了。

TAT.dnt HTML5 Canvas玩转酷炫大波浪进度图
In Web开发 on 2016年12月14日 by view: 2,298
1

如上图所见,本文就是要实现上面那种效果。
由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。
首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。

TAT.dnt 一分钟搞定AlloyTouch图片轮播组件
In Web开发 on 2016年12月12日 by view: 827
1

轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。
除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动。所以AlloyTouch制作各种各样的轮播组件还是得心应手。