摘要：
写在前面 很多情况下，产品希望统一安卓和IOS select交互和样式。但是众所周知，IOS和安卓的select唤起的选择界面并不是样的，甚至IOS不同系统版本以及安卓不同系统版本下的select唤起的界面也不是相同的。而且省市区多选的需求，不管是IOS和安卓都没有提供原生界面的支持。所以唯一的办法 阅读全文
随笔分类 - HTML5
Omi命令行界面omi-cli发布
2017-02-27 10:23 by 【当耐特】, 1463 阅读, 收藏, 编辑
摘要：
"原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi cli.md" 写在前面 通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是CLI比GUI节约资源，在熟悉命令之后，CLI会比GU 阅读全文
Omi实战-QQ附近用户列表Web页
2017-02-23 09:58 by 【当耐特】, 1758 阅读, 收藏, 编辑
摘要：
"原文地址https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_nearby.md" 写在前面 Omi很适合大型复杂的Web页面开发，例如一些Web在线工具的开发。但是制作这种简单的QQ附近用户列表Web页，也不会有大炮哄蚊子的感觉 阅读全文
Omi教程-生命周期和事件处理
2017-02-22 10:47 by 【当耐特】, 1119 阅读, 收藏, 编辑
摘要：
生命周期 名称 含义 时机 constructor 构造函数 new的时候 install 初始化安装，这可以拿到用户传进的data进行处理 实例化 installed 安装完成，HTML已经插入页面之后执行 实例化 uninstall 卸载组件。执行remove方法会触发该事件 销毁时 befor 阅读全文
AlloyTouch实现下拉刷新
2017-01-09 11:46 by 【当耐特】, 1815 阅读, 收藏, 编辑
摘要：
原文地址: "https://github.com/AlloyTeam/AlloyTouch/wiki/Pull to refresh" 效果展示 扫码体验 你也可以 "点击这里" 访问Demo 可以 "点击这里" 查看代码 背景 在手机QQ内部，其实客户端提供了下拉刷新的能力，拖动整个webvie 阅读全文
AlloyTouch实战--60行代码搞定QQ看点资料卡
2016-12-29 10:09 by 【当耐特】, 1416 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/kandian" 先验货 访问DEMO你也可以 "点击这里" 源代码可以 "点击这里" 如你体验所见，流程的滚动的同时还能支持头部的动画？不断地加载新数据还能做到流畅的滑动！怎么做得的？使用All 阅读全文
AlloyTouch 0.2.0发布--鱼和熊掌兼得
2016-12-28 10:56 by 【当耐特】, 1097 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch 0.2.0" 背景 公司师姐昨日在KM发了篇长文，主要结论RAF+transform3d就是不如transition+transform3d平滑流畅，但是transition 阅读全文
Scoped CSS规范草案
2016-12-26 16:09 by 【当耐特】, 1743 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 写在前面 问:什么是Scoped CSS规范？ Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 面对组件化的普及，组件的复用很普遍 阅读全文
transformjs污染了DOM?是你不了解它的强大
2016-12-26 09:24 by 【当耐特】, 1726 阅读, 收藏, 编辑
摘要：
原文链接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 写在前面 上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到 阅读全文
AlloyTouch全屏滚动插件发布--30秒搞定顺滑H5页
2016-12-22 11:06 by 【当耐特】, 6930 阅读, 收藏, 编辑
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch FullPage Plugin" 先验货 插件代码可以在 "这里" 找到。 注意，虽然是扫码体验，但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以 阅读全文
react动画难写？试试react版transformjs
2016-12-19 09:37 by 【当耐特】, 3823 阅读, 收藏, 编辑
摘要：
简介 "transformjs" 在非react领域用得风生水起，那么react技术栈的同学能用上吗？答案是可以的。junexie童鞋已经造了个 "react版本" 。 动画实现方式 传统 web 动画的两种方式 ： 1. 纯粹的CSS3 ：如：transition/animation+transf 阅读全文
你必须收藏的Github技巧
2016-12-14 09:23 by 【当耐特】, 8588 阅读, 收藏, 编辑
摘要：
一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道，常用的做法，是建立一个gh pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。 这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh pages，特别是纯w 阅读全文
HTML5 Canvas玩转酷炫大波浪进度图
2016-12-13 11:52 by 【当耐特】, 5167 阅读, 收藏, 编辑
摘要：
如上图所见，本文就是要实现上面那种效果。 由于最近 "AlloyTouch" 要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 本文的代码你可以在这里 "https://github. 阅读全文
AlloyTouch Button插件-不再愁click延迟和点击态
2016-12-12 15:17 by 【当耐特】, 1388 阅读, 收藏, 编辑
摘要：
移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式 阅读全文
一分钟搞定AlloyTouch图片轮播组件
2016-12-09 12:54 by 【当耐特】, 1966 阅读, 收藏, 编辑
摘要：
轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。 除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以 "AlloyTo 阅读全文
AlloyTouch与three.js 3D模型交互
2016-12-07 09:41 by 【当耐特】, 2336 阅读, 收藏, 编辑
摘要：
如你所见，上面的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 【当耐特】, 2587 阅读, 收藏, 编辑
摘要：
如你所见。这篇就是要讲下使用 "transformjs" 制作星球的过程。你也可以无视文章，直接去看源码和在线演示： "源码" | "在线演示" 代码100行多一点，直接看也没有什么压力。下面分几步讲解下。 生成球上点坐标 设球心为 (a,b,c),半径为r, 则球的标准方程为 (x a)²+(y 阅读全文
swing with transformjs
2016-11-29 10:39 by 【当耐特】, 908 阅读, 收藏, 编辑
摘要：
Antecedent Facebook made a HTML5 game long time ago. The opening animation is a piece of software that is similar to tofu, the effect as shown below g 阅读全文
和transformjs一起摇摆
2016-11-28 13:06 by 【当耐特】, 2036 阅读, 收藏, 编辑
摘要：
写在前面 记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示： facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象的Disp 阅读全文
