摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/kandian" 先验货 访问DEMO你也可以 "点击这里" 源代码可以 "点击这里" 如你体验所见，流程的滚动的同时还能支持头部的动画？不断地加载新数据还能做到流畅的滑动！怎么做得的？使用All 阅读全文
随笔档案-2016年12月
AlloyTouch 0.2.0发布--鱼和熊掌兼得
2016-12-28 10:56 by 【当耐特】, 1095 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch 0.2.0" 背景 公司师姐昨日在KM发了篇长文，主要结论RAF+transform3d就是不如transition+transform3d平滑流畅，但是transition 阅读全文
Scoped CSS规范草案
2016-12-26 16:09 by 【当耐特】, 1742 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 写在前面 问:什么是Scoped CSS规范？ Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 面对组件化的普及，组件的复用很普遍 阅读全文
transformjs污染了DOM?是你不了解它的强大
2016-12-26 09:24 by 【当耐特】, 1725 阅读, 收藏, 编辑
摘要：
原文链接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 写在前面 上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到 阅读全文
AlloyTouch全屏滚动插件发布--30秒搞定顺滑H5页
2016-12-22 11:06 by 【当耐特】, 6926 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch FullPage Plugin" 先验货 插件代码可以在 "这里" 找到。 注意，虽然是扫码体验，但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以 阅读全文
react动画难写？试试react版transformjs
2016-12-19 09:37 by 【当耐特】, 3822 阅读, 收藏, 编辑
摘要：
简介 "transformjs" 在非react领域用得风生水起，那么react技术栈的同学能用上吗？答案是可以的。junexie童鞋已经造了个 "react版本" 。 动画实现方式 传统 web 动画的两种方式 ： 1. 纯粹的CSS3 ：如：transition/animation+transf 阅读全文
你必须收藏的Github技巧
2016-12-14 09:23 by 【当耐特】, 8585 阅读, 收藏, 编辑
摘要：
一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道，常用的做法，是建立一个gh pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。 这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh pages，特别是纯w 阅读全文
HTML5 Canvas玩转酷炫大波浪进度图
2016-12-13 11:52 by 【当耐特】, 5166 阅读, 收藏, 编辑
摘要：
如上图所见，本文就是要实现上面那种效果。 由于最近 "AlloyTouch" 要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 本文的代码你可以在这里 "https://github. 阅读全文
AlloyTouch Button插件-不再愁click延迟和点击态
2016-12-12 15:17 by 【当耐特】, 1387 阅读, 收藏, 编辑
摘要：
移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式 阅读全文
一分钟搞定AlloyTouch图片轮播组件
2016-12-09 12:54 by 【当耐特】, 1965 阅读, 收藏, 编辑
摘要：
轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。 除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以 "AlloyTo 阅读全文
Using AlloyTouch to control three.js 3D model
2016-12-08 08:50 by 【当耐特】, 1046 阅读, 收藏, 编辑
摘要：
As you can see, the above cube rotation, acceleration, deceleration stop all through the AlloyTouch to achieve. Demo(Mobile) Code factor need to conti 阅读全文
AlloyTouch与three.js 3D模型交互
2016-12-07 09:41 by 【当耐特】, 2335 阅读, 收藏, 编辑
摘要：
如你所见，上面的cube的旋转、加速、减速停止都是通过AlloyTouch去实现的。 演示 代码 factor需要自己不断去调试出最佳的值，让松手之后的惯性运动的速率和时间达到最佳的效果。 moveFactor需要自己不断去调试出最佳的值，就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。 如 阅读全文
移动Web触摸与运动解决方案AlloyTouch开源啦
2016-12-05 15:26 by 【当耐特】, 1991 阅读, 收藏, 编辑
摘要：
传送门 Github地址：https://github.com/AlloyTeam/AlloyTouch 简介 AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是 阅读全文
transformjs玩转星球
2016-12-05 08:19 by 【当耐特】, 2586 阅读, 收藏, 编辑
摘要：
如你所见。这篇就是要讲下使用 "transformjs" 制作星球的过程。你也可以无视文章，直接去看源码和在线演示： "源码" | "在线演示" 代码100行多一点，直接看也没有什么压力。下面分几步讲解下。 生成球上点坐标 设球心为 (a,b,c),半径为r, 则球的标准方程为 (x a)²+(y 阅读全文
